@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#18231f;background:#edf4f1;font-synthesis:none;--ink: #18231f;--muted: #68756f;--green: #006d5b;--green-strong: #005747;--green-soft: #e4f1ed;--mint: #78d49b;--paper: #fbfcfb;--surface: #ffffff;--line: #d9e2de;--line-strong: #c4d0cb;--danger: #d83a3a;--amber: #b76c00;--shadow: 0 18px 48px rgba(23, 50, 42, .08);--radius: 16px}:root[data-theme=dark]{color:#ecf5f1;background:#0d1714;--ink: #ecf5f1;--muted: #a8b6b0;--green: #32b89a;--green-strong: #6bd5bb;--green-soft: #173b32;--mint: #78d49b;--paper: #101c18;--surface: #17241f;--line: #30413a;--line-strong: #42564e;--danger: #ff6b65;--amber: #ffc15b;--shadow: 0 20px 55px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 90% 5%,rgba(39,159,131,.09),transparent 29rem),var(--paper)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--green);text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif;letter-spacing:-.035em}h1{margin-bottom:8px;font-size:clamp(2rem,3.2vw,3.15rem);line-height:1.05;font-weight:650}h2{margin-bottom:6px;font-size:1.25rem;font-weight:650}p{color:var(--muted);line-height:1.6}svg{width:1.15em;height:1.15em;stroke-width:1.9}.primary,.secondary,.danger-button,.button,.text-button,.text-link,.icon-button,.recording-button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,opacity .18s ease}.primary,.secondary,.danger-button,.button{min-height:44px;padding:0 17px;border-radius:11px;font-weight:650}.primary{color:#fff;background:var(--green);box-shadow:0 8px 20px #006d5b29}.primary:hover{background:var(--green-strong);transform:translateY(-1px)}.secondary{color:var(--ink);background:var(--surface);border:1px solid var(--line-strong)}.secondary:hover{border-color:var(--green);color:var(--green)}.danger-button{color:var(--danger);background:transparent;border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}.danger-button:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.text-button,.text-link{padding:7px 3px;background:none;color:var(--green);font-weight:650}.text-link:hover,.text-button:hover{color:var(--green-strong)}.wide{width:100%}button:disabled{cursor:not-allowed;opacity:.52;transform:none!important}.icon-button{width:40px;height:40px;padding:0;border-radius:10px;color:var(--muted);background:transparent}.icon-button:hover{color:var(--ink);background:var(--green-soft)}.icon-button.danger:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}label{display:grid;gap:7px;color:var(--ink);font-size:.86rem;font-weight:650}input,select,textarea{width:100%;min-height:46px;padding:0 13px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;outline:none}textarea{min-height:120px;padding-block:12px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 13%,transparent)}input:disabled{opacity:.55}input::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}.app-frame{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;z-index:20;height:100vh;padding:28px 18px 20px;display:flex;flex-direction:column;color:#eaf4f0;background:#0f2922;border-right:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;font-size:1.55rem;font-weight:650;color:inherit}.brand img{width:29px;height:36px;object-fit:contain}.workspace-card{display:flex;align-items:center;gap:11px;margin:28px 0 22px;padding:12px;min-width:0;border:1px solid rgba(255,255,255,.11);background:#ffffff0e;border-radius:13px}.workspace-mark{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#0e2a22;background:#7cdbac;font:700 1rem Manrope}.workspace-card div,.topbar-user div{min-width:0;display:grid}.workspace-card strong,.workspace-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-card strong{font-size:.9rem}.workspace-card small{margin-top:3px;color:#9eb8ae;font-size:.72rem}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 13px;color:#a9beb6;border-radius:10px;font-weight:600}.sidebar nav a:hover{background:#ffffff0e;color:#fff}.sidebar nav a.active{color:#fff;background:#6dd6b224;box-shadow:inset 3px 0 #71d9b2}.sidebar-foot{display:grid;gap:4px;margin-top:auto}.sidebar-foot button{min-height:42px;padding:0 12px;color:#a9beb6;background:transparent;border:0;border-radius:9px;cursor:pointer;text-align:left}.sidebar-foot button:hover{color:#fff;background:#ffffff0e}.sidebar-foot button span{display:flex;align-items:center;gap:11px}.sidebar-foot small{padding:15px 12px 0;color:#708b81;font-size:.68rem}.sidebar-close{display:none}.main-stage{min-width:0}.topbar{position:sticky;top:0;z-index:10;height:74px;padding:0 34px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(18px)}.topbar>div:first-of-type{display:grid}.topbar .eyebrow{margin:0 0 1px;font-size:.63rem}.topbar>div>strong{font-family:Manrope;font-size:.96rem}.topbar-user{display:flex;align-items:center;gap:10px;margin-left:auto}.topbar-user>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-weight:700}.topbar-user strong{font-size:.82rem}.topbar-user small{color:var(--muted);font-size:.72rem}.menu-button{display:none;margin-right:10px}.page{width:min(1500px,100%);margin:0 auto;padding:42px clamp(24px,3.2vw,56px) 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading p{margin-bottom:0;max-width:650px;font-size:1.02rem}.eyebrow{display:block;margin-bottom:8px;color:var(--green);font-size:.7rem;line-height:1.2;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.panel,.metric-card,.balance-panel,.getting-started,.room-card,.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card{position:relative;overflow:hidden;min-height:184px;padding:23px;display:flex;flex-direction:column}.metric-card:after{content:"";position:absolute;right:-34px;bottom:-64px;width:140px;height:140px;border-radius:50%;background:var(--green-soft)}.metric-icon{width:39px;height:39px;display:grid;place-items:center;margin-bottom:24px;border-radius:11px;color:var(--green);background:var(--green-soft)}.metric-card>span{color:var(--muted);font-size:.82rem;font-weight:600}.metric-card>strong{margin:5px 0 2px;font:650 2rem Manrope}.metric-card>small{color:var(--muted)}.health-panel{margin-top:16px}.health-heading{align-items:center}.health-heading .compact{flex:0 0 auto;padding:9px 13px}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.health-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,var(--paper))}.health-card>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.75rem;font-weight:650}.health-card>strong{display:block;margin:10px 0 2px;font:650 1.55rem Manrope}.health-card>small{display:block;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.health-card.live>span,.health-card.good>span{color:var(--green)}.health-card.warn>span{color:#a36300}.health-status{display:flex;align-items:center;gap:11px;margin-top:12px;padding:13px 15px;border:1px solid var(--line);border-radius:11px}.health-status>div{display:grid;min-width:0}.health-status span{color:var(--muted);font-size:.78rem}.health-status .text-link{margin-left:auto;flex:0 0 auto}.health-status.healthy{color:var(--green);background:var(--green-soft)}.health-status.warning{color:#8a5500;background:color-mix(in srgb,#ffb020 10%,var(--surface))}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:16px;margin-top:16px}.balance-panel,.getting-started{padding:26px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.section-title p{margin-bottom:0}.section-title>svg{color:var(--green);font-size:1.4rem}.balance-split{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;border:1px solid var(--line);border-radius:13px}.balance-split>div{padding:25px;display:grid;align-content:start}.balance-split>div+div{border-left:1px solid var(--line)}.balance-split span{color:var(--muted);font-size:.82rem}.balance-split strong{margin:6px 0 18px;font:650 clamp(1.5rem,2.2vw,2.25rem) "Manrope"}.balance-split strong small{font:500 .8rem DM Sans}.balance-split button{width:max-content}.getting-started{background:linear-gradient(145deg,#0d5d4d,#103e34);color:#fff;border-color:transparent}.getting-started .eyebrow,.getting-started p{color:#acd5c6}.getting-started ol{margin:24px 0;padding:0;list-style:none;display:grid;gap:15px}.getting-started li{display:flex;align-items:center;gap:10px;font-weight:600}.getting-started li svg{color:#78d9b4}.getting-started .text-link{color:#fff}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.room-card{min-height:270px;padding:20px;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.room-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow)}.room-card header,.room-card footer{display:flex;align-items:center;justify-content:space-between}.room-card>div{margin:auto 0 23px}.room-card h2{margin:14px 0 4px;font-size:1.4rem}.room-card p{margin:0}.room-card footer{padding-top:14px;color:var(--muted);border-top:1px solid var(--line);font-size:.82rem}.room-card footer span{display:flex;align-items:center;gap:7px}.room-letter{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--green);font:700 1rem Manrope}.room-letter.large{width:70px;height:70px;border-radius:16px;font-size:1.55rem}.status{width:max-content;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:.7rem;font-weight:700}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.online{color:#087f54;background:#ddf5e9}.status.offline{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.empty-state{min-height:380px;padding:45px 24px;display:grid;place-items:center;align-content:center;text-align:center}.empty-state.compact{min-height:340px}.empty-state p{max-width:440px}.large-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:15px;border-radius:18px;color:var(--green);background:var(--green-soft);font-size:1.6rem}.back-link{margin-bottom:20px;padding:0;display:flex;align-items:center;gap:8px;border:0;color:var(--muted);background:transparent;cursor:pointer;font-weight:650}.room-detail-page{width:min(1160px,100%);margin-inline:auto}.room-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 28px;color:#fff;background:linear-gradient(135deg,#0f3d33,#006d5b);border-radius:18px}.room-identity{display:flex;align-items:center;gap:18px}.room-identity .status{color:#c6f3df;background:#ffffff1a}.room-identity h1{margin:8px 0 3px;font-size:2rem}.room-identity p{margin:0;color:#b6d3c9}.switch-row{display:flex;align-items:center;gap:12px;color:#fff}.switch-row input,.mini-switch input{position:absolute;width:1px;height:1px;min-height:0;padding:0;overflow:hidden;opacity:0;pointer-events:none}.switch-row i,.mini-switch i{position:relative;width:48px;height:27px;display:block;border-radius:99px;background:#ffffff3d;cursor:pointer}.switch-row i:after,.mini-switch i:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .2s}.switch-row input:checked+i,.mini-switch input:checked+i{background:#78d9b4}.switch-row input:checked+i:after,.mini-switch input:checked+i:after{transform:translate(21px)}.link-banner{margin:16px 0;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 16%,var(--line));border-radius:13px}.link-banner strong{display:block;max-width:65vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.detail-main,.detail-side{display:grid;align-content:start;gap:16px}.panel{padding:24px}.agent-list{margin-top:20px;display:grid}.agent-row{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto 40px;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:var(--green-soft);font-weight:700}.agent-row>div{min-width:0;display:grid}.agent-row small{overflow:hidden;color:var(--muted);text-overflow:ellipsis}.panel-empty{min-height:170px;display:grid;place-items:center;align-content:center;color:var(--muted);text-align:center}.panel-empty svg{font-size:1.6rem}.setting-list,.hours-list{margin-top:18px;display:grid}.setting-list>div,.hours-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--line)}.setting-list span,.hours-list span{color:var(--muted)}.setting-list strong{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-list.compact>div{align-items:center;gap:12px}.setting-list.compact strong{color:var(--green);font-size:.78rem}.hours-list strong{font-size:.82rem}.room-meta{display:grid;gap:20px}.room-meta>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:6px}.room-meta>div svg{grid-row:1 / 3;color:var(--green)}.room-meta>div span{color:var(--muted);font-size:.74rem}.room-meta>div strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.room-meta button{grid-column:3;grid-row:1 / 3}.history-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}.filter-panel{position:sticky;top:94px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.filter-panel>*,.filter-panel label,.filter-panel input,.filter-panel select{min-width:0}.filter-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel .section-title{margin-bottom:4px}.filter-actions{display:grid;gap:6px}.filter-check{grid-template-columns:auto 1fr;align-items:center;font-weight:500}.filter-check input,.check input{width:17px;min-height:17px;accent-color:var(--green)}.history-results{min-width:0}.results-header{min-height:48px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.results-header>div{display:flex;align-items:baseline;gap:5px}.results-header strong{color:var(--ink)}.results-header small{margin-left:7px;padding-left:11px;color:var(--muted);border-left:1px solid var(--line-strong)}.loading-label{display:flex;align-items:center;gap:8px;font-size:.8rem}.call-list{display:grid;gap:8px}.call-row{min-width:0;padding:15px 16px;display:grid;grid-template-columns:42px minmax(210px,1.35fr) minmax(100px,.65fr) 78px 62px 42px;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.call-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:var(--green);background:var(--green-soft)}.call-primary{min-width:0}.call-id-label{display:block;margin-bottom:3px;color:var(--muted);font-size:.65rem;line-height:1;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.call-primary>div{display:flex;align-items:center;gap:9px}.call-primary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-primary p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.call-result{padding:3px 7px;border-radius:99px;font-size:.65rem;font-weight:700}.call-result.answered{color:#087f54;background:#ddf5e9}.call-result.missed{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.call-result.active{color:var(--green);background:var(--green-soft)}.call-detail{display:grid}.call-detail span{color:var(--muted);font-size:.69rem}.call-detail strong{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.call-rating{display:flex;align-items:center;justify-content:center;gap:4px;color:#d69b16}.call-rating svg{font-size:.9rem}.recording-button{width:38px;height:38px;border-radius:50%;color:#fff;background:var(--green)}.recording-button:hover{transform:scale(1.05)}.recording-button.unavailable{color:var(--muted);background:var(--green-soft);opacity:.45;cursor:default}.recording-button.processing{opacity:.75}.recording-button.processing svg{animation:spin .9s linear infinite}.load-more{margin:18px auto 0;display:flex}.performance-heading{margin-bottom:20px}.performance-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px}.period-tabs{display:flex;flex-wrap:wrap;gap:6px}.period-tabs button{min-height:36px;padding:0 12px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:9px;cursor:pointer;font-size:.78rem;font-weight:650}.period-tabs button:hover{color:var(--ink);background:var(--green-soft)}.period-tabs button.active{color:var(--green);background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 18%,var(--line))}.performance-period{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:var(--muted);font-size:.78rem;white-space:nowrap}.performance-period small{padding:3px 6px;color:var(--green);background:var(--green-soft);border-radius:6px}.custom-period{grid-column:1 / -1;display:grid;grid-template-columns:minmax(150px,220px) minmax(150px,220px) auto;align-items:end;justify-content:end;gap:10px;padding-top:13px;border-top:1px solid var(--line)}.custom-period label{font-size:.74rem}.custom-period input,.primary.compact{min-height:40px}.notice.warning{color:#815000;background:color-mix(in srgb,var(--amber) 11%,var(--surface));border:1px solid color-mix(in srgb,var(--amber) 25%,var(--line))}.performance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.performance-metric{min-height:150px;padding:20px}.performance-metric .metric-icon{margin-bottom:15px}.performance-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:14px}.performance-table-panel{min-width:0}.performance-table-tools{display:flex;align-items:center;gap:14px}.activity-filter{display:inline-flex;align-items:center;gap:8px;color:var(--muted);cursor:pointer;font-size:.72rem}.activity-filter input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.activity-filter>span{position:relative;width:34px;height:20px;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:999px;background:var(--paper);transition:background .18s ease,border-color .18s ease}.activity-filter>span:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .18s ease,background .18s ease}.activity-filter input:checked+span{border-color:var(--green);background:var(--green-soft)}.activity-filter input:checked+span:after{background:var(--green);transform:translate(14px)}.activity-filter input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}.activity-filter strong{color:inherit;white-space:nowrap}.performance-table-wrap{margin-top:16px;overflow-x:auto}.performance-table{width:100%;border-collapse:collapse;font-size:.8rem}.performance-table th{padding:10px 12px;color:var(--muted);text-align:right;font-size:.66rem;text-transform:uppercase;letter-spacing:.07em}.performance-table th:first-child{text-align:left}.sortable-heading{width:100%;padding:0;display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;background:transparent;border:0;cursor:pointer}.performance-table th:first-child .sortable-heading{justify-content:flex-start}.sortable-heading:hover{color:var(--green)}.sortable-heading svg{flex:0 0 auto}.performance-table td{padding:11px 12px;text-align:right;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.performance-table td:first-child{min-width:210px;text-align:left}.performance-table tr.selected{background:var(--green-soft)}.performance-table td:nth-child(4){color:#c88a0a}.performance-table td:nth-child(4) small{color:var(--muted)}.agent-performance-select{width:100%;padding:0;display:flex;align-items:center;gap:10px;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer}.agent-performance-select>span:last-child{min-width:0;display:grid}.agent-performance-select strong,.agent-performance-select small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-performance-select small{margin-top:2px;color:var(--muted);font-size:.68rem}.agent-performance-avatar{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:color-mix(in srgb,var(--green) 13%,var(--surface));font-weight:700}.agent-performance-avatar.large{width:48px;height:48px;font-size:1rem}.agent-performance-detail{position:sticky;top:90px;display:grid;gap:18px}.agent-performance-detail>header{display:flex;align-items:center;gap:11px}.agent-performance-detail>header>div{min-width:0}.agent-performance-detail h2{margin:2px 0 0}.agent-performance-detail p{max-width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem}.agent-current-call{padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;color:var(--green);background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 22%,var(--line));border-radius:12px}.agent-current-call-status{display:flex;align-items:center;gap:8px}.agent-current-call-status strong{font-size:.78rem}.agent-current-call time{padding:6px 9px;color:var(--green);background:var(--surface);border:1px solid color-mix(in srgb,var(--green) 24%,var(--line));border-radius:8px;font-size:.88rem;font-weight:700;font-variant-numeric:tabular-nums}.agent-current-call-caller{grid-column:1 / -1;min-width:0;padding-top:10px;display:grid;gap:3px;border-top:1px solid color-mix(in srgb,var(--green) 16%,var(--line))}.agent-current-call-caller span{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.07em}.agent-current-call-caller strong{overflow:hidden;color:var(--ink);font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.table-pagination{min-width:430px;padding:14px 0 2px;display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid var(--line)}.table-pagination span{color:var(--muted);font-size:.74rem;font-variant-numeric:tabular-nums}.agent-live-calls{display:grid;gap:8px;padding:13px;border:1px solid color-mix(in srgb,var(--green) 24%,var(--line));border-radius:11px;background:var(--green-soft)}.agent-live-calls>span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.agent-live-calls>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px}.agent-live-calls small{grid-column:2;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 12%,transparent)}.agent-idle{padding:12px 0;border-block:1px solid var(--line)}.agent-performance-facts{display:grid}.agent-performance-facts>div{padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line)}.agent-performance-facts span{color:var(--muted);font-size:.76rem}.agent-performance-facts strong{font-size:.82rem;font-variant-numeric:tabular-nums}.agent-timeline{display:grid;gap:18px}.timeline-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.timeline-metric{min-width:0;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.timeline-metric span{display:block;overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.timeline-metric strong{display:block;margin-top:5px;font:650 .95rem Manrope;font-variant-numeric:tabular-nums}.timeline-metric.on-call{border-color:color-mix(in srgb,var(--green) 35%,var(--line))}.timeline-metric.break{border-color:color-mix(in srgb,var(--amber) 40%,var(--line))}.timeline-band{height:16px;display:flex;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:var(--paper)}.timeline-segment{min-width:3px;border-right:1px solid color-mix(in srgb,var(--surface) 70%,transparent)}.timeline-segment.on-call{background:var(--green)}.timeline-segment.available{background:var(--mint)}.timeline-segment.break{background:#e4a640}.timeline-segment.offline,.timeline-segment.unknown{background:#a9b3af}.timeline-events{max-height:360px;overflow:auto;display:grid;border-block:1px solid var(--line)}.timeline-event{padding:12px 4px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.timeline-event:last-child{border-bottom:0}.timeline-event-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--green);background:var(--green-soft)}.timeline-event.break .timeline-event-icon{color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,var(--surface))}.timeline-event.offline .timeline-event-icon{color:var(--muted);background:var(--paper)}.timeline-event>div{min-width:0;display:grid;gap:2px}.timeline-event strong{font-size:.8rem}.timeline-event small{color:var(--muted);font-size:.68rem}.timeline-event code{overflow:hidden;color:var(--muted);font:500 .66rem DM Sans;text-overflow:ellipsis;white-space:nowrap}.timeline-event time{color:var(--muted);font-size:.75rem;font-weight:650;font-variant-numeric:tabular-nums}.timeline-source{color:var(--muted);text-align:right}.timeline-loading{min-height:240px;display:grid;place-items:center;align-content:center;color:var(--green)}.timeline-loading svg{animation:spin 1s linear infinite}.timeline-loading p{margin:10px 0 0}.timeline-empty{min-height:230px}.settings-layout{display:grid;grid-template-columns:210px minmax(0,920px);gap:28px;align-items:start}.settings-nav{position:sticky;top:94px;display:grid;gap:5px}.settings-nav a{min-height:45px;padding:0 12px;display:flex;align-items:center;gap:10px;color:var(--muted);border-radius:10px;font-weight:600}.settings-nav a:hover{color:var(--ink);background:var(--green-soft)}.settings-nav a.active{color:var(--green);background:var(--green-soft)}.settings-content{min-width:0;display:grid;gap:16px}.settings-card{padding:28px}.settings-form{margin-top:25px}.settings-form .form-grid{gap:18px}.save-button{margin-top:22px}.api-status{margin:22px 0;padding:16px;display:flex;align-items:center;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.api-status small{margin-left:auto;color:var(--muted)}.api-guardrails{display:grid;gap:16px;margin:0 0 20px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.api-guardrails textarea{min-height:82px;resize:vertical}.api-guardrails label>small{display:block;margin-top:3px;color:var(--muted);font-weight:400}.api-key-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.api-key-facts span{color:var(--muted);font-size:.75rem}.api-key-facts strong{display:block;margin-top:3px;color:var(--ink);font-size:.85rem}.check-field{align-self:end;min-height:46px;display:flex!important;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:9px}.check-field input{width:17px;height:17px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.security-panel{padding:20px;display:flex;align-items:flex-start;gap:13px;color:#d9f3e9;background:#10483b;border-radius:14px}.security-panel>svg{flex:0 0 auto;margin-top:2px;color:#7cdbac;font-size:1.4rem}.security-panel p{margin:4px 0 0;color:#afd0c4}.api-docs>code,.endpoint code,.generated-key code{display:block;padding:11px 12px;overflow-x:auto;color:var(--green);background:var(--green-soft);border:1px solid var(--line);border-radius:8px;font:500 .78rem ui-monospace,SFMono-Regular,Menlo,monospace}.api-docs>code{margin:14px 0 22px}.endpoint{margin:13px 0}.endpoint p{margin:5px 0 0;font-size:.84rem}.api-docs h3{margin:24px 0 8px;font-size:.9rem;letter-spacing:0}.muted{margin:20px 0 0;color:var(--muted)}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr);background:var(--paper)}.auth-story{min-height:100vh;padding:clamp(38px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 20% 15%,rgba(93,209,169,.2),transparent 22rem),linear-gradient(145deg,#0b3e33,#071f1a)}.brand-large{padding:0;font-size:2rem}.brand-large img{width:38px;height:48px}.auth-story h1{max-width:670px;font-size:clamp(3rem,5vw,5.7rem)}.auth-story p{max-width:600px;color:#b9d2c9;font-size:1.1rem}.auth-story .eyebrow{color:#78d9b4}.auth-proof{display:grid;gap:5px;color:#bdd4cc;font-size:.8rem}.auth-proof strong{color:#fff}.auth-panel{display:grid;place-items:center;padding:35px}.auth-form{width:min(470px,100%);display:grid;gap:17px}.auth-form>div:first-child{margin-bottom:4px}.auth-form h2{margin:0;font-size:2rem}.auth-form p{margin-bottom:0}.input-action{position:relative}.input-action input{padding-right:50px}.input-action button{position:absolute;top:4px;right:4px;width:38px;height:38px;display:grid;place-items:center;color:var(--muted);background:transparent;border:0;border-radius:8px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-between{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.82rem}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:7px;font-weight:500}.auth-switch{text-align:center;font-size:.88rem}.success-state,.verify{text-align:center;justify-items:center}.verify .large-icon{margin-inline:auto}.modal-layer{position:fixed;inset:0;z-index:100;padding:20px;display:grid;place-items:center;background:#040e0b85;backdrop-filter:blur(6px)}.modal{width:min(590px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 100px #00000047}.modal>header{position:sticky;top:0;z-index:1;padding:22px 24px;display:flex;justify-content:space-between;gap:18px;background:var(--surface);border-bottom:1px solid var(--line)}.modal>header h2{margin:0}.modal>header p{margin:5px 0 0;font-size:.87rem}.modal-body{padding:24px}.modal-body form{display:grid;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.hours-editor{display:grid}.hours-editor>div{display:grid;grid-template-columns:90px 44px 1fr auto 1fr;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.mini-switch i{width:39px;height:23px;background:var(--line-strong)}.mini-switch i:after{width:17px;height:17px}.mini-switch input:checked+i:after{transform:translate(16px)}.generated-key{display:grid;gap:12px}.generated-key code{white-space:normal;overflow-wrap:anywhere}.pricing-note,.purchase-summary{display:grid;grid-template-columns:1fr auto;gap:8px 20px;padding:14px;border-radius:10px;background:var(--paper);border:1px solid var(--line)}.pricing-note span,.purchase-summary span{color:var(--muted)}.purchase-summary span{display:contents}.purchase-summary .shortfall{color:var(--danger)}.notice{padding:12px 14px;border-radius:9px;font-size:.85rem}.notice.error{color:#a52626;background:#ffeded;border:1px solid #f5caca}.notice.success{color:#096844;background:#e2f5eb;border:1px solid #bce4cf}.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:10px;background:var(--paper)}.boot.inline{min-height:400px}.spinner{width:22px;height:22px;display:inline-block;border:2px solid var(--line-strong);border-top-color:var(--green);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1050px){.app-frame{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding-inline:12px}.sidebar .brand span,.workspace-card div,.sidebar nav span,.sidebar-foot button span:not(:has(svg)){display:none}.sidebar .brand{justify-content:center;padding:0}.workspace-card{justify-content:center;padding:10px}.sidebar nav a{justify-content:center;padding:0}.sidebar-foot button{display:grid;place-items:center}.sidebar-foot button span{font-size:0}.sidebar-foot button svg{font-size:initial}.sidebar-foot small{display:none}.dashboard-grid,.detail-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-side{order:-1}.performance-layout{grid-template-columns:1fr}.agent-performance-detail{position:static;grid-template-columns:minmax(220px,.7fr) minmax(260px,1fr)}.agent-performance-detail>header,.agent-performance-detail>.button{grid-column:1}.agent-performance-facts{grid-column:2;grid-row:1 / span 3}}@media (max-width: 1200px) and (min-width: 761px){.history-layout{grid-template-columns:1fr}.filter-panel{position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.filter-panel .section-title{grid-column:1 / -1}.filter-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel .filter-check{align-self:end;min-height:46px}.filter-panel .filter-actions{grid-column:span 2;grid-template-columns:minmax(180px,1fr) auto;align-items:center}.call-row{grid-template-columns:42px minmax(210px,1.35fr) minmax(90px,.65fr) 78px 62px 42px}}@media (max-width: 760px){.app-frame{display:block}.sidebar{position:fixed;left:0;width:min(320px,86vw);padding:24px 18px;transform:translate(-102%);transition:transform .22s ease;box-shadow:24px 0 70px #00000040}.sidebar.is-open{transform:none}.sidebar .brand{justify-content:flex-start;padding:0 10px}.sidebar .brand span,.workspace-card div,.sidebar nav span{display:initial}.workspace-card{justify-content:flex-start}.sidebar nav a{justify-content:flex-start;padding:0 13px}.sidebar-close{display:grid;position:absolute;top:20px;right:14px;color:#a9beb6}.nav-scrim{position:fixed;inset:0;z-index:19;border:0;background:#030c0966;backdrop-filter:blur(3px)}.topbar{height:66px;padding:0 16px}.menu-button{display:grid}.topbar-user div{display:none}.page{padding:28px 16px 48px}.page-heading{align-items:flex-start;margin-bottom:24px}.page-heading h1{font-size:2.15rem}.page-heading p{font-size:.92rem}.page-heading>button{flex:0 0 auto}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:140px}.health-grid{grid-template-columns:1fr 1fr}.health-status{align-items:flex-start}.metric-icon{margin-bottom:14px}.dashboard-grid,.balance-split{grid-template-columns:1fr}.balance-split>div+div{border-left:0;border-top:1px solid var(--line)}.room-grid{grid-template-columns:1fr}.room-card{min-height:220px}.room-hero{align-items:flex-start;padding:20px}.room-identity{align-items:flex-start}.room-letter.large{width:54px;height:54px}.link-banner{align-items:flex-start;flex-direction:column}.link-banner strong{max-width:82vw}.agent-row{grid-template-columns:42px minmax(0,1fr) 40px}.agent-row .text-link{grid-column:2;width:max-content}.history-layout{display:block}.filter-panel{position:static;margin-bottom:16px}.call-row{grid-template-columns:42px minmax(0,1fr) 38px}.call-detail,.call-rating{display:none}.performance-toolbar{grid-template-columns:1fr}.performance-period{justify-content:flex-start}.performance-table-tools{align-self:flex-start}.custom-period{grid-template-columns:1fr 1fr auto;justify-content:stretch}.performance-metrics{grid-template-columns:1fr 1fr}.performance-metric{min-height:135px}.agent-performance-detail{display:grid;grid-template-columns:1fr}.agent-performance-detail>header,.agent-performance-detail>.button,.agent-performance-facts{grid-column:1;grid-row:auto}.timeline-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{display:block}.settings-nav{position:static;display:flex;overflow-x:auto;gap:7px;margin-bottom:16px;padding-bottom:3px}.settings-nav a{flex:0 0 auto;border:1px solid var(--line)}.auth-page{display:block;min-height:100vh;background:linear-gradient(180deg,#0e3d33 0 240px,var(--paper) 240px)}.auth-story{min-height:240px;padding:26px 22px 52px;display:block;background:transparent}.auth-story>div:nth-child(2),.auth-proof{display:none}.auth-panel{min-height:calc(100vh - 180px);margin-top:-46px;padding:28px 20px 45px;align-items:start;background:var(--surface);border-radius:28px 28px 0 0}.auth-form{gap:15px}.form-grid{grid-template-columns:1fr}.modal-layer{padding:10px;align-items:end}.modal{max-height:calc(100vh - 20px);border-radius:18px 18px 10px 10px}.hours-editor>div{grid-template-columns:1fr 42px}.hours-editor input[type=time],.hours-editor>div>span{grid-row:2}.api-status{align-items:flex-start;flex-direction:column}.api-status small{margin-left:0}.api-key-facts{grid-template-columns:1fr}}@media (max-width: 450px){.page-heading{display:grid}.page-heading>button{width:100%}.room-hero{display:grid}.switch-row{justify-self:start}.section-title{align-items:flex-start}.health-grid{grid-template-columns:1fr}.health-status{display:grid;grid-template-columns:auto 1fr}.health-status .text-link{grid-column:2;margin-left:0}.section-title .secondary{padding-inline:11px}.agent-row .text-link{font-size:.74rem}.settings-card,.panel{padding:19px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions button{width:100%}.custom-period,.performance-metrics{grid-template-columns:1fr}.custom-period .primary{width:100%}.performance-table-panel .section-title{align-items:flex-start}.performance-table-tools{gap:8px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}