:root{--bg: #0d1117;--bg-raised: #151b23;--bg-input: #0b0f15;--panel: #161d26;--border: #253040;--border-strong: #38455a;--text: #e7edf5;--text-dim: #9fb0c6;--text-faint: #6b7d95;--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .14);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .14);--warn: #f59e0b;--warn-soft: rgba(245, 158, 11, .14);--ok: #22c55e;--ok-soft: rgba(34, 197, 94, .14);--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--status-critical: #d03b3b;--chart-grid: #2c2c2a;--chart-axis: #383835;--radius: 8px;--radius-sm: 5px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #f4f6fa;--bg-raised: #ffffff;--bg-input: #ffffff;--panel: #ffffff;--border: #dde3ec;--border-strong: #c3ccda;--text: #131922;--text-dim: #55637a;--text-faint: #7d8aa0;--shadow: 0 8px 24px rgba(15, 23, 42, .1);--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--chart-grid: #e1e0d9;--chart-axis: #c3c2b7;color-scheme:light}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}h4{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-rows:auto 1fr;height:100%;min-height:0}.topbar{display:flex;align-items:center;gap:16px;padding:0 16px;height:52px;background:var(--bg-raised);border-bottom:1px solid var(--border);flex-wrap:nowrap}.brand{display:flex;align-items:baseline;gap:8px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand span{font-size:11px;font-weight:500;color:var(--text-faint)}.nav{display:flex;gap:2px;overflow-x:auto}.nav a{padding:6px 12px;border-radius:var(--radius-sm);color:var(--text-dim);white-space:nowrap;font-weight:500}.nav a:hover{background:var(--panel);color:var(--text);text-decoration:none}.nav a.active{background:var(--accent-soft);color:var(--accent)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.main{min-height:0;overflow:auto;padding:16px}.columns{display:grid;gap:16px;align-items:start;min-height:0}.columns.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.columns.side{grid-template-columns:minmax(0,360px) minmax(0,1fr)}.columns.wide-side{grid-template-columns:minmax(0,1fr) minmax(0,380px)}.columns.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.columns.two,.columns.side,.columns.wide-side,.columns.three{grid-template-columns:minmax(0,1fr)}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-raised)}.card-head h2,.card-head h3{margin-right:auto}.card-body{padding:14px}.card-body.flush{padding:0}.scroll{overflow:auto}.scroll-sm{max-height:320px;overflow:auto}.scroll-md{max-height:520px;overflow:auto}.stack{display:flex;flex-direction:column;gap:10px}.stack.tight{gap:6px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row.tight{gap:4px}.row.between{justify-content:space-between}.spacer{flex:1}.muted{color:var(--text-dim)}.faint{color:var(--text-faint);font-size:12px}.mono{font-family:var(--mono);font-size:12px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{padding:24px 14px;text-align:center;color:var(--text-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--text);font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,opacity .12s}.btn:hover:not(:disabled){background:var(--panel);border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#2f74e6}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){background:#dc2f2f}.btn.ok{background:var(--ok);border-color:var(--ok);color:#06240f}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn.ghost:hover:not(:disabled){background:var(--panel);color:var(--text)}.btn.sm{padding:4px 8px;font-size:12px}.btn.lg{padding:10px 18px;font-size:15px}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:4px}.field>label{font-size:12px;font-weight:600;color:var(--text-dim)}.field .hint{font-size:11px;color:var(--text-faint)}.field .error{font-size:12px;color:var(--danger)}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=datetime-local],select,textarea{width:100%;padding:7px 10px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:70px;font-family:inherit}input:disabled,select:disabled,textarea:disabled{opacity:.6}.checkbox{display:flex;align-items:center;gap:8px;font-size:13px}.checkbox input{width:auto}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.badge.neutral{background:var(--bg-raised);color:var(--text-dim);border-color:var(--border)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.pill-priority{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;color:#fff}.counters{display:flex;gap:6px;align-items:center;overflow-x:auto}.counter{display:flex;align-items:baseline;gap:5px;padding:3px 9px;background:var(--panel);border:1px solid var(--border);border-radius:999px;white-space:nowrap}.counter b{font-size:14px;font-variant-numeric:tabular-nums}.counter span{font-size:11px;color:var(--text-dim)}.counter.alert{border-color:var(--danger);color:var(--danger)}.counter.alert span{color:var(--danger)}.list{list-style:none;margin:0;padding:0}.list>li{border-bottom:1px solid var(--border)}.list>li:last-child{border-bottom:none}.item{display:flex;gap:10px;align-items:flex-start;width:100%;padding:10px 14px;text-align:left;background:none;border:none;cursor:pointer;color:inherit}.item:hover{background:var(--bg-raised)}.item.selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.item .grow{flex:1;min-width:0}.item>.stack,.item>.badge,.item>.faint{flex:none}.item-title{font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.item-sub{display:block;font-size:12px;color:var(--text-dim)}.strip{height:100%;width:3px;border-radius:2px;flex:none;align-self:stretch}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);padding:8px 12px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-raised);z-index:1}td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:top}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg-raised)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.softphone{display:flex;flex-direction:column;gap:10px}.phone-state{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--bg-raised);border:1px solid var(--border);font-size:12px}.live-call{padding:12px 14px;border-radius:var(--radius);background:linear-gradient(180deg,var(--accent-soft),transparent);border:1px solid var(--accent)}.live-call.held{background:linear-gradient(180deg,var(--warn-soft),transparent);border-color:var(--warn)}.live-call .number{font-size:20px;font-weight:700;letter-spacing:-.02em}.live-call .timer{font-family:var(--mono);font-size:20px;font-variant-numeric:tabular-nums}.ringing{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 8px #ef444400}}.dialpad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dialpad button{padding:12px 0;font-size:17px;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-raised);cursor:pointer}.dialpad button:hover{border-color:var(--accent)}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--danger);animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{opacity:.25}}.map-wrap{position:relative;background:var(--bg-input);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.map-wrap svg{display:block;width:100%;touch-action:none;cursor:grab}.map-wrap svg:active{cursor:grabbing}.map-legend{position:absolute;left:10px;bottom:10px;display:flex;gap:10px;padding:6px 10px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--border);border-radius:999px;font-size:11px}.map-controls{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:4px}.map-controls button{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel);cursor:pointer;font-weight:700}.banner{padding:9px 14px;border-radius:var(--radius-sm);border:1px solid;font-size:13px}.banner.ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.banner.error{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.banner.warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.demo-bar{display:flex;align-items:center;gap:10px;padding:5px 16px;background:var(--warn-soft);border-bottom:1px solid var(--warn);font-size:12px;color:var(--warn);flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;background:#02060ca6;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.modal header,.modal footer{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.modal footer{border-bottom:none;border-top:1px solid var(--border);justify-content:flex-end}.modal .modal-body{padding:16px;overflow:auto}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed var(--border)}.timeline li:last-child{border-bottom:none}.timeline .when{font-family:var(--mono);font-size:11px;color:var(--text-faint);flex:none;width:62px;padding-top:2px}.timeline .what{flex:1;min-width:0}.login-page{display:flex;align-items:center;justify-content:center;height:100%;padding:24px}.login-card{width:100%;max-width:400px}.grid-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.tile{padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.tile .value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tile .label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.tile .delta{font-size:12px;color:var(--text-faint)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto}.tabs button{padding:8px 14px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);cursor:pointer;font-weight:500;white-space:nowrap}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.tabs button:hover{color:var(--text)}.chip{padding:3px 9px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-raised);font-size:12px;cursor:pointer}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mobile{max-width:560px;margin:0 auto}.mobile .btn{padding:12px 16px;font-size:15px}.mobile .status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(max-width:720px){.topbar{height:auto;padding:8px 12px;flex-wrap:wrap}.main{padding:10px}.counters{width:100%}}