:root{--ink-900:#070b16;--ink-800:#0a1020;--ink-700:#0f172b;--ink-600:#16203a;--line:#1e2a45;--line-soft:#16203a;--txt-dim:#7183a4;--txt:#aebbd4;--txt-hi:#eef3fc;--accent:#ffb020;--accent-ink:#241703;--accent-wash:#ffb0201f;--accent-edge:#ffb0206b;--dir-in:#46d0a0;--dir-out:#5aa9ff;--dir-missed:#ff6b7a;--danger:#ff6b7a;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--r-sm:4px;--r:6px;--r-lg:10px;--rail-w:216px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:400 14px/1.5 var(--sans);color:var(--txt);background:var(--ink-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:light){:root{--ink-900:#eef1f7;--ink-800:#f6f8fc;--ink-700:#fff;--ink-600:#f1f4fa;--line:#d3dbe9;--line-soft:#e4e9f2;--txt-dim:#6b7a93;--txt:#3d4a61;--txt-hi:#0d1626;--accent:#b06f00;--accent-ink:#fff8ec;--accent-wash:#b06f001a;--accent-edge:#b06f0066;--dir-in:#0e8a63;--dir-out:#1667c4;--dir-missed:#c8384a;--danger:#c8384a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--ink-900);min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,h3{color:var(--txt-hi);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:19px}h2{font-size:15px}p{margin:0}a{color:var(--txt-hi);-webkit-text-decoration-color:var(--accent-edge);text-decoration-color:var(--accent-edge);text-underline-offset:3px}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}button{font:500 13px/1 var(--sans);color:var(--txt-hi);background:var(--ink-600);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;padding:8px 14px;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:var(--ink-700);border-color:var(--accent-edge)}button:disabled{opacity:.45;cursor:not-allowed}input,select{font:400 13px/1 var(--sans);color:var(--txt-hi);background:var(--ink-900);border:1px solid var(--line);border-radius:var(--r);width:100%;min-width:0;padding:7px 10px}input:hover,select:hover{border-color:var(--accent-edge)}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field label{font:500 10px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--txt-dim)}.app-shell{grid-template-columns:var(--rail-w) minmax(0, 1fr);min-height:100svh;display:grid}.app-shell-header{background:var(--ink-800);border-right:1px solid var(--line);flex-direction:column;grid-column:1;align-self:start;gap:28px;height:100svh;padding:22px 16px;display:flex;position:sticky;top:0}.app-shell-brand{align-items:center;gap:7px;padding:0 8px;display:flex}.app-shell-wordmark{font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--txt-hi);white-space:nowrap}.app-shell-lamp{background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--accent);border-radius:50%;flex:none}.app-shell-nav{flex-direction:column;flex:1;gap:2px;display:flex}.app-shell-nav a{border-radius:var(--r);color:var(--txt);border-left:2px solid #0000;padding:8px 10px;font-size:13px;text-decoration:none;transition:background .12s,color .12s;display:block}.app-shell-nav a:hover{background:var(--ink-700);color:var(--txt-hi)}.app-shell-nav a.active{background:var(--accent-wash);border-left-color:var(--accent);color:var(--txt-hi);font-weight:500}.app-shell-account{border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:10px;padding-top:16px;display:flex}.app-shell-email{font:400 11px/1.4 var(--mono);color:var(--txt-dim);overflow-wrap:anywhere;padding:0 2px}.app-shell-main{grid-column:2;min-width:0;padding:26px 30px 56px}@media (width<=860px){.app-shell{grid-template-columns:1fr}.app-shell-header{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;grid-column:1;align-items:center;gap:16px;height:auto;padding:12px 16px;position:static}.app-shell-nav{flex-direction:row;flex:1}.app-shell-account{border-top:0;flex-direction:row;align-items:center;padding-top:0}.app-shell-email{display:none}.app-shell-main{grid-column:1;padding:20px 16px 48px}}.calls-page>h1,.call-detail-page>h1,.admin-page>h1{margin-bottom:18px}.call-filters{background:var(--ink-800);border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px 14px;padding:16px;display:grid}.calls-page-actions{justify-content:flex-end;gap:10px;margin:14px 0;display:flex}.table-wrap{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--ink-800);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{z-index:1;background:var(--ink-700);font:500 10px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--txt-dim);text-align:left;white-space:nowrap;border-bottom:1px solid var(--line);padding:11px 14px;position:sticky;top:0}tbody td{border-bottom:1px solid var(--line-soft);color:var(--txt);vertical-align:middle;padding:10px 14px}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .1s}tbody tr:hover{background:var(--ink-700)}.cell-time,.cell-number,.cell-agent,.cell-duration{font-family:var(--mono);font-variant-numeric:tabular-nums}.cell-time a{color:var(--txt-hi);white-space:nowrap;text-decoration:none}.cell-time a:hover{color:var(--accent)}.cell-number{color:var(--txt-hi)}.cell-agent{color:var(--txt-dim);font-size:12px}.dir{text-transform:capitalize;white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.dir:before{content:"";background:var(--dir-colour);border-radius:2px;flex:none;width:3px;height:13px}.dir-inbound{--dir-colour:var(--dir-in)}.dir-outbound{--dir-colour:var(--dir-out)}.dir-missed{--dir-colour:var(--dir-missed);color:var(--dir-missed)}.gauge{gap:5px;min-width:86px;display:grid}.gauge-value{font-variant-numeric:tabular-nums;color:var(--txt-hi)}.gauge-track{background:var(--line);border-radius:2px;height:3px;overflow:hidden}.gauge-fill{height:100%;width:calc(var(--gauge,0) * 100%);background:var(--txt-dim);border-radius:2px;min-width:2px;display:block}tr:hover .gauge-fill{background:var(--accent)}.pill{font:500 10px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;border:1px solid var(--line);color:var(--txt-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.pill-ready{color:var(--txt-hi);border-color:var(--accent-edge);background:var(--accent-wash)}.pill-ready:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px}.pagination{font:400 12px/1 var(--mono);color:var(--txt-dim);justify-content:flex-end;align-items:center;gap:14px;margin-top:14px;display:flex}.state{text-align:center;color:var(--txt-dim);padding:28px 16px;font-size:13px}[role=alert]{color:var(--danger);font-size:13px}.calls-page>[role=alert],.call-detail-page>[role=alert]{border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);border-radius:var(--r);background:color-mix(in srgb, var(--danger) 10%, transparent);margin-bottom:14px;padding:10px 14px;display:block}.call-detail-back{margin-bottom:14px}.call-detail-back a{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--txt-dim);text-decoration:none}.call-detail-back a:hover{color:var(--accent)}.call-detail-metadata{background:var(--line-soft);border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:1px;margin:0 0 18px;display:grid;overflow:hidden}.call-detail-row{background:var(--ink-800);flex-direction:column;gap:5px;padding:12px 14px;display:flex}.call-detail-row dt{font:500 10px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--txt-dim)}.call-detail-row dd{font:400 13px/1.45 var(--mono);font-variant-numeric:tabular-nums;color:var(--txt-hi);overflow-wrap:anywhere;margin:0}.audio-player{background:var(--ink-800);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;align-items:flex-start;gap:12px;padding:16px;display:flex}.audio-player audio{width:100%}.login-page{place-items:center;min-height:100svh;padding:24px;display:grid}.login-page form{background:var(--ink-800);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:14px;width:100%;max-width:348px;padding:30px 26px;display:flex}.login-page h1{font:600 13px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}.login-page form>p:first-of-type{color:var(--txt-dim);margin-bottom:4px;font-size:13px}.login-page button[type=submit]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);margin-top:4px;padding:10px 14px;font-weight:600}.login-page button[type=submit]:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 86%, white);border-color:var(--accent)}.admin-page form{background:var(--ink-800);border:1px solid var(--line);border-radius:var(--r-lg);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;padding:16px;display:flex}.admin-page form .field{min-width:180px}.agents-import{flex-direction:column;align-items:stretch}.agents-import h2{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--txt-dim);margin:0}.agents-import-hint{color:var(--txt-dim);margin:0;font-size:12px}.agents-import-hint code,.agents-import textarea{font-family:var(--mono)}.agents-import textarea{resize:vertical;background:var(--ink-700);width:100%;color:var(--txt-hi);border:1px solid var(--line);border-radius:var(--r);padding:8px 10px}.agents-import-summary{color:var(--dir-in);margin:0;font-size:13px}.agent-row-crm{color:var(--txt-hi)}.chip{font:500 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--txt-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.chip-answered{color:var(--dir-in);border-color:color-mix(in srgb, var(--dir-in) 42%, transparent)}.chip-missed,.chip-rejected,.chip-failed{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 42%, transparent)}.chip-no_answer,.chip-busy{color:var(--txt)}.chip-unknown{color:var(--txt-dim)}.cell-health{text-align:center}.health-dot{background:var(--txt-dim);border-radius:50%;width:10px;height:10px;display:inline-block}.health-dot-fresh{background:var(--dir-in);box-shadow:0 0 0 3px color-mix(in srgb, var(--dir-in) 20%, transparent)}.health-dot-stale{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 20%, transparent)}.health-dot-unknown{background:var(--txt-dim);opacity:.55}.inline-audio{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-audio-play{font:500 10px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;border:1px solid var(--accent-edge);background:var(--accent-wash);color:var(--txt-hi);border-radius:999px;padding:5px 12px}.inline-audio-play:hover:not(:disabled){border-color:var(--accent)}.inline-audio audio{max-width:220px;height:30px}.inline-audio-note{font:400 11px/1 var(--mono);color:var(--txt-dim)}.agents-roster{margin-bottom:24px}.agents-roster>h2{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--txt-dim);margin:0 0 12px}.agents-roster-filters{background:var(--ink-800);border:1px solid var(--line);border-radius:var(--r-lg);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px;padding:14px;display:flex}.agents-roster-filters .field{min-width:150px}.cell-mobile{flex-direction:column;gap:2px;display:flex}.agent-mobile-number{font-family:var(--mono);color:var(--txt-hi)}.agent-handset{font:400 11px/1.3 var(--mono);color:var(--txt-dim)}.cell-agent-name{color:var(--txt-hi)}.cell-calls{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--txt-hi)}.agent-edit-form{background:var(--ink-700);border:1px solid var(--accent-edge);border-radius:var(--r-lg);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px;display:flex}.agent-edit-form .field{min-width:160px}.field-inline{flex-direction:row;align-items:center;gap:8px}.field-inline input{width:auto}.agent-edit-actions{gap:10px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}