@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;600;700&display=swap");:root{--dark:#1d1d1b;--blue:#0065e8;--sky:#00ade7;--cyan:#48efe3;--background:#f5f6f8;--surface:#ffffff;--border:#e6e8ec;--muted:#9aa1ad;--text:#2a303a;--soft:#eef8ff;--success:#16a34a;--warning:#f59e0b}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--background);color:var(--text);font-family:Lato,Arial,sans-serif;letter-spacing:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--dark);color:#ffffff;display:flex;flex-direction:column;gap:28px;padding:24px 18px}.brand{display:flex;gap:12px;min-height:48px;text-decoration:none}.brand,.brandMark{align-items:center}.brandMark{background:var(--cyan);border-radius:12px;color:var(--dark);display:grid;font-weight:700;height:42px;place-items:center;width:42px}.brand span,.brand strong{display:block}.brand span{color:#c9ced6;font-size:12px;margin-top:2px}.navList{display:grid;grid-gap:6px;gap:6px}.navItem{align-items:center;border-radius:10px;color:#d8dce4;display:flex;gap:10px;min-height:42px;padding:0 12px;text-decoration:none}.navItem.active,.navItem:hover{background:rgba(72,239,227,.14);color:#ffffff}.workspace{min-width:0}.topbar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:14px;min-height:72px;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.companySwitcher,.filters button,.iconButton,.panelHeader button,.userMenu{background:#ffffff;color:var(--text);display:inline-flex;min-height:40px}.companySwitcher,.filters button,.iconButton,.panelHeader button,.searchBox,.userMenu{align-items:center;border:1px solid var(--border);border-radius:10px;gap:8px;padding:0 12px}.searchBox{background:#f8fafc;color:var(--muted);display:flex;flex:1 1;min-height:42px}.searchBox input{background:transparent;border:0;color:var(--text);flex:1 1;min-width:0;outline:0}.userMenu span{align-items:center;background:var(--blue);border-radius:50%;color:#ffffff;display:grid;font-size:12px;font-weight:700;height:30px;place-items:center;width:30px}.userMenu small,.userMenu strong{display:block;line-height:1.1;text-align:left}.userMenu small{color:var(--muted);font-size:12px;margin-top:3px}.content{padding:28px}.pageHeader{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.breadcrumb{color:var(--blue);font-size:13px;font-weight:700}h1,h2,p{margin:0}h1{color:var(--dark);font-size:32px;line-height:1.1;margin-top:6px}.pageHeader p,.panelHeader p{color:#6f7785;margin-top:6px}.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.filters .primaryAction,.primaryAction{align-items:center;background:var(--cyan);border-color:var(--cyan);border-radius:10px;color:var(--dark);display:inline-flex;gap:8px;font-weight:700;min-height:40px;padding:0 12px;text-decoration:none}.kpiGrid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.kpiCard,.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 30px rgba(29,29,27,.05)}.kpiCard{display:grid;grid-gap:8px;gap:8px;min-height:142px;padding:18px}.kpiIcon{align-items:center;background:var(--soft);border-radius:10px;color:var(--blue);display:grid;height:38px;place-items:center;width:38px}.agentRow span,.kpiCard span{color:#687181;font-size:13px}.kpiCard strong{color:var(--dark);font-size:28px}.kpiCard small{color:var(--success);font-weight:700}.bottomGrid,.mainGrid{display:grid;grid-gap:16px;gap:16px;margin-top:16px}.bottomGrid,.mainGrid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.panel{padding:18px}.panelHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.panelHeader h2{color:var(--dark);font-size:18px}.barChart{grid-gap:12px;gap:12px;grid-template-columns:repeat(12,1fr);height:180px;padding-top:12px}.barChart,.barGroup{align-items:end;display:grid}.barGroup{grid-gap:5px;gap:5px;grid-template-columns:1fr 1fr}.barGroup i,.barGroup span{border-radius:999px 999px 3px 3px;display:block;min-height:20px}.barGroup span{background:var(--blue)}.barGroup i{background:var(--cyan)}.legend,.verticalList{color:#687181;display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.dot{border-radius:50%;display:inline-block;height:9px;margin-right:6px;width:9px}.dot.blue{background:var(--blue)}.dot.cyan{background:var(--cyan)}.dot.green{background:var(--success)}.dot.gray{background:#9aa1ad}.agentList{display:grid;grid-gap:14px;gap:14px}.agentRow{grid-gap:10px;gap:10px;grid-template-columns:38px minmax(0,1fr) auto}.agentRow,.agentRow .avatar{align-items:center;display:grid}.agentRow .avatar{background:#eef8ff;border-radius:50%;color:var(--blue);font-weight:700;height:38px;place-items:center;width:38px}.agentRow span,.agentRow strong{display:block}.agentRow b{color:var(--dark);font-size:13px}.agentRow progress{grid-column:2/4;height:6px;width:100%}.table{display:grid;grid-gap:8px;gap:8px}.tableHead,.tableRow{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:1.1fr .7fr 2fr .9fr .6fr}.tableHead{color:#808897;font-size:12px;font-weight:700;padding:0 10px 6px;text-transform:uppercase}.tableRow{background:#fbfcfe;border:1px solid var(--border);border-radius:10px;min-height:58px;padding:10px}.tableRow p{color:#687181;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tableRow em{background:#fff7e8;border-radius:999px;color:#9a5b00;font-size:12px;font-style:normal;font-weight:700;padding:6px 9px;text-align:center}.tableRow small{color:#687181}.distributionPanel{display:grid}.donut{aspect-ratio:1;background:conic-gradient(var(--cyan) 0 32%,var(--blue) 32% 56%,var(--success) 56% 74%,#c9ced6 74% 100%);border-radius:50%;justify-self:center;max-width:230px;position:relative;width:78%}.donut:after{background:#ffffff;border-radius:50%;content:"";inset:23%;position:absolute}@media (max-width:980px){.shell{grid-template-columns:82px minmax(0,1fr)}.brand div:last-child,.navItem span{display:none}.sidebar{align-items:center;padding-inline:14px}.bottomGrid,.kpiGrid,.mainGrid{grid-template-columns:1fr 1fr}.tableHead,.tableRow{grid-template-columns:1fr .7fr 1.2fr}.tableHead span:nth-child(4),.tableHead span:nth-child(5),.tableRow em,.tableRow small{display:none}}@media (max-width:720px){.shell{display:block}.sidebar{display:none}.topbar{flex-wrap:wrap;padding:14px}.content{padding:18px 14px}.pageHeader{align-items:flex-start;flex-direction:column}.filters{justify-content:flex-start}.bottomGrid,.kpiGrid,.mainGrid{grid-template-columns:1fr}.companySwitcher,.tableHead,.userMenu div{display:none}.tableRow{align-items:start;grid-template-columns:1fr}.tableRow p{white-space:normal}}.panelLink{align-items:center;background:#ffffff;border:1px solid var(--border);border-radius:10px;color:var(--text);display:inline-flex;min-height:40px;padding:0 12px;text-decoration:none}.dataTable{display:grid;grid-gap:8px;gap:8px}.dataHead,.dataRow{align-items:center;display:grid;grid-gap:12px;gap:12px}.companyTable .dataHead,.companyTable .dataRow{grid-template-columns:1.6fr .8fr .5fr .8fr .7fr 1fr}.dataHead{color:#808897;font-size:12px;font-weight:700;padding:0 10px 6px;text-transform:uppercase}.dataRow{background:#fbfcfe;border:1px solid var(--border);border-radius:10px;min-height:66px;padding:12px}.entityCell{align-items:center;display:flex;gap:12px;min-width:0}.entityIcon,.largeAvatar,.setupIcon,.templateHero{align-items:center;background:var(--soft);border-radius:12px;color:var(--blue);display:grid;place-items:center}.entityIcon{height:40px;min-width:40px}.entityCell small,.entityCell strong{display:block}.entityCell small,.memberRow small,.memberRow span{color:#687181}.statusBadge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:5px;justify-content:center;min-height:28px;padding:0 10px;width:-moz-fit-content;width:fit-content}.statusBadge.ok{background:#eaf8ef;color:#117a35}.statusBadge.muted{background:#eef0f3;color:#596272}.statusBadge.info{background:#eef8ff;color:var(--blue)}.cardGrid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.agentCard,.setupCard,.templateCard{background:#ffffff;border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 30px rgba(29,29,27,.05);padding:18px}.agentCardHeader{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:48px minmax(0,1fr) auto}.largeAvatar{height:48px;width:48px}.agentCard h2,.setupCard h2,.templateCard h2{color:var(--dark);font-size:18px;margin:0}.agentCard p,.setupCard p,.templateCard p{color:#687181;margin-top:4px}.agentMeta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.agentMeta span{align-items:center;background:#f5f7fa;border:1px solid var(--border);border-radius:999px;color:#596272;display:inline-flex;gap:5px;min-height:28px;padding:0 10px}.metricStrip{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.metricStrip div{background:#fbfcfe;border:1px solid var(--border);border-radius:10px;padding:10px}.metricStrip span,.metricStrip strong{display:block}.metricStrip span{color:#687181;font-size:12px;margin-top:4px}.cardActions{display:flex;flex-wrap:wrap;gap:8px}.cardActions button,.chatActions button,.composer button,.takeoverButton,.templateCard button{align-items:center;background:#ffffff;border:1px solid var(--border);border-radius:10px;color:var(--text);display:inline-flex;gap:7px;min-height:38px;padding:0 11px}.inboxLayout{display:grid;grid-gap:14px;gap:14px;grid-template-columns:240px 340px minmax(0,1fr);min-height:calc(100vh - 170px)}.chatPanel,.conversationList,.filterRail{background:#ffffff;border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 30px rgba(29,29,27,.05)}.filterRail{align-content:start;display:grid;grid-gap:8px;gap:8px;padding:12px}.filterButton{align-items:center;background:transparent;border:0;border-radius:10px;color:#596272;display:flex;justify-content:space-between;min-height:42px;padding:0 10px;text-align:left}.filterButton.active,.filterButton:hover{background:var(--soft);color:var(--blue);font-weight:700}.conversationList{align-content:start;display:grid;grid-gap:6px;gap:6px;padding:10px}.conversationItem{align-items:start;background:transparent;border:0;border-radius:12px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:36px minmax(0,1fr) auto;padding:12px;text-align:left}.avatar,.conversationItem.active,.conversationItem:hover{background:#eef8ff}.avatar{align-items:center;border-radius:50%;color:var(--blue);display:grid;font-weight:700;height:36px;place-items:center;width:36px}.conversationItem small,.conversationItem span,.conversationItem strong{display:block}.conversationItem span{color:#596272;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversationItem em,.conversationItem small{color:#808897;font-size:12px;font-style:normal}.chatPanel{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.chatHeader,.composer{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:16px}.chatHeader{border-bottom:1px solid var(--border)}.chatHeader h2{font-size:18px;margin:0}.chatHeader p{color:#687181;margin-top:4px}.chatActions button.active{background:var(--blue);border-color:var(--blue);color:#ffffff;font-weight:700}.chatActions button:disabled{cursor:default;opacity:.55}.takeoverButton{background:var(--cyan);border-color:var(--cyan);color:var(--dark);font-weight:700}.chatActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.chatBody{background:#f8fafc;display:flex;flex-direction:column;gap:12px;padding:20px}.message{border-radius:14px;display:grid;grid-gap:6px;gap:6px;max-width:72%;padding:12px}.message.inbound{align-self:flex-start;background:#ffffff;border:1px solid var(--border)}.message.outbound{align-self:flex-end;background:#dcfce7}.message small{align-items:center;color:#687181;display:inline-flex;font-size:12px;gap:5px}.systemMessage{align-self:center;color:#808897;font-size:13px}.composer{border-top:1px solid var(--border)}.composer input{background:#f8fafc;border:1px solid var(--border);border-radius:10px;flex:1 1;min-height:42px;min-width:0;padding:0 12px}.templateGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.templateHero{height:70px;margin-bottom:14px;width:70px}.templateCard button{background:var(--blue);border-color:var(--blue);color:#ffffff}.templateCard .cardActions button{background:#ffffff;border-color:var(--border);color:var(--text)}.templateCard .cardActions .deleteButton{border-color:#fca5a5;color:#b91c1c}.templateTitleRow{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.templatePreview{align-items:center;background:#fbfcfe;border:1px solid var(--border);border-radius:12px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:54px minmax(0,1fr);padding:12px}.templatePreview .templateHero{height:54px;margin:0;width:54px}.emptyChat,.emptyState{color:#808897;padding:1rem;text-align:center}.emptyChat{align-items:center;display:flex;height:100%;justify-content:center}.inlineError{background:#fee2e2;border-top:1px solid #fecaca;color:#991b1b;font-size:13px;font-weight:700;padding:10px 16px}.agentMeta.compact{margin:10px 0 0}.settingsPanel{background:var(--surface);border:1px solid var(--border);border-radius:12px;display:grid;grid-gap:18px;gap:18px;padding:24px}.settingsPanelHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.settingsPanelHeader h3{color:var(--dark);margin:0 0 4px}.inputGroup small,.mutedText,.settingsPanelHeader p{color:#687181;font-size:13px}.warningNotice{background:#fff7e8;border:1px solid #f8c46b;border-radius:8px;color:#8a5600;font-size:13px;padding:10px 14px}.fieldCaption{color:#687181;font-size:12px;font-weight:700;margin:0 0 10px}.stackList{display:grid;grid-gap:8px;gap:8px}.stackRow{align-items:center;background:#fbfcfe;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.monoText{font-family:Courier New,monospace;font-size:14px;font-weight:700}.inlineForm{align-items:flex-end;display:flex;gap:10px}.primaryButton,.secondaryButton{align-items:center;border-radius:10px;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:40px;padding:0 12px}.primaryButton{background:var(--cyan);border:1px solid var(--cyan);color:var(--dark)}.secondaryButton{background:#ffffff;border:1px solid var(--border);color:var(--text)}.inputGroup{display:grid;grid-gap:6px;gap:6px}.inputGroup label{color:#596272;font-size:14px;font-weight:700}.inputGroup input,.inputGroup select,.inputGroup textarea{border:1px solid var(--border);border-radius:10px;font:inherit;min-height:42px;padding:0 12px}.memberList{display:grid;grid-gap:10px;gap:10px}.memberRow{align-items:center;background:#fbfcfe;border:1px solid var(--border);border-radius:12px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:40px minmax(0,1fr) auto auto auto;padding:12px}.memberRow span,.memberRow strong{display:flex;gap:6px}.settingGrid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.setupCard{display:grid;grid-gap:12px;gap:12px;grid-template-columns:46px minmax(0,1fr)}.setupIcon{height:46px;width:46px}.setupIcon.warning{background:#fff7e8;color:#9a5b00}.setupIcon.ok{background:#eaf8ef;color:#117a35}.setupCard b{color:var(--blue);display:inline-block;margin-top:6px}.envPanel{margin-top:16px}.envPanel code{background:#f8fafc;border:1px solid var(--border);border-radius:10px;display:block;line-height:1.6;padding:14px;white-space:normal}.authPage{background:#f5f6f8;display:grid;grid-template-columns:minmax(360px,520px) minmax(0,1fr);min-height:100vh}.authPanel{align-content:center;background:#ffffff;display:grid;grid-gap:26px;gap:26px;padding:56px}.authBrand{color:var(--dark)}.authForm{display:grid;grid-gap:14px;gap:14px}.authForm label{color:#596272;display:grid;font-weight:700;grid-gap:8px;gap:8px}.authForm input{border:1px solid var(--border);border-radius:10px;min-height:44px;padding:0 12px}.authSubmit{border:0;justify-content:center}.authNotice{border-radius:10px;font-weight:700;padding:12px}.authNotice.ok{background:#eaf8ef;color:#117a35}.authNotice.error{background:#fee2e2;color:#991b1b}.authAside{align-content:end;background:linear-gradient(rgba(0,101,232,.72),rgba(29,29,27,.82)),url(https://images.unsplash.com/photo-1557804506-669a67965ba0?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-size:cover;color:#ffffff;display:grid;padding:56px}.authAside h2{font-size:42px;max-width:620px}.authAside p{font-size:18px;line-height:1.5;margin-top:14px;max-width:560px}@media (max-width:1100px){.cardGrid,.settingGrid,.templateGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.inboxLayout{grid-template-columns:210px minmax(0,1fr)}.chatPanel{grid-column:1/3}}@media (max-width:720px){.companyTable .dataHead{display:none}.cardGrid,.companyTable .dataRow,.inboxLayout,.memberRow,.settingGrid,.templateGrid{grid-template-columns:1fr}.chatPanel{grid-column:auto}.metricStrip{grid-template-columns:1fr}}.modal{background:transparent;border:0;max-height:90vh;max-width:520px;padding:0;width:92vw}.modal::-webkit-backdrop{background:rgba(29,29,27,.48);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal::backdrop{background:rgba(29,29,27,.48);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modalContent{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 64px rgba(29,29,27,.18);overflow:auto;padding:24px}.modalHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modalHeader h2{font-size:22px}.modalForm{display:grid;grid-gap:16px;gap:16px}.formField{display:grid;grid-gap:6px;gap:6px}.formField span{color:#596272;font-size:14px;font-weight:700}.formField input,.formField select,.formField textarea{border:1px solid var(--border);border-radius:10px;font:inherit;min-height:42px;padding:0 12px}.formField textarea{line-height:1.5;padding:10px 12px;resize:vertical}.formField select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:#ffffff}.modalSubmit{border:0;justify-content:center;margin-top:8px;width:100%}.envList{display:grid;grid-gap:8px;gap:8px}.envRow{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.envRow:nth-child(odd){background:#fbfcfe;border-radius:10px}.envRow code{border:0;color:var(--text);display:inline;font-family:Courier New,monospace;font-weight:700;line-height:1;padding:0;white-space:nowrap}.deleteButton,.envRow code{background:transparent;font-size:13px}.deleteButton{align-items:center;border:1px solid #fca5a5;border-radius:10px;color:#b91c1c;cursor:pointer;display:inline-flex;gap:5px;min-height:34px;padding:0 10px;transition:background .15s,color .15s}.deleteButton:hover{background:#fef2f2;border-color:#ef4444;color:#991b1b}