:root{--ink:#20252d;--muted:#78818e;--line:#e6e8ec;--accent:#6e56a7;--accent-soft:#f0edf7;--paper:#f5f6f8;--danger:#be4852;--shadow:0 12px 40px #16343b0d;font-family:"Segoe UI","Noto Sans Georgian",Arial,sans-serif;color:var(--ink);font-size:14px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);text-decoration:none;cursor:pointer;font-weight:600;transition:background .15s,transform .15s}button:hover,.button:hover{background:#f4f5f7}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b395e8;outline-offset:2px}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:#59418d}.danger{color:var(--danger)}.full{width:100%}.small-btn{min-height:34px;padding:7px 11px;font-size:12px}.icon-btn{border:0;padding:8px;min-width:35px;background:transparent;font-size:20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent)}h1,h2,h3,h4,p{margin-top:0}h2{font-size:24px;letter-spacing:-.5px}h3{font-size:16px}small,.muted{color:var(--muted)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{background:#20252d;color:white;padding:65px 12%;position:relative;overflow:hidden}.mark{font-size:42px;font-weight:800;letter-spacing:-5px}.mark span,.brand-symbol span{color:#b49be8}.auth-brand .eyebrow{color:#b6a4db;margin-top:60px}.auth-brand h1{font-size:clamp(32px,4.2vw,58px);line-height:1.4;font-weight:600;letter-spacing:-1.5px}.auth-brand p:not(.eyebrow){color:#b5bfcc;line-height:1.9}.auth-brand small{color:#8996a7;display:block;margin-top:55px}.auth-orbit{display:flex;gap:12px;margin-top:45px}.auth-orbit span{display:grid;place-items:center;width:55px;height:55px;border:1px solid #4b5768;border-radius:50%;color:#cbd3df}.auth-orbit span:first-child{background:#6e56a7;border-color:#6e56a7}.auth-form{padding:12% 14%;align-self:center;max-width:650px}.auth-form h2{margin-top:24px;line-height:1.6}.auth-form p{color:var(--muted);line-height:1.7}.auth-form form{margin-top:28px}.auth-form label{display:block;margin:18px 0}.auth-form .primary{margin-top:14px}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:6px;background:#eaf5ef;color:#347559;font-size:11px;font-weight:600}.pill.red{background:#fbecee;color:var(--danger)}.pill.amber{background:#fcf3dd;color:#926b17}.pill.gray{background:#edf0f1;color:#6b7c81}input,select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #dfe7e7;border-radius:8px;background:white;color:var(--ink);margin-top:7px;min-width:0}textarea{min-height:95px;resize:vertical}input[type=checkbox]{width:18px;height:18px;display:inline-block;margin:0;accent-color:var(--accent)}label{font-size:12px;font-weight:600}.workspace{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:#20252d;color:#d8dde5;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:25px 16px;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:21px;font-weight:700;padding:0 10px}.brand small{display:block;letter-spacing:2px;font-size:8px;color:#929eaf;margin-top:3px}.brand-symbol{font-size:32px;font-weight:800;letter-spacing:-4px}.sidebar-mode{margin:22px 12px 25px;padding:7px 11px;background:#2c333e;border:1px solid #444d5b;border-radius:6px;color:#c7ced8;font-size:10px;width:max-content}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-group{font-size:9px;letter-spacing:1.5px;color:#7e8a9c;margin:20px 13px 7px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:8px;text-decoration:none;color:#aeb6c2;font-size:12px}.nav-link:hover{background:#2c333e}.nav-link.active{background:#f3f4f6;color:#242a34}.nav-glyph{font-size:17px;line-height:1;width:20px;text-align:center}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:25px 7px 0;font-size:11px}.sidebar-bottom small{display:block;font-size:10px;margin-top:4px;color:#7e8a9c}.sidebar-bottom button{color:#c8bbdd;margin-left:auto}.avatar{background:#36404e;color:#e7ecf3;border-radius:10px;display:grid;place-items:center;width:36px;height:36px;font-weight:700;flex-shrink:0}.topbar{height:74px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);gap:15px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb b{margin:0 12px;color:#c4d1d3}.breadcrumb strong{color:var(--ink);font-weight:500}.top-actions{display:flex;align-items:center;gap:18px}.clock{font-size:11px;color:var(--muted)}.connection{font-size:11px}.connection:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#75b596;margin-right:7px}.demo-banner{padding:9px 34px;background:#f0f3f6;color:#697586;font-size:11px;line-height:1.7;border-bottom:1px solid #e5e9ee}.content{padding:32px 34px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:26px}.page-heading h1{font-size:26px;letter-spacing:-.8px;margin:0 0 8px}.page-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.metric .label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.metric .value{font-size:31px;font-weight:650;margin:14px 0 7px;letter-spacing:-1px}.metric .context{font-size:10px;color:var(--muted)}.metric.accent{background:#ffffff;border-color:#e6e8ec}.metric.accent .value{color:var(--accent)}.grid-two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;margin-bottom:22px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;box-shadow:var(--shadow);min-width:0}.card-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px}.card-head h3{margin:0}.card-head small{font-size:10px}.bars{display:flex;align-items:flex-end;gap:10px;height:150px;border-bottom:1px solid var(--line);padding:10px 0 0}.bar-col{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;height:100%;gap:8px}.bar-pair{display:flex;gap:3px;width:75%;height:115px;align-items:flex-end;justify-content:center}.bar{width:45%;max-width:27px;background:#6e56a7;border-radius:4px 4px 0 0;min-height:2px}.bar.secondary{background:#d7dde5}.bar-col small{font-size:10px;margin-bottom:7px}.legend{font-size:10px;color:var(--muted);margin-top:13px}.legend b{display:inline-block;width:7px;height:7px;background:#6e56a7;border-radius:2px;margin-right:5px}.legend b.light{background:#d7dde5;margin-left:14px}.agent-mini{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf1f0}.agent-mini:last-child{border:0}.agent-mini .avatar{width:31px;height:31px;background:#f2f4f7;color:#526074;font-size:12px}.agent-mini strong{font-size:12px}.agent-mini small{display:block;margin-top:4px;font-size:10px}.agent-mini .pill{margin-left:auto}.table-wrap{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:var(--muted);font-size:10px;font-weight:600;background:#f8faf9;border-bottom:1px solid var(--line);padding:13px 12px;white-space:nowrap}td{padding:15px 12px;border-bottom:1px solid #eef2f1;vertical-align:middle}td small{display:block;font-size:10px;margin-top:5px}tr:last-child td{border-bottom:0}.table-card{padding:0;overflow:hidden}.table-card .card-head{padding:22px 23px 0}.table-card th:first-child,.table-card td:first-child{padding-left:23px}.table-card th:last-child,.table-card td:last-child{padding-right:23px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px;align-items:flex-end}.filters label{flex:1;min-width:135px;max-width:260px}.filters input,.filters select{font-size:12px;padding:9px 10px}.empty{padding:45px 25px;text-align:center;color:var(--muted);line-height:1.8}.empty strong{display:block;font-size:16px;color:var(--ink);margin-bottom:8px}.entity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:17px}.entity-card .card-head{margin-bottom:15px}.entity-card h3{margin-top:7px}.entity-code{font-size:23px;font-weight:650}.entity-card .meta{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px;padding:18px 0}.entity-card .meta small{display:block;margin-bottom:5px}.entity-card footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--line)}.tag{font-size:10px;color:#71878b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}.check-field{display:flex;gap:9px;align-items:center;padding:10px 0}.check-field input{flex-shrink:0}.field-help{display:block;font-size:10px;line-height:1.7;color:var(--muted);font-weight:400;margin-top:6px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid .card h3{margin-bottom:18px}.weekdays{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.weekday{display:flex;align-items:center;gap:5px;padding:8px;border:1px solid var(--line);border-radius:7px;font-size:11px}.settings-grid .row-actions{margin-top:18px}.route-preview{padding:15px 17px;border-radius:9px;background:var(--accent-soft);font-size:12px;line-height:1.8;margin-top:17px}.steps{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}.step{padding:10px 13px;background:#f2f4f7;border-radius:7px;font-size:11px}.flow-list{display:flex;flex-direction:column;gap:9px;margin:15px 0}.flow-list div{display:flex;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:7px;font-size:12px}.phone-grid{display:grid;grid-template-columns:340px 1fr;gap:22px}.phone{padding:30px}.phone-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.phone-input{font-size:24px;text-align:center;background:#f6f9f7;border:0;padding:18px;letter-spacing:2px}.dialpad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.dialpad button{height:53px;font-size:22px;background:#f8faf9;border:0}.phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.phone-connect{margin-bottom:15px}.call-status{text-align:center;min-height:45px;font-size:12px;line-height:1.7;color:var(--muted)}.notice{padding:13px 16px;background:#fbf7eb;border:1px solid #efe6cb;border-radius:9px;color:#7f6c3c;font-size:12px;line-height:1.8;margin-bottom:20px}.integration-status{display:grid;grid-template-columns:1fr auto;gap:10px;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.integration-status:last-child{border:0}dialog{border:0;border-radius:16px;padding:28px;max-width:640px;width:calc(100% - 32px);box-shadow:0 30px 100px #20252d33;color:var(--ink)}dialog::backdrop{background:#20252d80;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.dialog-head h2{margin-top:7px;font-size:21px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}#editor-error,#auth-error{color:var(--danger);font-size:12px;margin-top:15px}#player audio{width:100%;margin:20px 0}.toast{position:fixed;right:24px;bottom:24px;background:#20252d;color:white;max-width:min(440px,calc(100% - 40px));padding:15px 20px;border-radius:10px;box-shadow:0 8px 30px #20252d33;z-index:10;line-height:1.7;font-size:12px}.mobile-nav{display:none}.bar-caption{font-size:10px;color:var(--muted);margin-top:10px}.loading{padding:50px;text-align:center;color:var(--muted)}.number-main{font-weight:600}.audit-action{font-family:monospace;font-size:11px}.file-field{grid-column:1/-1}.permission-note{font-size:11px;color:var(--muted);line-height:1.8;padding-top:15px}@media(min-width:1700px){.content{padding:40px 50px}.topbar{padding:0 50px}}@media(max-width:1150px){.workspace{grid-template-columns:205px 1fr}.content{padding:25px}.topbar{padding:0 25px}.metrics{gap:10px}.metric{padding:16px}.grid-two{grid-template-columns:1fr}.clock{display:none}.phone-grid{grid-template-columns:310px 1fr}.settings-grid{grid-template-columns:1fr}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.sidebar{display:none}.workspace.menu-open .sidebar{display:flex;position:fixed;z-index:5;width:232px;height:100dvh}.mobile-nav{display:block}.topbar{height:65px;padding:0 16px}.top-actions{gap:8px}.connection{display:none}.content{padding:22px 16px}.demo-banner{padding:9px 16px}.metrics{grid-template-columns:repeat(2,1fr)}.phone-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.auth-brand{display:none}.auth-form{padding:45px 25px;max-width:500px;margin:auto}.page-heading h1{font-size:23px}.breadcrumb{font-size:10px}.breadcrumb b{margin:0 7px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.filters label{max-width:none}.card{padding:18px}.table-card{padding:0}.settings-grid{gap:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.workspace>main{min-width:0}.page-heading>div{min-width:0}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px;border-top:1px solid var(--line)}
@media(max-width:800px){.page-heading{flex-wrap:wrap}.page-heading h1{overflow-wrap:anywhere}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.entity-grid{grid-template-columns:repeat(auto-fill,minmax(min(265px,100%),1fr))}.card-head{flex-wrap:wrap}.agent-mini>div{min-width:0;overflow-wrap:anywhere}.bars{gap:5px}}

.brand{font-size:18px;padding:0 5px;gap:10px}.brand-symbol{display:none}.brand:before{content:"";width:25px;height:25px;background:#a892ce;clip-path:polygon(0 0,35% 0,100% 50%,35% 100%,0 100%,65% 50%);flex-shrink:0}.auth-brand .mark{font-size:32px;letter-spacing:-1px}.overdue{color:var(--danger)}.overdue-banner{border-color:#e5ccd8;background:#fff4f8}.has-alert{color:#aa3a61;background:#fff0f6;border-color:#ebcbd8}progress{accent-color:var(--accent);max-width:150px;width:100%}.official-logo{width:170px;height:auto;max-height:55px;object-fit:contain;background:#fff;border-radius:8px;padding:8px}.topbar .breadcrumb{min-width:0}.metrics .value{overflow-wrap:anywhere}@media(max-width:800px){.breadcrumb{max-width:135px}.top-actions{gap:5px}.top-actions button{padding:7px 9px}.brand{font-size:18px}}

/* Neutral premium surfaces; brand color reserved for deliberate actions. */
:root{--shadow:0 2px 8px #20252d03;--accent-soft:#f1eef7}
.sidebar{padding:27px 15px 20px;border-right:1px solid #303844;scrollbar-width:thin;scrollbar-color:#485260 transparent}
.sidebar-mode{margin:22px 12px 10px;letter-spacing:.3px}.nav-group{margin:22px 13px 10px;font-size:10px}.sidebar nav{gap:3px}
.nav-link{padding:10px 12px;font-size:12px;min-height:40px}.nav-link.active{box-shadow:0 2px 5px #00000014;font-weight:650}.nav-glyph{display:grid;place-items:center}.nav-glyph svg{width:18px;height:18px}
.topbar{height:78px}.content{padding-top:34px}.page-heading h1{font-size:27px;line-height:1.5;font-weight:650}.page-heading{margin-bottom:27px}
.card,.metric{border-radius:14px}.metric{padding:23px 22px;position:relative}.metric .label span{color:#9ba5b2}.metric .value{font-size:34px;line-height:1.2;font-variant-numeric:tabular-nums;margin:18px 0 10px}.metric.accent .value{color:var(--ink)}.metric.accent:before{content:"";position:absolute;left:22px;top:0;width:30px;height:3px;background:var(--accent);border-radius:0 0 3px 3px}
.card-head h3{font-weight:650;font-size:15px}.bars{height:166px;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f0f2f5 40px,#f0f2f5 41px)}.bar{border-radius:5px 5px 0 0}.bar-pair{height:130px}.legend{margin-top:18px}.bar-caption{margin-bottom:0}
.agent-mini{padding:14px 0}.agent-mini .avatar{background:#f1f3f6;color:#586476;border:1px solid #e7ebf0}.table-card th{background:#f8f9fb;padding-top:14px;padding-bottom:14px}td{padding-top:17px;padding-bottom:17px}tbody tr:hover{background:#fafbfc}.number-main{font-variant-numeric:tabular-nums}.table-card td .row-actions{gap:5px}
.overdue-banner{background:#fffbf3;border-color:#eee3ce;color:#8a693b;display:flex;align-items:center;justify-content:space-between;gap:12px}.has-alert{background:#fffbf3;border-color:#eee3ce;color:#8a693b}.demo-banner{font-size:10px}.route-preview{background:#f5f6f8;border:1px solid var(--line)}
.phone-input{background:#f4f5f7}.dialpad button{background:#f4f5f7;border:1px solid #eceef2;border-radius:12px}.dialpad button:hover{background:#e9ecf1}.auth-brand{background:radial-gradient(ellipse at 100% 100%,#36404f 0,transparent 60%),#20252d}dialog::backdrop{background:#20252d80}button{letter-spacing:0}input,select,textarea{border-color:#dfe3e9}input:focus,select:focus,textarea:focus{border-color:#9c8aba}
@media(max-width:800px){.topbar{height:65px}.content{padding:24px 16px}.page-heading h1{font-size:23px}.metric{padding:19px 16px}.metric .value{font-size:29px}.metric.accent:before{left:16px}.overdue-banner{align-items:flex-start;flex-wrap:wrap}.sidebar{padding-top:25px}.bars{height:155px}.demo-banner{line-height:1.8}.legend{line-height:1.9}.table-card td,.table-card th{white-space:nowrap}}


.incoming-call{position:fixed;z-index:110;bottom:26px;right:26px;padding:20px;background:white;border:1px solid #c4dcd0;box-shadow:0 14px 50px #20252d33;border-radius:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.incoming-call strong{color:#347559}.incoming-call span{color:#78818e;font-size:12px}@media(max-width:600px){.incoming-call{left:12px;right:12px;bottom:12px}}