:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0b1733;background:#f6f9fd;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--navy: #031a3a;--navy-2: #072c5c;--blue: #0869f2;--green: #2bd093;--muted: #7383a3;--line: #d9e2f0;--shadow: 0 22px 55px rgba(13, 35, 65, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}a{color:var(--blue);text-decoration:none}.login-page{display:grid;grid-template-columns:minmax(440px,41.5vw) 1fr;min-height:100vh;background:radial-gradient(circle at 78% 34%,rgba(8,105,242,.08),transparent 30%),#f8fbff}.login-brand-panel{position:relative;overflow:hidden;background:linear-gradient(142deg,#031329,#062856 62%,#031329)}.login-brand-panel:before{position:absolute;inset:58px -150px auto auto;width:520px;height:520px;content:"";border-radius:50%;border:1px solid rgba(43,208,147,.09);box-shadow:0 0 0 32px #0869f20a,0 0 0 64px #0869f209,0 0 0 96px #0869f208,0 0 0 128px #0869f206}.login-brand-panel__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:80px 68px}.synco-logo{display:block;width:276px;height:auto;object-fit:contain}.synco-logo--dark .synco-logo__word{font-size:54px}.synco-logo--dark{width:300px}.brand-copy{margin-top:92px;max-width:530px}.brand-copy h1{margin:0;color:#fff;font-size:34px;line-height:1.34;letter-spacing:0}.brand-copy h1 span{color:var(--green)}.brand-copy p{max-width:520px;margin:28px 0 0;color:#e8effcc7;font-size:18px;line-height:1.55}.brand-illustration{position:relative;width:min(520px,100%);height:255px;margin-top:104px}.window-shell{width:440px;height:220px;border:1px solid rgba(23,118,222,.45);border-radius:18px 18px 0 0;background:#0a2f603d;box-shadow:inset 0 1px #ffffff0d}.window-shell:before{display:block;width:100%;height:47px;content:"";border-bottom:1px solid rgba(23,118,222,.45)}.window-shell span{position:absolute;top:22px;width:12px;height:12px;border-radius:50%;background:#4687de8c}.window-shell span:nth-child(1){left:23px}.window-shell span:nth-child(2){left:43px}.window-shell span:nth-child(3){left:64px}.chat-card{position:absolute;right:0;display:grid;grid-template-columns:42px 1fr;gap:20px;align-items:center;width:285px;min-height:84px;padding:20px;border:1px solid rgba(23,118,222,.43);border-radius:14px;background:#031c40bd;box-shadow:0 18px 32px #0000002e}.chat-card--one{top:76px;right:16px}.chat-card--two{top:174px;right:-32px}.chat-card div:last-child span{display:block;height:6px;margin-bottom:12px;border-radius:999px;background:#548bd2bf}.chat-card div:last-child span:first-child{width:174px}.chat-card div:last-child span:last-child{width:98px}.avatar{width:42px;height:42px;border-radius:50%;border:1px solid currentColor}.avatar--green{color:var(--green);background:radial-gradient(circle at 50% 35%,transparent 13%,var(--green) 14% 23%,transparent 24%),radial-gradient(circle at 50% 83%,var(--green) 0 35%,transparent 36%)}.avatar--blue{color:var(--blue);background:radial-gradient(circle at 50% 35%,transparent 13%,var(--blue) 14% 23%,transparent 24%),radial-gradient(circle at 50% 83%,var(--blue) 0 35%,transparent 36%)}.login-form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:46px 28px 28px}.login-card{width:min(100%,558px);padding:78px 48px 54px;border:1px solid rgba(221,229,240,.85);border-radius:16px;background:#ffffffd1;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card>.synco-logo{width:196px;margin:0 auto}.login-heading{margin:34px 0 38px;text-align:center}.login-heading h2{margin:0;color:#0b1733;font-size:30px;line-height:1.1}.login-heading p{margin:12px 0 0;color:var(--muted);font-size:16px}.login-form{display:flex;flex-direction:column}.field{display:grid;gap:10px;margin-bottom:22px;color:#0b1733;font-size:15px;font-weight:600}.field small{color:#c43131;font-size:13px;font-weight:500}.input-shell{display:grid;grid-template-columns:22px 1fr auto;align-items:center;height:56px;padding:0 16px;border:1px solid #d4dfec;border-radius:7px;background:#ffffffe6;color:#7383a3}.input-shell:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0869f21f}.input-shell input{min-width:0;border:0;outline:0;color:#0b1733;background:transparent;padding:0 12px}.input-shell input::placeholder{color:#8797b8}.input-action,.icon-button{display:inline-grid;place-items:center;border:0;background:transparent;color:#617392;cursor:pointer}.forgot-link{align-self:flex-end;margin-top:-10px;margin-bottom:8px;font-size:14px}.first-access-link{align-self:flex-end;margin-bottom:28px;font-size:14px;font-weight:700}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:7px;cursor:pointer}.primary-button{border:0;color:#fff;background:#126bfe}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.72}.secondary-button{border:1px solid #d4dfec;color:#0b1733;background:#fff}.signup-copy{margin:42px 0 0;color:var(--muted);text-align:center;font-size:14px}.form-alert{margin:0 0 14px;padding:12px;border-radius:7px;color:#8a1f1f;background:#fff0f0}.form-success{margin:0 0 14px;padding:12px;border-radius:7px;color:#06683f;background:#e6fbf1}.login-form-panel footer{margin-top:66px;color:#7888a5;font-size:13px}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;overflow:hidden;padding:30px 22px;background:#001330;color:#fff;transition:padding .18s ease,opacity .18s ease}.app-shell--sidebar-collapsed .sidebar{opacity:0;padding-right:0;padding-left:0;pointer-events:none}.sidebar .synco-logo__word{font-size:31px}.sidebar .synco-logo__mark{width:36px;height:33px}.sidebar .synco-logo{width:168px}.sidebar__nav{display:grid;gap:8px;margin-top:52px}.sidebar__link{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:8px;color:#edf4ffc2;font-weight:600}.sidebar__link.active,.sidebar__link:hover{color:#fff;background:#ffffff1a}.app-main{min-width:0;padding:38px}.page-stack{display:grid;gap:24px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-header h1{margin:6px 0 0;font-size:34px;line-height:1.1;letter-spacing:0}.eyebrow{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.status-pill{padding:10px 15px;border-radius:999px;color:#07543d;background:#dcf8ee;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card,.data-panel,.dashboard-band{border:1px solid #dbe4f0;border-radius:8px;background:#fff;box-shadow:0 12px 28px #0d234112}.metric-card{display:grid;gap:12px;min-height:148px;padding:22px}.metric-card svg{color:var(--blue)}.metric-card span{color:var(--muted);font-weight:600}.metric-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:28px}.dashboard-band,.data-panel{padding:28px}.dashboard-band{display:flex;align-items:center;min-height:190px;color:#fff;background:radial-gradient(circle at 82% 20%,rgba(43,208,147,.35),transparent 24%),linear-gradient(135deg,#031a3a,#083c77 72%,#075ce6)}.dashboard-band h2,.data-panel h2{margin:0 0 10px;font-size:24px}.dashboard-band p{max-width:640px;margin:0;color:#f5f9ffc7;line-height:1.6}table{width:100%;border-collapse:collapse}th,td{padding:16px 12px;border-bottom:1px solid #e7edf5;text-align:left}th{color:#5f6f8e;font-size:13px;text-transform:uppercase}.bot-panel{display:grid;gap:24px}.bot-panel p,.conversations-empty p{color:var(--muted)}.action-row{display:flex;flex-wrap:wrap;gap:12px}.action-row .primary-button,.action-row .secondary-button{padding:0 18px}.qr-box{display:grid;place-items:center;width:220px;min-height:120px;padding:16px;border:1px dashed #bac9dd;border-radius:8px;background:#f8fbff}.qr-box img{max-width:100%}@media(max-width:1080px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh}.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;padding:18px}.sidebar__nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;margin-top:22px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.login-form-panel{padding:18px}.login-card{padding:40px 22px 30px}.login-heading h2{font-size:25px}.app-main{padding:24px 16px}.page-header{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr}.data-panel{overflow-x:auto;padding:18px}}.app-shell{grid-template-columns:260px 1fr;background:#f8fbff}.app-shell--sidebar-collapsed{grid-template-columns:0 1fr}.app-content{min-width:0}.sidebar{min-height:100vh;padding:72px 20px 28px;background:#001330;box-shadow:10px 0 28px #07193829}.sidebar .synco-logo{width:150px;margin:0 auto 74px}.sidebar__nav{gap:18px;margin-top:0}.sidebar__link{min-height:58px;padding:0 20px;border-radius:8px;color:#edf5ff;font-size:15px;font-weight:700}.sidebar__link.active{background:linear-gradient(135deg,#0668f5,#3d39c9);box-shadow:0 14px 24px #074ecd47}.sidebar__link:hover{background:#ffffff14}.sidebar__link.active:hover{background:linear-gradient(135deg,#0668f5,#3d39c9)}.topbar{display:flex;align-items:center;justify-content:space-between;height:86px;padding:0 60px 0 38px;border-bottom:1px solid #e3e9f1;background:#fffffff0;box-shadow:0 2px 14px #1023410d}.topbar__menu,.panel-title button{border:0;background:transparent;color:#657594;cursor:pointer}.topbar__actions{display:flex;align-items:center;gap:28px}.topbar__profile{display:grid;grid-template-columns:42px minmax(150px,auto) 18px;align-items:center;gap:14px;border:0;background:transparent;cursor:pointer;text-align:left}.topbar__profile strong{display:block;color:#101a33;font-size:14px}.topbar__profile span{display:block;margin-top:3px;color:#687797;font-size:13px}.topbar__profile-wrap{position:relative}.profile-dropdown{position:absolute;top:calc(100% + 12px);right:0;z-index:30;display:grid;width:190px;padding:8px;border:1px solid #e4ebf5;border-radius:10px;background:#fff;box-shadow:0 16px 36px #0f204124}.profile-dropdown a,.profile-dropdown button{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border:0;border-radius:7px;color:#24324c;background:transparent;font-weight:500;cursor:pointer;text-align:left}.profile-dropdown a:hover,.profile-dropdown button:hover{background:#f4f8ff}.profile-dropdown button{color:#e1334f}.avatar-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#0785ff,#0d55e8);font-weight:800}.avatar-badge--small{width:44px;height:44px;background:linear-gradient(135deg,#20d294,#0477ee)}.avatar-badge--large{width:72px;height:72px;font-size:26px}.app-main{padding:28px 38px 54px}.dashboard-page{display:grid;gap:30px}.dashboard-heading h1{margin:0;color:#0b1733;font-size:31px;line-height:1.1}.dashboard-heading p,.page-header p{margin:13px 0 0;color:#667493;font-size:16px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.dashboard-metric,.dashboard-card{border:1px solid #e8eef6;border-radius:14px;background:#fffffff0;box-shadow:0 12px 30px #0f204114}.dashboard-metric{position:relative;overflow:hidden;min-height:172px;padding:24px 24px 20px}.dashboard-metric__top{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:20px}.dashboard-metric__icon{display:grid;place-items:center;width:64px;height:68px;border-radius:13px}.dashboard-metric strong{display:block;color:#071332;font-size:34px;line-height:1}.dashboard-metric span{color:#61708e;font-size:14px}.dashboard-metric a{display:inline-flex;align-items:center;gap:9px;margin-top:30px;font-weight:700}.dashboard-metric--blue{color:#0877ff}.dashboard-metric--blue .dashboard-metric__icon{color:#1c7afc;background:#eaf3ff}.dashboard-metric--green{color:#06a865}.dashboard-metric--green .dashboard-metric__icon{color:#0fb780;background:#e5f8ef}.dashboard-metric--amber{color:#f2a009}.dashboard-metric--amber .dashboard-metric__icon{color:#fbbe1a;background:#fff3d9}.dashboard-metric--red{color:#ef334e}.dashboard-metric--red .dashboard-metric__icon{color:#ef334e;background:#ffe9ee}.dashboard-panels{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.05fr);gap:24px}.dashboard-panels--single{grid-template-columns:minmax(0,1fr)}.dashboard-card{padding:22px 28px 28px}.panel-title{display:flex;align-items:center;gap:12px;min-height:42px;padding-bottom:20px;border-bottom:1px solid #e5ebf4}.panel-title h2{flex:1;margin:0;color:#111b33;font-size:20px}.panel-title__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%}.panel-title__icon--blue{color:#0877ff;background:#eaf3ff}.soft-button{min-height:30px;padding:0 13px;border-radius:8px;color:#5d6a84;background:#f3f6fb!important;font-size:13px}.welcome-profile{display:flex;align-items:center;gap:20px;padding:26px 0}.welcome-profile strong{display:block;color:#18213a;font-size:18px}.welcome-profile span{display:block;margin-top:9px;color:#647391}.welcome-meta{display:grid;grid-template-columns:1fr 1fr;padding-top:22px;border-top:1px solid #e5ebf4}.welcome-meta>div+div{padding-left:24px;border-left:1px solid #e5ebf4}.welcome-meta span{display:block;margin-bottom:9px;color:#77839d;font-size:14px}.welcome-meta strong{color:#101a33}.role-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:999px;color:#05a363!important;background:#dff8ec;font-size:13px}.quick-actions{padding-bottom:28px}.quick-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:24px}.quick-action{display:grid;grid-template-columns:54px 1fr 20px;align-items:center;gap:18px;min-height:96px;padding:18px 24px;border-radius:12px;border:1px solid currentColor;background:#fff;cursor:pointer;text-align:left}.quick-action>span{display:grid;place-items:center;width:54px;height:54px;border-radius:12px}.quick-action strong,.quick-action small{display:block}.quick-action strong{margin-bottom:10px;font-size:16px}.quick-action small{color:#687797;font-size:14px}.quick-action--green{color:#06a865;background:#f0fff7}.quick-action--green>span{background:#dff8ec}.quick-action--blue{color:#0877ff;background:#f4f9ff}.quick-action--blue>span{background:#eaf3ff}.quick-action--cyan{color:#0696ac;background:#f2fcff}.quick-action--cyan>span{background:#e3f7fb}.empty-panel{display:grid;gap:12px}.empty-panel strong{color:#071332;font-size:44px}.users-page{display:grid;gap:28px}.users-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.users-heading h1{margin:0;color:#0b1733;font-size:31px;line-height:1.12}.users-heading p{margin:11px 0 0;color:#667493;font-size:16px}.breadcrumb{display:flex;align-items:center;gap:9px;padding-top:9px;color:#77849c;font-size:14px}.breadcrumb a{color:#0877ff;font-weight:700}.breadcrumb strong{color:#65728b;font-weight:600}.users-card{overflow:hidden;border:1px solid #e8eef6;border-radius:13px;background:#fffffff5;box-shadow:0 14px 32px #0f204114}.users-card__header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:84px;padding:18px 24px;border-bottom:1px solid #e5ebf4}.users-card__title{display:flex;align-items:center;gap:16px}.users-card__title span{display:grid;place-items:center;width:48px;height:48px;border-radius:9px;color:#0877ff;background:#eaf3ff}.users-card__title h2{margin:0;color:#111b33;font-size:20px}.new-user-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:0 22px;border:0;border-radius:6px;color:#fff;background:linear-gradient(180deg,#0a7bff,#075ce6);box-shadow:0 10px 20px #0869f238;font-weight:700;cursor:pointer}.users-table-wrap{overflow-x:auto}.users-table{min-width:980px}.users-table th{height:52px;padding:0 28px;color:#59677f;font-size:12px;letter-spacing:.03em}.users-table td{height:77px;padding:0 28px;color:#24324c;border-bottom-color:#e6ecf4;font-size:15px}.users-table tbody tr:hover{background:#fbfdff}.user-identity{display:flex;align-items:center;gap:16px}.user-identity strong{color:#17243e}.table-avatar{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:50%;font-size:13px;font-weight:800}.table-avatar--blue{color:#fff;background:linear-gradient(135deg,#0785ff,#0d55e8)}.table-avatar--green{color:#08a866;background:#dff8ec}.table-avatar--amber{color:#c88906;background:#fff2d4}.table-avatar--purple{color:#6634df;background:#eee7ff}.table-avatar--sky{color:#0877ff;background:#eaf3ff}.table-avatar--mint{color:#06995f;background:#e0f8f0}.admin-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:25px;padding:0 10px;border:1px solid #d6dee9;border-radius:999px;color:#59677f;background:#f7f9fc;font-size:12px;font-weight:700}.admin-badge--yes{color:#06a865;border-color:#79e2ae;background:#e6fbf1}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:25px;padding:0 10px;border:1px solid #79e2ae;border-radius:999px;color:#06a865;background:#e6fbf1;font-size:12px;font-weight:700}.status-badge--inactive{color:#f42c55;border-color:#ffb2bf;background:#fff0f3}.table-actions{display:flex;align-items:center;gap:12px}.table-action{display:grid;place-items:center;width:52px;height:49px;border-radius:7px;background:#fff;cursor:pointer}.table-action--view{color:#0877ff;border:1px solid #a8caff}.table-action--edit{color:#5948ff;border:1px solid #b9b0ff}.table-action--delete{color:#f42c55;border:1px solid #ffb2bf}.users-empty{text-align:center}.users-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:0 28px}.users-pagination label{display:flex;align-items:center;gap:12px;color:#5f6d86}.users-pagination select{width:68px;height:37px;padding:0 12px;border:1px solid #dbe4f0;border-radius:7px;color:#31405d;background:#fff}.pagination-buttons{display:flex;align-items:center;gap:8px}.pagination-buttons button,.pagination-buttons strong{display:grid;place-items:center;width:35px;height:35px;border-radius:6px}.pagination-buttons button{border:1px solid #dbe4f0;color:#6f7c96;background:#fff;cursor:pointer}.pagination-buttons strong{color:#fff;background:#0877ff;box-shadow:0 8px 16px #0869f23d}.page-footer{color:#74829b;text-align:center;font-size:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0511266b}.user-modal{width:min(100%,560px);max-height:calc(100vh - 48px);overflow-y:auto;padding:26px;border:1px solid #e8eef6;border-radius:13px;background:#fff;box-shadow:0 24px 80px #0511263d}.user-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.user-modal h2{margin:0;color:#101a33}.user-modal p{margin:8px 0 0;color:#667493}.user-modal header button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dbe4f0;border-radius:8px;color:#65728b;background:#fff;cursor:pointer}.user-modal label{display:grid;gap:8px;margin-bottom:16px;color:#17243e;font-weight:700}.user-modal input,.user-modal select{width:100%;height:46px;padding:0 13px;border:1px solid #d4dfec;border-radius:7px;color:#17243e;background:#fff}.user-modal input:focus,.user-modal select:focus{border-color:#0877ff;outline:0;box-shadow:0 0 0 3px #0869f21f}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.user-modal footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.user-modal footer .primary-button,.user-modal footer .secondary-button{min-width:118px;padding:0 18px}.user-modal--view dl{display:grid;gap:14px;margin:0}.user-modal--view dl div{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #e8eef6}.user-modal--view dt{color:#667493;font-weight:700}.user-modal--view dd{margin:0;color:#17243e;overflow-wrap:anywhere}.access-page,.setup-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:radial-gradient(circle at 72% 28%,rgba(8,105,242,.08),transparent 30%),#f8fbff}.access-card,.setup-card{width:min(100%,540px);padding:48px;border:1px solid rgba(221,229,240,.9);border-radius:16px;background:#ffffffeb;box-shadow:var(--shadow)}.access-card>.synco-logo{width:188px;margin:0 auto}.access-card__link{display:block;margin-top:28px;text-align:center;font-weight:700}.setup-card{display:grid;gap:22px;text-align:center}.setup-card__icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto;border-radius:18px;color:#0877ff;background:#eaf3ff}.setup-card h1{margin:0;color:#0b1733;font-size:31px}.setup-card p{margin:0;color:#667493;line-height:1.6}.setup-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.setup-actions .primary-button,.setup-actions .secondary-button,.setup-success .primary-button{padding:0 18px}.setup-qr{display:grid;place-items:center;width:min(100%,290px);min-height:210px;margin:0 auto;padding:20px;border:1px dashed #a8caff;border-radius:13px;background:#f8fbff}.setup-qr img{max-width:100%;border-radius:8px}.setup-qr code{color:#0b1733;font-size:22px;font-weight:800;overflow-wrap:anywhere}.setup-success{display:grid;justify-items:center;gap:12px}.setup-success strong{color:#06a865;font-size:18px}.setup-success span{color:#667493}.requests-page{display:grid;gap:24px}.requests-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.requests-heading h1{margin:0;color:#0b1733;font-size:31px;line-height:1.12}.requests-heading p{margin:11px 0 0;color:#667493;font-size:16px}.back-button{display:inline-flex;align-items:center;gap:8px;min-height:39px;margin-top:20px;padding:0 16px;border:1px solid #cfd9e8;border-radius:6px;color:#344461;background:#fff;font-weight:400}.requests-metrics .dashboard-metric{min-height:132px}.requests-metrics .dashboard-metric__top{grid-template-columns:64px 1fr}.request-filter-card .users-card__header{min-height:58px}.request-filter-card .users-card__title span{width:28px;height:28px;border-radius:6px}.request-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 158px;align-items:end;gap:18px;padding:24px}.request-filters label{display:grid;gap:8px;color:#667493;font-size:14px;font-weight:400}.request-filters select,.request-filters input{width:100%;height:42px;padding:0 2px;border:1px solid #d4dfec;border-radius:6px;color:#24324c;background:#fff;font-size:15px;font-weight:500}.contacts-filters{grid-template-columns:minmax(260px,1fr) 158px}.contact-name{display:inline-flex;align-items:center;gap:8px}.request-filters .primary-button{min-height:42px}.contacts-request-filters{grid-template-columns:minmax(220px,1.4fr) minmax(180px,1fr) 140px}.request-checkbox{display:inline-flex!important;grid-auto-flow:column;align-items:center;justify-content:flex-start;gap:8px!important;min-height:42px;padding:0 14px;border:1px solid #d4dfec;border-radius:6px;color:#344461!important;background:#fff;white-space:nowrap}.request-checkbox input{width:16px!important;height:16px!important;padding:0!important}.requests-table{min-width:1080px}.requests-table td strong,.request-contact-phone{display:block}.request-contact-phone{margin-top:5px;color:#5f6d86;font-size:13px}.request-type,.request-status{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:6px;font-size:14px;font-weight:500;line-height:1;white-space:nowrap}.request-type--amber{color:#8b6400;border-color:#f7d46d;background:#ffd86a}.request-type--blue{color:#0870ed;border-color:#b9d5ff;background:#dcecff}.request-type--green{color:#0a9b67;border-color:#a9e9cd;background:#c9f1df}.request-type--gray{color:#4f5e75;border-color:#d9e2ef;background:#edf2f8}.request-status--pending{color:#8b6400;border-color:#f7d46d;background:#ffd86a}.request-status--progress{color:#0a9b67;border-color:#a9e9cd;background:#c9f1df}.request-status--answered{color:#0870ed;border-color:#b9d5ff;background:#dcecff}.request-status--done{color:#0a9b67;border-color:#a9e9cd;background:#c9f1df}.request-status--canceled{color:#e1334f;border-color:#ffb8c4;background:#ffe5ea}.request-status--neutral{color:#4f5e75;border-color:#d9e2ef;background:#edf2f8}.contacts-page{display:grid;gap:24px}.contacts-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.contacts-heading h1{margin:0;color:#162b49;font-size:32px;line-height:1.15}.contacts-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.contacts-metric{position:relative;display:flex;min-height:140px;align-items:center;justify-content:space-between;overflow:hidden;padding:22px 28px;border-radius:14px;color:#fff;box-shadow:0 16px 34px #14264821}.contacts-metric strong,.contacts-metric span{display:block}.contacts-metric strong{font-size:40px;line-height:1}.contacts-metric span{margin-top:20px;font-size:18px;font-weight:700}.contacts-metric svg{flex:0 0 auto;opacity:.28}.contacts-metric--cyan{background:linear-gradient(110deg,#19a7b7,#1ba0bd)}.contacts-metric--green{background:linear-gradient(110deg,#29a948,#26a742)}.contacts-metric--orange{background:linear-gradient(110deg,#ff910d,#ea262b)}.contacts-metric--blue{background:linear-gradient(110deg,#0b87ff,#0878f2)}.contacts-card{overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 18px 44px #1522381f}.contacts-card__title{display:flex;min-height:66px;align-items:center;gap:10px;padding:0 28px;color:#fff;background:linear-gradient(90deg,#6478ed,#774baa)}.contacts-card__title h2{margin:0;font-size:21px}.contacts-toolbar{display:grid;grid-template-columns:minmax(280px,1.7fr) minmax(220px,1fr) auto 270px;gap:18px;align-items:center;padding:25px;border-bottom:1px solid #e4e9f1}.contacts-toolbar input,.contacts-toolbar select{width:100%;height:48px;padding:0 16px;border:1px solid #ccd6e4;border-radius:6px;color:#23344f;background:#fff;font-size:18px}.contacts-checkbox{display:inline-flex;align-items:center;gap:8px;color:#111827;font-size:18px;white-space:nowrap}.contacts-checkbox input{width:16px;height:16px}.contacts-checkbox svg{color:#ef3b4c}.contacts-search-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;color:#fff;background:linear-gradient(90deg,#6675e7,#784aae);font-size:18px;font-weight:800}.contacts-table-wrap{overflow-x:auto}.contacts-table{width:100%;min-width:1120px;border-collapse:collapse}.contacts-table th{padding:26px 31px;color:#334155;background:#f8fafc;font-size:15px;letter-spacing:.06em;text-align:left;text-transform:uppercase}.contacts-table td{padding:28px 31px;border-top:1px solid #eef2f6;color:#0f172a;font-size:16px;vertical-align:middle}.contacts-table tbody tr:nth-child(odd){background:#f0f0f0}.contacts-table td strong,.contacts-date,.contacts-location{display:block}.contacts-location{min-height:20px;margin-top:8px;color:#667085;font-size:14px}.contacts-location,.contacts-warning{display:inline-flex;align-items:center;gap:4px}.contacts-warning{min-height:31px;padding:0 12px;border-radius:9px;color:#111827;background:#ffc928;font-weight:700}.conversation-state{display:inline-flex;min-height:32px;align-items:center;padding:0 16px;border-radius:9px;color:#fff;background:#737d88;font-size:13px;font-weight:800}.contacts-interactions{display:inline-flex;min-width:48px;min-height:32px;align-items:center;justify-content:center;border-radius:10px;background:#fff;color:#162b49;font-size:14px}.contacts-date{margin-bottom:8px;font-size:15px;font-weight:500}.contacts-view-button{display:inline-flex;width:67px;height:46px;align-items:center;justify-content:center;border:0;border-radius:9px;color:#fff;background:#2d6df6}.contacts-pagination{padding:18px 25px}.request-details-page{display:grid;gap:28px}.request-details-heading h1{margin:0;color:#162b49;font-size:32px}.request-detail-card,.conversation-history-card{overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 18px 44px #1522381f}.request-detail-card__title,.conversation-history-title{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:16px;padding:0 26px;color:#fff;background:linear-gradient(90deg,#6678ec,#774aaa)}.request-detail-card__title div,.conversation-history-title{display:flex;align-items:center;gap:12px}.request-detail-card__title h2,.conversation-history-title h2{margin:0;font-size:22px}.request-detail-card__title button{display:inline-flex;min-height:48px;align-items:center;gap:8px;padding:0 22px;border:0;border-radius:10px;color:#fff;background:#737d88;font-size:18px;font-weight:800}.request-detail-body{display:grid;gap:28px;padding:26px}.request-detail-badges{display:flex;flex-wrap:wrap;gap:8px}.request-detail-badge{display:inline-flex;min-height:31px;align-items:center;padding:0 16px;border-radius:8px;color:#fff;font-size:13px;font-weight:800}.request-detail-badge--type{background:#087cff}.request-detail-badge--status{background:#25a64a}.request-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.request-detail-grid h3,.request-copy-block h3{margin:0 0 10px;color:#111827;font-size:24px;font-weight:500}.request-detail-grid strong{color:#0f172a;font-size:19px}.request-detail-grid span{margin-top:8px;color:#667085;font-size:16px}.request-copy-block p{margin:0;min-height:68px;padding:22px;border-radius:5px;color:#001a3b;background:#f7f8fa;font-size:18px;line-height:1.45}.request-copy-block--ai p{border:1px solid #13a9d8;background:#fff}.request-detail-empty{padding:32px;color:#667085}.conversation-history-title{justify-content:flex-start;min-height:66px}.whatsapp-history{display:grid;min-height:320px;gap:14px;padding:28px;background:linear-gradient(#f8fafceb,#f8fafceb),repeating-linear-gradient(45deg,#e9eef4 0,#e9eef4 1px,transparent 1px,transparent 18px)}.whatsapp-bubble{max-width:min(680px,76%);padding:10px 12px 8px;border-radius:10px;box-shadow:0 4px 12px #0f172a14}.whatsapp-message--left .whatsapp-bubble{border-top-left-radius:2px;background:#fff}.whatsapp-message--right .whatsapp-bubble{border-top-right-radius:2px;background:#dcf8c6}.whatsapp-bubble strong{display:block;margin-bottom:4px;color:#2563eb;font-size:12px}.whatsapp-bubble p{margin:0;color:#111827;font-size:15px;line-height:1.45;white-space:pre-wrap}.whatsapp-bubble time{display:block;margin-top:5px;color:#667085;font-size:11px;text-align:right}.contact-analysis-page{display:grid;gap:16px}.contact-analysis-actions{display:flex;flex-wrap:wrap;gap:4px}.contact-back-button,.contact-dashboard-button{display:inline-flex;min-height:39px;align-items:center;gap:6px;padding:0 16px;border-radius:6px;font-weight:800}.contact-back-button{color:#fff;background:#737d88}.contact-dashboard-button{border:1px solid #94a3b8;color:#475569;background:#fff}.contact-analysis-grid{display:grid;grid-template-columns:.9fr 1.8fr;gap:14px;align-items:start}.contact-analysis-left{display:grid;gap:22px}.contact-info-card,.contact-conversations-card{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 14px 34px #0f172a1a}.contact-info-card header,.contact-conversations-card header{display:flex;min-height:49px;align-items:center;gap:10px;padding:0 22px;color:#fff;background:linear-gradient(90deg,#6678ec,#774aaa)}.contact-info-card h2,.contact-conversations-card h2{margin:0;font-size:16px}.contact-info-list{display:grid;gap:20px;padding:20px}.contact-info-item strong,.contact-info-item span,.contact-info-item small{display:block}.contact-info-item strong{display:flex;align-items:center;gap:6px;color:#111827;font-size:15px}.contact-info-item span,.contact-info-item small{margin-top:6px;color:#64748b}.contact-address{display:grid;gap:8px;min-height:190px;padding:20px}.contact-address>span{justify-self:start;min-height:24px;padding:0 12px;border-radius:7px;color:#fff;background:#0b7cff;font-size:12px;font-weight:800;line-height:24px}.contact-address strong{color:#111827}.contact-address p{margin:0;color:#64748b}.contact-conversations-table-wrap{overflow-x:auto}.contact-conversations-table{width:100%;min-width:840px;border-collapse:collapse}.contact-conversations-table th{padding:18px 23px;color:#334155;background:#f8fafc;font-size:12px;letter-spacing:.05em;text-align:left;text-transform:uppercase}.contact-conversations-table td{padding:21px 23px;border-top:1px solid #eef2f6;color:#0f172a;font-size:14px}.contact-conversations-table tbody tr:nth-child(2n){background:#fbfbfc}.contact-request-type,.contact-confirmed-pill{display:inline-flex;min-height:24px;align-items:center;padding:0 13px;border-radius:7px;color:#fff;font-size:12px;font-weight:800}.contact-request-type--blue{background:#087cff}.contact-request-type--green{background:#25a64a}.contact-request-type--amber{background:#f59e0b}.contact-request-type--gray{background:#737d88}.contact-confirmed-pill{background:#25a64a}.contact-conversation-message{max-width:430px}.contact-analysis-page{display:grid;gap:24px}.contact-analysis-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.contact-analysis-actions{gap:16px}.contact-dashboard-button{display:inline-flex;min-height:39px;align-items:center;gap:8px;padding:0 16px;border:1px solid #cfd9e8;border-radius:6px;color:#344461;background:#fff;font-weight:700}.contact-analysis-grid{grid-template-columns:minmax(340px,.78fr) minmax(0,1.7fr);gap:28px}.contact-info-card,.contact-conversations-card{overflow:hidden;border:1px solid #e8eef6;border-radius:14px;background:#fffffff5;box-shadow:0 14px 32px #0f204114}.contact-info-card header,.contact-conversations-card header{display:flex;min-height:68px;align-items:center;gap:14px;padding:0 22px;color:#111b33;background:#fff;border-bottom:1px solid #e5ebf4}.contact-info-card h2,.contact-conversations-card h2{margin:0;color:#111b33;font-size:18px}.contact-conversations-card h2 span{color:#59677f;font-size:15px;font-weight:500}.contact-card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#1c7afc;background:#eaf3ff}.contact-card-icon--purple{color:#7c4df3;background:#eee7ff}.contact-info-list{gap:0;padding:0 22px}.contact-info-item{display:grid;grid-template-columns:minmax(150px,.72fr) 1fr;align-items:center;gap:16px;min-height:58px;border-bottom:1px solid #e5ebf4}.contact-info-item:last-child{border-bottom:0}.contact-info-item strong{display:flex;align-items:center;gap:10px;color:#101a33;font-size:14px}.contact-info-item strong svg{color:#1c7afc}.contact-info-item span{margin-top:0;color:#53627e}.contact-info-item>.request-status{justify-self:start;width:auto;min-width:0;height:24px;min-height:24px;padding:0 10px;line-height:24px}.contact-info-item small{grid-column:2;margin-top:-10px;color:#667493}.contact-address{display:grid;gap:12px;min-height:198px;padding:24px 22px}.contact-address span{justify-self:start;min-height:26px;padding:5px 11px;border-radius:6px;color:#fff;background:#0877ff;font-size:12px;font-weight:800}.contact-address strong{color:#101a33}.contact-address p{margin:0;color:#53627e}.contact-conversations-table{min-width:900px}.contact-conversations-table th{height:54px;padding:0 22px;color:#59677f;background:#fbfdff;font-size:12px;letter-spacing:.03em}.contact-conversations-table td{height:82px;padding:0 22px;border-top:1px solid #e6ecf4;color:#24324c;font-size:14px}.contact-conversations-table tbody tr:nth-child(2n){background:#fff}.profile-page{display:grid;gap:28px}.profile-grid,.profile-layout{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);gap:24px;align-items:start}.profile-content{display:grid;gap:24px}.profile-summary-card,.profile-form-card{border:1px solid #e8eef6;border-radius:14px;background:#fffffff5;box-shadow:0 14px 32px #0f204114}.profile-summary-card{display:grid;justify-items:center;gap:12px;padding:32px 24px;text-align:center}.profile-summary-card h2{margin:8px 0 0;color:#101a33;font-size:22px;font-weight:600}.profile-summary-card p{margin:0;color:#667493}.profile-summary-card dl{display:grid;gap:0;width:100%;margin:18px 0 0;text-align:left}.profile-summary-card dl div{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;border-top:1px solid #e5ebf4}.profile-summary-card dt{display:inline-flex;align-items:center;gap:8px;color:#667493;font-weight:500}.profile-summary-card dd{margin:0;color:#101a33;font-weight:500}.profile-form-card header{display:flex;align-items:center;gap:14px;min-height:74px;padding:0 24px;border-bottom:1px solid #e5ebf4}.profile-form-card h2{margin:0;color:#111b33;font-size:20px;font-weight:600}.profile-form-card form{display:grid;gap:18px;padding:24px}.profile-form-card label{display:grid;gap:8px;color:#17243e;font-weight:500}.profile-input{display:grid;grid-template-columns:22px 1fr;align-items:center;height:46px;padding:0 13px;border:1px solid #d4dfec;border-radius:7px;color:#667493;background:#fff}.profile-input input,.profile-password-input{width:100%;height:44px;border:0;outline:0;color:#17243e;background:transparent}.profile-password-input{padding:0 13px;border:1px solid #d4dfec;border-radius:7px;background:#fff}.profile-input:focus-within,.profile-password-input:focus{border-color:#0877ff;box-shadow:0 0 0 3px #0869f21f}.profile-form-card .primary-button{justify-self:start;padding:0 18px}.profile-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-card-icon--green{color:#0f9f6e;background:#0f9f6e1f}.profile-bot-body{display:grid;gap:18px;padding:24px}.profile-bot-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.profile-bot-status>div{min-height:86px;padding:16px;border:1px solid #e5ebf4;border-radius:8px;background:#fbfdff}.profile-bot-status strong{display:block;margin-top:8px;color:#111b33;font-size:15px;overflow-wrap:anywhere}.profile-bot-actions{display:flex;flex-wrap:wrap;gap:12px}.profile-bot-replace-field{display:grid;gap:8px;color:#17243e;font-weight:500}.profile-bot-actions .primary-button,.profile-bot-actions .secondary-button,.profile-bot-actions .danger-button{min-width:154px}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid rgba(220,38,38,.28);border-radius:7px;color:#b91c1c;background:#fff5f5;font-weight:700;cursor:pointer}.danger-button:disabled{opacity:.65;cursor:not-allowed}.profile-qr-box{display:grid;place-items:center;min-height:220px;padding:18px;border:1px dashed #b8c6da;border-radius:8px;background:#f7faff}.profile-qr-box img{width:min(260px,100%);height:auto;border-radius:8px}.profile-qr-box code{max-width:100%;padding:14px 16px;border-radius:8px;color:#0b1733;background:#fff;overflow-wrap:anywhere}.request-details-page{display:grid;gap:18px}.request-details-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.request-details-heading h1{margin:0;color:#0b1733;font-size:28px}.request-details-heading .back-button{margin-top:18px}.request-detail-card,.request-copy-card,.conversation-history-card{overflow:hidden;border:1px solid #e8eef6;border-radius:14px;background:#fffffff5;box-shadow:0 14px 32px #0f204114}.request-detail-body{display:grid;gap:22px;padding:24px 28px}.request-detail-badges{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.request-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.request-detail-grid>div{display:grid;grid-template-columns:48px 1fr;align-items:start;gap:18px}.request-detail-grid .contact-card-icon{align-self:start;margin-top:2px}.request-detail-grid h3{margin:0 0 6px;color:#667493;font-size:14px;font-weight:500}.request-detail-grid strong,.request-detail-grid span{display:block}.request-detail-grid strong{color:#101a33;font-size:16px}.request-detail-grid span{margin-top:6px;color:#53627e;font-size:14px}.request-copy-card{padding:20px}.request-copy-card header,.conversation-history-title{display:flex;align-items:center;gap:14px;min-height:auto;padding:0 0 14px;color:#111b33;background:transparent;border-bottom:0}.request-copy-card h2,.conversation-history-title h2{margin:0;color:#111b33;font-size:18px}.request-copy-card p{min-height:48px;margin:0;padding:18px 22px;border:1px solid #eef2f6;border-radius:7px;color:#24324c;background:#f5f7fb;line-height:1.6}.request-copy-card--ai p{border-color:#b9cdf2;background:#fff}.conversation-history-card{padding:20px}.whatsapp-history{display:grid;min-height:270px;gap:16px;padding:14px 0 0;background:#fff}.whatsapp-message{display:flex}.whatsapp-message--left{justify-content:flex-start}.whatsapp-message--right{justify-content:flex-end}.whatsapp-bubble{width:min(460px,48%);max-width:min(460px,48%);padding:16px 18px 12px;border:1px solid #e8eef6;border-radius:8px;background:#fff;box-shadow:0 8px 18px #0f204114}.whatsapp-message--right .whatsapp-bubble{border-color:#d6eddc;background:#edf9ed}.whatsapp-bubble strong{display:block;margin-bottom:5px;color:#0877ff;font-size:12px;font-weight:800}.whatsapp-message--right .whatsapp-bubble strong{color:#0a9b67}.whatsapp-bubble p{margin:0;color:#101a33;font-size:14px;line-height:1.55;white-space:pre-wrap}.whatsapp-bubble time{display:block;margin-top:8px;color:#667493;font-size:12px;text-align:right}@media(max-width:1180px){.dashboard-metrics,.quick-action-grid,.contacts-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-panels{grid-template-columns:1fr}.request-filters,.contacts-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:18px}.app-shell--sidebar-collapsed .sidebar{display:none}.sidebar .synco-logo{margin:0}.topbar{padding:0 20px}}@media(max-width:640px){.dashboard-metrics,.quick-action-grid{grid-template-columns:1fr}.app-main{padding:24px 16px 40px}.topbar__profile{grid-template-columns:42px 18px}.topbar__profile div:nth-child(2){display:none}.users-heading,.requests-heading,.contacts-heading,.request-details-heading,.users-card__header,.users-pagination{align-items:flex-start;flex-direction:column}.modal-grid,.request-filters,.contacts-metrics,.contacts-toolbar,.request-detail-grid,.contact-analysis-grid,.profile-layout,.profile-form-row,.profile-bot-status{grid-template-columns:1fr}.whatsapp-bubble{max-width:92%}}
