:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f6f3;background:#0b0c0e;font-synthesis:none;--surface: #15171a;--surface-2: #1d2024;--line: #2c3036;--muted: #999fa8;--accent: #b6ff5c;--danger: #ff5f5f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 0%,#182116 0,transparent 28rem),#0b0c0e}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}h1{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.055em;margin:.25rem 0 1.6rem;line-height:1}h2{letter-spacing:-.025em}p{line-height:1.6}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#0b0c0ee0;backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:12px;font-size:1.12rem;margin:0 8px 42px}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--accent);color:#10130d;font-weight:900;font-size:1.6rem;box-shadow:0 0 50px #b6ff5c35}.brand-mark.small{width:34px;height:34px;border-radius:11px;font-size:1rem}nav{display:grid;gap:6px}nav a{color:var(--muted);padding:12px 14px;border-radius:10px;transition:.15s ease}nav a:hover,nav a.router-link-active{color:#fff;background:var(--surface-2)}.account{margin-top:auto;border-top:1px solid var(--line);padding:20px 8px 0;display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;overflow:hidden}.account img{width:36px;height:36px;border-radius:50%}.account div{min-width:0}.account strong,.account span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account span{color:var(--muted);font-size:.75rem}.account button{grid-column:2;justify-self:start}.content{width:min(1280px,100%);padding:56px clamp(24px,5vw,76px);margin:0 auto}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;position:relative}.panel{background:linear-gradient(145deg,#17191c,#121416);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,4vw,42px);box-shadow:0 24px 80px #0004}.panel.compact{padding:26px}.eyebrow{color:var(--accent);letter-spacing:.16em;font-size:.71rem;font-weight:800;margin:0 0 10px}.muted,.fine-print{color:var(--muted)}.fine-print{font-size:.77rem;line-height:1.5}label{display:grid;gap:8px;color:#d8d9d6;font-size:.83rem;margin:18px 0}input,select{width:100%;border:1px solid var(--line);background:#0d0f11;color:#fff;padding:14px 15px;border-radius:11px;outline:none}input:focus,select:focus{border-color:#718f4c;box-shadow:0 0 0 3px #b6ff5c12}button.primary,button.secondary,button.danger{border:0;border-radius:11px;padding:13px 18px;font-weight:750}.primary{background:var(--accent);color:#10130d}.secondary{background:#292d32;color:#fff}.danger{background:var(--danger);color:#190303}.wide{width:100%;margin:22px 0}.call-button{margin-top:18px;width:100%;padding:17px!important}.text-button{border:0;padding:0;background:transparent;color:var(--accent);font-size:.78rem}.notice,.error{border-radius:10px;padding:10px 12px;font-size:.82rem}.notice{background:#bdff5c12;color:#d8ffab}.error{background:#ff5f5f15;color:#ff9b9b}.active-call{text-align:center}.active-call .status{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.active-call h2{font-size:2rem}.pulse{width:82px;height:82px;background:#b6ff5c10;border-radius:50%;margin:10px auto 22px;display:grid;place-items:center;animation:pulse 2s infinite}.pulse span{width:46px;height:46px;border-radius:50%;background:var(--accent)}@keyframes pulse{50%{box-shadow:0 0 0 22px #b6ff5c05}}.keypad{display:grid;grid-template-columns:repeat(3,58px);justify-content:center;gap:10px;margin:28px 0}.keypad button{border:1px solid var(--line);border-radius:50%;width:58px;height:58px;background:var(--surface-2);color:#fff;font-size:1.2rem}.call-controls{display:flex;justify-content:center;gap:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{padding:15px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.badge{font-size:.68rem;padding:5px 8px;border-radius:99px;background:#ffffff0b}.empty{padding:34px;color:var(--muted);text-align:center}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:24px 0}.panel.stat{padding:24px}.stat p,.stat span{color:var(--muted);margin:0;font-size:.78rem}.stat strong{display:block;font-size:2rem;margin:8px 0}.integration-state{display:flex;gap:12px;align-items:center;background:#ffffff05;padding:14px;border-radius:12px}.integration-state p{margin:2px 0 0;color:var(--muted);font-size:.78rem}.dot{width:10px;height:10px;border-radius:50%;background:#777}.dot.ready{background:var(--accent);box-shadow:0 0 12px var(--accent)}.dot.error{background:var(--danger)}.dot.provisioning{background:#ffd75c}label.toggle{grid-template-columns:auto 1fr;align-items:center}.toggle input{width:18px;height:18px}.toast{position:fixed;right:24px;bottom:24px;padding:12px 16px;border-radius:10px;background:var(--accent);color:#10130d;font-size:.82rem}.login-shell,.loading-screen{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(520px,100%);padding:54px;border-radius:30px;background:#141619dd;border:1px solid var(--line);box-shadow:0 40px 140px #000a}.login-card .brand-mark{margin-bottom:34px}.login-card h1{font-size:3.4rem}.login-card .fine-print{text-align:center}@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:14px 18px;border-right:0;border-bottom:1px solid var(--line)}.logo{margin:0 0 12px}.sidebar nav{display:flex;overflow-x:auto}.account{display:none}.content{padding:34px 18px 80px}.page-grid,.settings-grid{grid-template-columns:1fr}.login-card{padding:34px 24px}.login-card h1{font-size:2.6rem}}