:root{--c-black-900: #07090d;--c-black-850: #0a0d12;--c-black-800: #0e121a;--c-black-750: #131825;--c-black-700: #1a2030;--c-black-650: #212a3c;--c-ink-50: #f2f5fa;--c-ink-200: #cdd5e1;--c-ink-400: #8b97aa;--c-ink-500: #6a7689;--c-ink-600: #4c5668;--c-line-100: #1e2533;--c-line-200: #2a3344;--c-line-300: #38445a;--c-green-400: #2fe0a0;--c-green-600: #15a878;--c-blue-400: #5b8cff;--c-blue-600: #3a63d8;--c-amber-400: #ffb454;--c-red-400: #ff5d6c;--c-violet-400: #b08cff;--glow-green: 0 0 0 1px rgba(47, 224, 160, .25), 0 0 14px rgba(47, 224, 160, .35);--glow-blue: 0 0 0 1px rgba(91, 140, 255, .25), 0 0 14px rgba(91, 140, 255, .35);--glow-amber: 0 0 0 1px rgba(255, 180, 84, .25), 0 0 12px rgba(255, 180, 84, .3);--font-ui: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--r-xs: 4px;--r-sm: 7px;--r-md: 11px;--r-lg: 16px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--t-fast: .12s cubic-bezier(.4, 0, .2, 1);--t-med: .2s cubic-bezier(.4, 0, .2, 1);--bg: var(--c-black-900);--bg-elev: var(--c-black-850);--panel: var(--c-black-800);--panel-2: var(--c-black-750);--panel-3: var(--c-black-700);--border: var(--c-line-100);--border-strong: var(--c-line-200);--border-active: var(--c-line-300);--text: var(--c-ink-50);--text-muted: var(--c-ink-400);--text-dim: var(--c-ink-500);--accent: var(--c-green-400);--interactive: var(--c-blue-400);--warn: var(--c-amber-400);--danger: var(--c-red-400);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px rgba(91, 140, 255, .6);--status-available: var(--c-green-400);--status-on_call: var(--c-blue-400);--status-paused: var(--c-amber-400);--status-offline: var(--c-ink-600);--btn-accent-bg: var(--c-green-600);--btn-accent-text: #04140d;--btn-ghost-border: var(--border-strong);--input-bg: var(--c-black-850);--input-border: var(--border-strong);--input-border-focus: var(--interactive);--card-bg: var(--panel);--card-border: var(--border);--pill-bg: var(--c-black-700);--pill-border: var(--border-strong)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}button{font-family:inherit}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--c-line-100) 1px,transparent 1px),linear-gradient(90deg,var(--c-line-100) 1px,transparent 1px);background-size:46px 46px;opacity:.18;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 100%)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.small{font-size:12px}.kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.wordmark{display:flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--text)}.wordmark .ver{color:var(--text-dim);font-weight:500;letter-spacing:.1em}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--status-offline);flex:none}.status-dot.live,.status-dot.available{background:var(--accent);box-shadow:var(--glow-green);animation:pulse 2.4s ease-in-out infinite}.status-dot.on_call{background:var(--status-on_call);box-shadow:var(--glow-blue)}.status-dot.paused{background:var(--status-paused);box-shadow:var(--glow-amber)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border:1px solid transparent;border-radius:var(--r-sm);padding:10px 16px;font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-accent{background:var(--btn-accent-bg);color:var(--btn-accent-text)}.btn-accent:hover{background:var(--accent);box-shadow:var(--glow-green)}.btn-ghost{background:transparent;border-color:var(--btn-ghost-border);color:var(--text-muted)}.btn-ghost:hover{color:var(--text);border-color:var(--border-active)}.btn-sm{padding:7px 12px;font-size:12px}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:default;transform:none}.pill{display:inline-flex;align-items:center;gap:var(--s-2);background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:999px;padding:5px 11px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.console-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-lg);box-shadow:0 24px 60px -28px #000c}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.field input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--r-sm);padding:11px 13px;color:var(--text);font-size:14px;font-family:var(--font-mono);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.field input:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px #5b8cff26}.field input::placeholder{color:var(--c-ink-600)}.banner{border-radius:var(--r-sm);padding:9px 12px;font-size:12px;font-family:var(--font-mono)}.banner-error{background:#ff5d6c1a;border:1px solid rgba(255,93,108,.35);color:var(--danger)}.chips{display:flex;gap:var(--s-2);flex-wrap:wrap}.chip{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;background:var(--panel-3);border:1px solid var(--border-strong);border-radius:var(--r-xs);padding:4px 9px;color:var(--text-muted)}.auth{min-height:100%;display:grid;place-items:center;padding:var(--s-5);position:relative}.auth-card{position:relative;width:380px;padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-4)}.auth-head{display:flex;flex-direction:column;gap:4px;margin-top:var(--s-2)}.auth-head h1{font-size:22px}.auth-card .btn-accent{margin-top:var(--s-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.console{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-5);height:54px;border-bottom:1px solid var(--border);background:var(--bg-elev);position:sticky;top:0;z-index:10}.topbar-right{display:flex;align-items:center;gap:var(--s-4)}.ident{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.ident-name{font-size:13px;font-weight:500}.ident-role{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.console-body{flex:1;display:grid;grid-template-columns:232px 1fr}.sidebar{border-right:1px solid var(--border);background:var(--bg-elev);padding:var(--s-5) var(--s-4);display:flex;flex-direction:column;gap:var(--s-5)}.side-group{display:flex;flex-direction:column;gap:var(--s-2)}.side-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.side-metric{font-family:var(--font-mono);font-size:30px;font-weight:500;color:var(--text);line-height:1}.side-dots{display:flex;gap:6px;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:2px;margin-top:auto}.side-nav a{font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;color:var(--text-dim);text-decoration:none;padding:8px 10px;border-radius:var(--r-xs);border-left:2px solid transparent;cursor:default}.side-nav a.active{color:var(--text);background:var(--panel-2);border-left-color:var(--accent)}.side-nav a.disabled{opacity:.45}.stage{padding:var(--s-6);display:grid;place-items:center}.stage-idle{width:100%;max-width:560px;padding:var(--s-7) var(--s-6);display:flex;flex-direction:column;align-items:center;gap:var(--s-4);text-align:center}.idle-ring{width:64px;height:64px;border-radius:50%;border:2px solid var(--border-strong);position:relative;display:grid;place-items:center;margin-bottom:var(--s-2)}.idle-ring:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--text-dim)}.stage-idle p{margin:0;color:var(--text-muted)}.coverage{display:flex;flex-direction:column;gap:var(--s-2);align-items:center;margin-top:var(--s-2)}.cov-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.center{min-height:100%;display:grid;place-items:center;color:var(--text-muted)}.nav-link{font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;color:var(--text-dim);text-decoration:none;padding:8px 10px;border-radius:var(--r-xs);border-left:2px solid transparent;cursor:pointer;transition:color var(--t-fast),background var(--t-fast)}.nav-link:hover{color:var(--text-muted)}.nav-link.active{color:var(--text);background:var(--panel-2);border-left-color:var(--accent)}.nav-link.disabled{opacity:.4;cursor:default}.work{overflow:auto;min-height:calc(100vh - 54px)}.idle-wrap{display:grid;place-items:center;min-height:calc(100vh - 54px);padding:var(--s-6)}.page{padding:var(--s-5) var(--s-6);display:flex;flex-direction:column;gap:var(--s-4)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4)}.page-head h1{font-size:22px}.head-actions{display:flex;gap:var(--s-2);align-items:center}select,textarea,input[type=date],.filter-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--r-sm);padding:8px 10px;color:var(--text);font-size:13px;font-family:var(--font-ui);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}select:focus,textarea:focus,input[type=date]:focus,.filter-input:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px #5b8cff26}textarea{resize:vertical;font-family:var(--font-ui)}input[type=date]{color-scheme:dark;font-family:var(--font-mono)}.filterbar{display:flex;flex-wrap:wrap;gap:var(--s-2);padding:var(--s-3);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md)}.filter-input{font-family:var(--font-mono);min-width:180px;flex:1}.table-wrap{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--panel)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{text-align:left;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);padding:11px 14px;border-bottom:1px solid var(--border);background:var(--bg-elev)}.data-table tbody td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text-muted)}.data-table tbody tr:last-child td{border-bottom:none}.row-click{cursor:pointer;transition:background var(--t-fast)}.row-click:hover{background:var(--panel-2)}.empty{padding:var(--s-6);text-align:center;color:var(--text-dim);font-size:13px}.table-foot{text-align:right}.badge{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.st-completed{color:var(--c-green-400);border-color:#2fe0a04d;background:#2fe0a014}.st-in_progress,.st-ringing{color:var(--c-blue-400);border-color:#5b8cff4d;background:#5b8cff14}.st-queued{color:var(--text-muted);border-color:var(--border-strong)}.st-missed,.st-failed{color:var(--c-red-400);border-color:#ff5d6c4d;background:#ff5d6c14}.st-voicemail{color:var(--c-violet-400);border-color:#b08cff4d;background:#b08cff14}.urg-low{color:var(--text-muted);border-color:var(--border-strong)}.urg-medium{color:var(--c-blue-400);border-color:#5b8cff4d;background:#5b8cff14}.urg-high{color:var(--c-amber-400);border-color:#ffb4544d;background:#ffb45414}.urg-critical{color:var(--c-red-400);border-color:#ff5d6c59;background:#ff5d6c1a}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050899;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;animation:fade .16s ease}.drawer{position:fixed;top:0;right:0;height:100vh;width:440px;max-width:92vw;background:var(--bg-elev);border-left:1px solid var(--border-strong);z-index:41;display:flex;flex-direction:column;overflow-y:auto;box-shadow:-30px 0 60px -20px #000000b3;animation:slidein .2s cubic-bezier(.4,0,.2,1)}@keyframes slidein{0%{transform:translate(24px);opacity:.4}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-elev)}.drawer-head h2{font-size:16px}.drawer-section{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:var(--s-2)}.drawer-section.form{gap:var(--s-3)}.kv{display:flex;justify-content:space-between;align-items:center}.check-row{display:flex;gap:var(--s-5)}.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);cursor:pointer}.check input{accent-color:var(--accent);width:15px;height:15px}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.history-list li{display:flex;align-items:center;gap:var(--s-3);justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--border)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.stat-card{padding:var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:var(--s-2)}.stat-value{font-size:34px;font-weight:500;line-height:1}.stat-value.accent{color:var(--accent)}.breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4)}.breakdown{padding:var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}.bar-row{display:flex;justify-content:space-between;margin-bottom:5px}.bar-track{height:6px;background:var(--panel-2);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--c-green-600),var(--accent));border-radius:999px;transition:width var(--t-med)}@media(max-width:720px){.stat-row,.breakdown-grid{grid-template-columns:1fr}}.tabs{display:flex;gap:var(--s-1);border-bottom:1px solid var(--border)}.tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;padding:10px 14px;cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast)}.tab:hover{color:var(--text-muted)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.admin-section{display:flex;flex-direction:column;gap:var(--s-3)}.section-head{display:flex;justify-content:flex-end}.section-head.add-inline{justify-content:flex-start;gap:var(--s-2)}.section-head.add-inline .filter-input{max-width:280px;flex:none}.row-actions{display:flex;gap:var(--s-3);justify-content:flex-end}.link-btn{background:none;border:none;color:var(--interactive);font-size:12px;font-family:var(--font-mono);cursor:pointer;padding:0}.link-btn:hover{text-decoration:underline}.link-btn.danger{color:var(--danger)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:460px;max-width:94vw;max-height:90vh;overflow-y:auto;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--r-lg);z-index:41;box-shadow:0 40px 90px -30px #000000d9;animation:pop .16s cubic-bezier(.4,0,.2,1)}@keyframes pop{0%{transform:translate(-50%,-48%) scale(.98);opacity:.5}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.modal-body{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.modal-body input,.modal-body select{font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.check-grid{display:flex;flex-wrap:wrap;gap:var(--s-3);padding:4px 0}.modal-body .btn-accent{margin-top:var(--s-2)}input[type=time]{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--r-sm);padding:6px 9px;color:var(--text);font-family:var(--font-mono);font-size:13px;color-scheme:dark;outline:none}input[type=time]:focus{border-color:var(--input-border-focus)}input[type=time]:disabled{opacity:.4}.hours-table td{padding:8px 14px}.hours-table tr.day-off td{color:var(--text-dim)}.rgpd-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.rgpd-card{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start}.rgpd-card .muted{margin:0}.rgpd-erase-row{display:flex;gap:var(--s-2);width:100%}.rgpd-erase-row .filter-input{flex:1}.danger-btn{background:var(--danger);color:#160305}.danger-btn:hover{background:#ff7a86}.banner-ok{background:#2fe0a01a;border:1px solid rgba(47,224,160,.35);color:var(--accent);width:100%}@media(max-width:720px){.rgpd-grid{grid-template-columns:1fr}}.cb-pending{color:var(--c-amber-400);border-color:#ffb4544d;background:#ffb45414}.cb-assigned{color:var(--c-blue-400);border-color:#5b8cff4d;background:#5b8cff14}.cb-completed{color:var(--c-green-400);border-color:#2fe0a04d;background:#2fe0a014}.cb-cancelled{color:var(--text-dim);border-color:var(--border-strong)}.call-card{width:100%;max-width:460px;padding:var(--s-7) var(--s-6);display:flex;flex-direction:column;align-items:center;gap:var(--s-4);text-align:center;position:relative}.sim-badge{position:absolute;top:14px;right:14px;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--warn);border:1px solid rgba(255,180,84,.4);border-radius:4px;padding:3px 6px}.accent-text{color:var(--accent)}.call-card.ringing .accent-text{color:var(--interactive)}.call-avatar{width:84px;height:84px;border-radius:50%;background:var(--panel-2);border:2px solid var(--border-strong);display:grid;place-items:center}.call-avatar-icon{width:34px;height:34px;fill:var(--text-muted)}.call-avatar.ring .call-avatar-icon{fill:var(--interactive);animation:phone-wiggle 1s ease-in-out infinite}@keyframes phone-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}}.call-avatar.ring{border-color:var(--interactive);animation:ringpulse 1.4s ease-out infinite}@keyframes ringpulse{0%{box-shadow:0 0 #5b8cff80}to{box-shadow:0 0 0 22px #5b8cff00}}.call-number{font-size:26px;font-weight:500;letter-spacing:.02em}.call-meta{display:flex;align-items:center;gap:var(--s-3)}.call-timer{font-size:18px;color:var(--accent)}.call-actions{display:flex;gap:var(--s-6);margin-top:var(--s-2)}.call-btn{width:60px;height:60px;border-radius:50%;border:none;font-size:24px;color:#fff;cursor:pointer;display:grid;place-items:center;transition:transform var(--t-fast),box-shadow var(--t-fast)}.call-btn:hover{transform:translateY(-2px)}.call-btn.accept{background:var(--c-green-600);box-shadow:0 8px 22px -6px #2fe0a099}.call-btn.reject{background:var(--danger);box-shadow:0 8px 22px -6px #ff5d6c99}.call-btn.hangup{width:54px;height:54px;font-size:20px;margin-top:var(--s-2)}.call-controls{display:flex;gap:var(--s-3);margin-top:var(--s-2)}.ctrl{background:var(--panel-2);border:1px solid var(--border-strong);color:var(--text-muted);border-radius:var(--r-sm);padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--t-fast)}.ctrl:hover{color:var(--text);border-color:var(--border-active)}.ctrl.on{background:var(--interactive);color:#fff;border-color:var(--interactive)}.brand{display:inline-flex;align-items:center;gap:9px}.brand-mark{flex:none;filter:drop-shadow(0 0 6px rgba(47,224,160,.5))}.brand-mark rect{fill:var(--accent)}.brand-name{font-family:var(--font-ui);font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1}.brand-name b{color:var(--accent);font-weight:700}.brand-sm .brand-name{font-size:18px}.brand-lg .brand-name{font-size:26px}.idle-ring.live-ring{border-color:var(--accent);box-shadow:0 0 #2fe0a066;animation:ringpulse 2s ease-out infinite}.idle-ring.live-ring:after{background:var(--accent);box-shadow:0 0 10px var(--accent)}.caller-hist{width:100%;max-width:360px;margin:2px auto 0;text-align:left;border-top:1px solid var(--border);padding-top:12px}.caller-hist ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.caller-hist li{display:flex;align-items:center;gap:8px;justify-content:space-between}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#030508cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade .16s ease}.call-overlay .call-card{width:100%;max-width:440px}.dialer{display:flex;flex-direction:column;gap:var(--s-2);width:100%;margin-top:var(--s-2)}.dialer-row{display:flex;gap:var(--s-2)}.dialer-input{flex:1;min-width:0}.dialer-code{flex:none;width:auto;min-width:92px;padding-right:26px}