:root{color-scheme:light;font-family:ui-sans-serif,system-ui,sans-serif;--bg: #f5f5f4;--surface: #ffffff;--surface-muted: #fafaf9;--text: #1c1917;--muted: #6b625c;--border: #d8d3ce;--primary: #57534e;--primary-text: #ffffff;--danger: #9f1239;--success: #166534;--warning: #92400e;--focus: #a8a29e;--ring-bg: #fee2e2;--ring-border: #f43f5e;--ring-text: #881337}:root[data-theme=dark]{color-scheme:dark;--bg: #0c0a09;--surface: #1c1917;--surface-muted: #292524;--text: #fafaf9;--muted: #a8a29e;--border: #44403c;--primary: #d6d3d1;--primary-text: #1c1917;--danger: #fda4af;--success: #86efac;--warning: #fbbf24;--focus: #d6d3d1;--ring-bg: #4c0519;--ring-border: #fb7185;--ring-text: #ffe4e6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0c0a09;--surface: #1c1917;--surface-muted: #292524;--text: #fafaf9;--muted: #a8a29e;--border: #44403c;--primary: #d6d3d1;--primary-text: #1c1917;--danger: #fda4af;--success: #86efac;--warning: #fbbf24;--focus: #d6d3d1;--ring-bg: #4c0519;--ring-border: #fb7185;--ring-text: #ffe4e6}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:20px 16px}.brand{display:block;font-weight:700;margin-bottom:24px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{padding:8px 10px;border-radius:8px;color:var(--muted)}.sidebar nav a.router-link-active,.sidebar nav a:hover{background:var(--surface-muted);color:var(--text)}.content-shell{min-width:0}.topbar{height:56px;border-bottom:1px solid var(--border);display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0 24px;background:var(--surface)}main{padding:24px;max-width:1320px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}h1{font-size:24px;line-height:1.2;margin:0;font-weight:650}h2{font-size:17px;margin:0 0 12px}p{margin:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px}.button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 12px;cursor:pointer}.button:hover{background:var(--surface-muted)}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.button-row,.form-actions,.page-actions{display:flex;gap:8px;align-items:center}.inline-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.stack{display:grid;gap:6px}.stack.compact{gap:3px;font-size:13px}label{display:grid;gap:6px;font-size:14px;color:var(--muted)}input,select{width:100%;border:1px solid var(--border);border-radius:8px;padding:9px 10px;background:var(--surface);color:var(--text)}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid h2,.form-grid .form-actions,.form-grid .error,.form-grid .success,.form-grid .muted,.form-grid .warning,.form-grid .active-days-field{grid-column:1 / -1}.active-days-field{display:grid;gap:12px}.active-day-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.active-day-option{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text);background:var(--surface-muted)}.active-day-option input{width:auto}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;vertical-align:top}th{color:var(--muted);font-size:13px;font-weight:650;background:var(--surface-muted)}tbody tr:last-child td{border-bottom:0}.status-text{font-weight:600}.tabs{display:flex;gap:12px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.tabs a{padding:10px 0;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tabs a.router-link-active{color:var(--text);border-bottom-color:var(--primary)}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.facts h2,.facts details{grid-column:1 / -1}.facts div{display:grid;gap:4px}.facts strong{color:var(--muted);font-size:13px}.two-column,.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-card{min-height:320px}.chart-frame{height:240px}.status-pill{display:inline-flex;width:max-content;align-items:center;border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:13px;color:var(--muted)}.status-pill.live{color:var(--success);border-color:var(--success)}.status-pill.reconnecting{color:var(--warning);border-color:var(--warning)}.status-pill.disconnected{color:var(--danger);border-color:var(--danger)}.event-strip{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.event-strip:last-child{border-bottom:0}.phone-stage{display:grid;gap:16px;position:relative;overflow:hidden}.phone-stage.ringing{border-color:var(--ring-border);background:linear-gradient(135deg,var(--surface),var(--ring-bg))}.phone-stage.active{border-color:var(--success)}.phone-hero{display:grid;grid-template-columns:128px minmax(0,1fr);gap:18px;align-items:center}.phone-orb{width:128px;height:128px;border-radius:999px;display:grid;place-items:center;text-align:center;padding:14px;border:1px solid var(--border);background:var(--surface-muted);color:var(--muted);font-weight:700}.phone-orb.ringing{color:var(--ring-text);border-color:var(--ring-border);background:var(--ring-bg);animation:phone-ring-pulse 1.2s ease-in-out infinite}.incoming-card{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--ring-border);border-radius:10px;padding:14px;background:var(--ring-bg);color:var(--ring-text)}.active-call-card{border-color:var(--success);background:var(--surface-muted);color:var(--text)}@keyframes phone-ring-pulse{0%,to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--ring-border) 45%,transparent)}50%{transform:scale(1.04);box-shadow:0 0 0 14px color-mix(in srgb,var(--ring-border) 0%,transparent)}}.error{color:var(--danger)}.success{color:var(--success)}.warning{color:var(--warning)}.muted{color:var(--muted)}.language-switcher{display:flex;align-items:center;gap:8px}.language-switcher select{width:auto}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);display:grid;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px}.login-tools{display:flex;justify-content:flex-end}.toast-region{position:fixed;right:16px;bottom:16px}pre{white-space:pre-wrap;margin:0;color:var(--muted)}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:16px}.page-header,.topbar{align-items:flex-start}.form-grid,.facts,.active-day-options,.phone-hero,.two-column,.chart-grid,.event-strip{grid-template-columns:1fr}.incoming-card{align-items:stretch;flex-direction:column}}