@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-Ppvk0Q8J.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-BHGt_4Dy.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DE4PpeND.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--paper: #edf0f3;--surface: #ffffff;--surface-2: #f5f7f9;--surface-3: #e8ecf0;--ink: #17202b;--ink-2: #4b5765;--ink-3: #7a8592;--line: #d9dfe5;--line-2: #c5cdd6;--delft: #2446a6;--delft-2: #1b3887;--delft-soft: #e5ebf9;--delft-ink: #ffffff;--rail: #13203a;--rail-2: #1b2b4b;--rail-ink: #c4cee3;--rail-ink-2: #8b98b4;--lamp-idle: #12a05c;--lamp-ring: #f0a81c;--lamp-busy: #d8433e;--lamp-hold: #7c5bd3;--lamp-off: #a3acb7;--danger: #c23b36;--danger-soft: #fbeceb;--ok: #137a45;--ok-soft: #e6f5ec;--warn: #8a5a00;--warn-soft: #fdf3dc;--code-bg: #f3f5f8;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--grid: #e1e0d9;--focus: 0 0 0 3px rgba(36, 70, 166, .35);--shadow-float: 0 12px 32px rgba(17, 25, 40, .18), 0 2px 6px rgba(17, 25, 40, .08);--font: "Archivo Variable", "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--paper: #0f141a;--surface: #161d25;--surface-2: #1b232d;--surface-3: #232d39;--ink: #e3e8ee;--ink-2: #a8b3c0;--ink-3: #7c8896;--line: #29333f;--line-2: #364250;--delft: #6f8ff0;--delft-2: #8aa4f5;--delft-soft: #1e2a4a;--delft-ink: #0d1424;--rail: #0b111d;--rail-2: #16213a;--danger: #ef6b66;--danger-soft: #3a1d1d;--ok: #45c784;--ok-soft: #12301f;--warn: #f3c35b;--warn-soft: #33290f;--code-bg: #121820;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--grid: #2c2c2a;--focus: 0 0 0 3px rgba(111, 143, 240, .45);--shadow-float: 0 12px 32px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{color-scheme:dark;--paper: #0f141a;--surface: #161d25;--surface-2: #1b232d;--surface-3: #232d39;--ink: #e3e8ee;--ink-2: #a8b3c0;--ink-3: #7c8896;--line: #29333f;--line-2: #364250;--delft: #6f8ff0;--delft-2: #8aa4f5;--delft-soft: #1e2a4a;--delft-ink: #0d1424;--rail: #0b111d;--rail-2: #16213a;--danger: #ef6b66;--danger-soft: #3a1d1d;--ok: #45c784;--ok-soft: #12301f;--warn: #f3c35b;--warn-soft: #33290f;--code-bg: #121820;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--grid: #2c2c2a;--focus: 0 0 0 3px rgba(111, 143, 240, .45);--shadow-float: 0 12px 32px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.45;font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased}a{color:var(--delft);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:640;letter-spacing:-.01em}h1{font-size:22px;line-height:1.25}h2{font-size:16px;line-height:1.3}h3{font-size:14px}p{margin:0 0 8px}code,pre,.mono{font-family:var(--mono);font-size:12.5px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:12.5px}.nowrap{white-space:nowrap}.right{text-align:right}.grow{flex:1;min-width:0}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.row.top{align-items:flex-start}.stack{display:flex;flex-direction:column;gap:12px}.stack.tight{gap:6px}.hidden{display:none!important}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100%}.rail{background:var(--rail);color:var(--rail-ink);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{padding:18px 18px 14px;display:flex;gap:10px;align-items:center}.brand-mark{width:30px;height:30px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:5px;background:var(--rail-2);border-radius:8px}.brand-mark i{border-radius:50%;background:#5d6d8f}.brand-mark i:nth-child(1){background:var(--lamp-ring)}.brand-mark i:nth-child(4){background:var(--lamp-idle)}.brand-name{font-weight:700;color:#fff;font-size:15px;line-height:1.1;font-variation-settings:"wdth" 112}.brand-sub{font-size:11.5px;color:var(--rail-ink-2)}.nav-group{padding:10px 10px 4px}.nav-title{font-size:11.5px;color:var(--rail-ink-2);padding:0 8px 4px;font-weight:560}.nav a{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;color:var(--rail-ink);font-size:13.5px}.nav a:hover{background:var(--rail-2);text-decoration:none;color:#fff}.nav a.active{background:var(--delft);color:#fff}.nav a svg{width:16px;height:16px;flex:none;opacity:.9}.nav a .count{margin-left:auto;background:var(--lamp-ring);color:#2a1d00;border-radius:999px;padding:0 7px;font-size:11.5px;font-weight:650}.rail-foot{margin-top:auto;padding:12px 18px;font-size:11.5px;color:var(--rail-ink-2)}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:52px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:20}.topbar .menu-btn{display:none}.content{padding:22px 24px 48px;max-width:1480px;width:100%}.page-head{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-head p{margin:4px 0 0;color:var(--ink-2);max-width:70ch}@media (max-width: 900px){.shell{grid-template-columns:1fr}.rail{position:fixed;z-index:40;left:0;top:0;width:260px;transform:translate(-100%);transition:transform .2s}.rail.open{transform:none;box-shadow:var(--shadow-float)}.topbar .menu-btn{display:inline-flex}.content{padding:16px 16px 40px}.topbar{padding:0 12px;gap:8px}.conn-text,.topbar .user-name{display:none}}.conn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2)}.dot{width:8px;height:8px;border-radius:50%;background:var(--lamp-off);display:inline-block;flex:none}.dot.ok{background:var(--lamp-idle)}.dot.bad{background:var(--lamp-busy)}.dot.warn{background:var(--lamp-ring)}.lamp{width:12px;height:12px;border-radius:50%;flex:none;display:inline-block;background:var(--lamp-off);box-shadow:inset 0 -2px 3px #00000040,inset 0 2px 2px #ffffff59}.lamp.idle{background:var(--lamp-idle)}.lamp.ringing,.lamp.ringinuse{background:var(--lamp-ring);animation:lamp-blink .9s steps(2,start) infinite}.lamp.inuse,.lamp.busy{background:var(--lamp-busy)}.lamp.onhold{background:var(--lamp-hold)}.lamp.unavailable,.lamp.unknown,.lamp.removed{background:var(--lamp-off);opacity:.55}.lamp.paused{background:transparent;box-shadow:inset 0 0 0 3px var(--lamp-ring)}.lamp.dnd{background:transparent;box-shadow:inset 0 0 0 3px var(--lamp-busy)}@keyframes lamp-blink{to{visibility:hidden}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px}.panel-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);min-height:48px}.panel-head h2{font-size:14.5px}.panel-body{padding:14px 16px}.panel-body.flush{padding:0}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.side{grid-template-columns:minmax(0,1fr) 360px}.grid.side-l{grid-template-columns:380px minmax(0,1fr)}@media (max-width: 1100px){.grid.two,.grid.three,.grid.side,.grid.side-l{grid-template-columns:1fr}}.empty{padding:28px 16px;text-align:center;color:var(--ink-2)}.empty svg{width:22px;height:22px;color:var(--ink-3);margin-bottom:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:7px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;font-weight:560;font-size:13.5px;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.55;cursor:default}.btn svg{width:15px;height:15px}.btn.primary{background:var(--delft);border-color:var(--delft);color:var(--delft-ink)}.btn.primary:hover{background:var(--delft-2)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.btn.danger:hover{background:var(--danger-soft)}.btn.danger.solid{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.ok.solid{background:var(--lamp-idle);color:#fff;border-color:var(--lamp-idle)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-3)}.btn.small{height:26px;padding:0 8px;font-size:12.5px;border-radius:6px}.btn.icon{width:32px;padding:0}.btn.small.icon{width:26px}.btn.warn-solid{background:var(--lamp-ring);border-color:var(--lamp-ring);color:#2a1d00}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0;margin-left:-1px}.btn-group .btn:first-child{border-radius:7px 0 0 7px;margin-left:0}.btn-group .btn:last-child{border-radius:0 7px 7px 0}.btn-group .btn.on{background:var(--delft-soft);color:var(--delft);border-color:var(--delft);z-index:1}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>label,.label{font-size:12.5px;font-weight:560;color:var(--ink-2)}.field .hint{font-size:12px;color:var(--ink-3)}.field .err{font-size:12px;color:var(--danger)}.input,select.input,textarea.input{height:34px;width:100%;padding:0 10px;border-radius:6px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;font-size:13.5px}textarea.input{height:auto;min-height:80px;padding:8px 10px;line-height:1.45;resize:vertical}textarea.code{font-family:var(--mono);font-size:12.5px;min-height:60vh;white-space:pre;-moz-tab-size:8;tab-size:8}.input:focus{outline:none;border-color:var(--delft);box-shadow:var(--focus)}.input.small{height:28px;font-size:12.5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.form-grid .full{grid-column:1 / -1}@media (max-width: 700px){.form-grid{grid-template-columns:1fr}}.form-section{grid-column:1 / -1;padding-top:8px;margin-top:4px;border-top:1px solid var(--line)}.form-section h3{font-size:13.5px;color:var(--ink)}.form-section p{color:var(--ink-3);font-size:12.5px;margin:2px 0 0}.check{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:13.5px}.check input{margin:2px 0 0;width:16px;height:16px;accent-color:var(--delft);flex:none}.check .hint{display:block;font-size:12px;color:var(--ink-3)}.secret{display:flex;gap:6px}.secret .input{font-family:var(--mono);font-size:12.5px}.listedit{display:flex;flex-direction:column;gap:6px}.listedit .item{display:flex;gap:6px;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 4px 2px 10px;border-radius:999px;background:var(--surface-3);font-size:12.5px}.chip button{border:0;background:transparent;color:var(--ink-3);cursor:pointer;padding:2px 4px;border-radius:50%;display:inline-flex}.chip button:hover{color:var(--danger)}.chip svg{width:13px;height:13px}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;font-weight:560;font-size:12.5px;color:var(--ink-2);padding:8px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface)}.tbl td{padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td,.tbl tr.sub td{background:var(--surface-2)}.tbl td.actions{text-align:right;white-space:nowrap;width:1%}.tbl td.wrapcell{white-space:normal;min-width:220px;overflow-wrap:anywhere}.tbl td.nowrap{white-space:nowrap}.tbl th.num,.tbl td.num{text-align:right}.badge{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:560;background:var(--surface-3);color:var(--ink-2);white-space:nowrap}.badge.blue{background:var(--delft-soft);color:var(--delft)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.bad{background:var(--danger-soft);color:var(--danger)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge svg{width:12px;height:12px}.dir{display:inline-flex;width:22px;height:22px;border-radius:6px;align-items:center;justify-content:center;background:var(--surface-3);color:var(--ink-2)}.dir svg{width:14px;height:14px}.dir.in{color:var(--delft);background:var(--delft-soft)}.dir.missed{color:var(--danger);background:var(--danger-soft)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}.kpi{padding:12px 16px;border-right:1px solid var(--line)}.kpi:last-child{border-right:0}.kpi .k-label{font-size:12.5px;color:var(--ink-2)}.kpi .k-value{font-size:28px;font-weight:600;line-height:1.15;font-variation-settings:"wdth" 112;margin-top:2px}.kpi .k-sub{font-size:12px;color:var(--ink-3)}.lampfield{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));border-top:1px solid var(--line)}.lampfield .cell{background:var(--surface);box-shadow:inset -1px -1px 0 var(--line);padding:10px 12px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;min-height:58px}.lampfield .cell .lamp{grid-row:span 2;width:14px;height:14px}.lampfield .cell .ext{font-weight:640;font-variation-settings:"wdth" 115;font-variant-numeric:tabular-nums;font-size:15px;display:flex;gap:6px;align-items:baseline}.lampfield .cell .who{font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lampfield .cell .tag{font-size:11px;font-weight:600;color:var(--danger)}.lampfield .cell .tag.fwd{color:var(--delft)}.lampfield .cell .tag.src{color:var(--ink-3);font-weight:500;letter-spacing:0}.lampfield .cell.clickable{cursor:pointer}.lampfield .cell.clickable:hover{background:var(--surface-2)}.queue-card{padding:14px 16px;border-bottom:1px solid var(--line)}.queue-card:last-child{border-bottom:0}.queue-card .q-top{display:flex;align-items:baseline;gap:10px}.queue-card .q-name{font-weight:640;font-size:15px}.queue-card .q-wait{margin-left:auto;font-size:26px;font-weight:620;font-variation-settings:"wdth" 112;line-height:1}.queue-card .q-wait.hot{color:var(--danger)}.queue-card .q-meta{display:flex;gap:14px;font-size:12.5px;color:var(--ink-2);margin-top:6px;flex-wrap:wrap}.agents-line{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.agent-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 7px;border-radius:999px;border:1px solid var(--line);font-size:12.5px}.wallboard{min-height:100vh;background:var(--rail);color:#e8edf6;padding:28px 32px;display:flex;flex-direction:column;gap:22px}.wallboard .wb-head{display:flex;align-items:baseline;gap:16px}.wallboard .wb-head h1{font-size:26px;font-variation-settings:"wdth" 112}.wallboard .wb-clock{margin-left:auto;font-size:40px;font-weight:600;font-variation-settings:"wdth" 118;font-variant-numeric:tabular-nums}.wb-queues{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:18px}.wb-q{background:var(--rail-2);border-radius:14px;padding:20px 22px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px 12px}.wb-q h2{grid-column:1 / -1;font-size:22px;font-variation-settings:"wdth" 110;color:#fff;display:flex;align-items:center;gap:10px}.wb-stat .v{font-size:64px;line-height:1;font-weight:640;font-variation-settings:"wdth" 120;font-variant-numeric:tabular-nums;color:#fff}.wb-stat .v.hot{color:#ff7a72}.wb-stat .l{font-size:15px;color:#a9b6d0;margin-top:4px}.wb-stat.small .v{font-size:36px}.wb-agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.wb-agent{background:var(--rail-2);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;font-size:16px}.wb-agent .lamp{width:18px;height:18px}.wb-agent .t{margin-left:auto;font-variant-numeric:tabular-nums;color:#a9b6d0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a101c73;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto}.modal{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-float);width:100%;max-width:720px;display:flex;flex-direction:column;max-height:88vh}.modal.wide{max-width:980px}.modal.narrow{max-width:440px}.modal-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:16px}.modal-body{padding:16px 18px;overflow-y:auto}.modal-foot{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 12px 12px}.toasts{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 32px))}.toast{background:var(--ink);color:var(--surface);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow-float);font-size:13.5px;display:flex;gap:10px;align-items:flex-start}.toast.error{background:var(--danger);color:#fff}.toast.ok{background:var(--ok);color:#fff}.alert{padding:10px 14px;border-radius:8px;font-size:13.5px;display:flex;gap:10px;align-items:flex-start}.alert svg{width:16px;height:16px;flex:none;margin-top:2px}.alert.info{background:var(--delft-soft);color:var(--ink)}.alert.warn{background:var(--warn-soft);color:var(--ink)}.alert.error{background:var(--danger-soft);color:var(--ink)}.alert.ok{background:var(--ok-soft);color:var(--ink)}.menu{position:absolute;z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-float);padding:4px;min-width:200px}.menu button{display:flex;width:100%;align-items:center;gap:8px;padding:7px 10px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:13.5px;border-radius:6px;cursor:pointer;text-align:left}.menu button:hover{background:var(--surface-2)}.menu button svg{width:15px;height:15px;color:var(--ink-2)}.menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.rel{position:relative}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.tabs button{border:0;background:transparent;padding:8px 12px;font:inherit;font-size:13.5px;font-weight:560;color:var(--ink-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs button.on{color:var(--delft);border-bottom-color:var(--delft)}pre.diff,pre.log{background:var(--code-bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;overflow:auto;max-height:50vh;margin:0;line-height:1.5}pre.diff .add{color:var(--ok)}pre.diff .del{color:var(--danger)}pre.diff .hunk{color:var(--delft)}pre.log .e{color:var(--danger)}pre.log .w{color:var(--warn)}.status-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.status-switch button{border:1px solid var(--line-2);background:var(--surface);border-radius:10px;padding:12px 10px;font:inherit;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:6px;color:var(--ink)}.status-switch button .lamp{width:14px;height:14px}.status-switch button b{font-weight:640;font-size:14px}.status-switch button span{font-size:12px;color:var(--ink-2)}.status-switch button.on{border-color:var(--delft);box-shadow:inset 0 0 0 1px var(--delft);background:var(--delft-soft)}.callcard{border:1px solid var(--line);border-radius:10px;padding:16px}.callcard .who{font-size:22px;font-weight:640;font-variation-settings:"wdth" 108}.callcard .num{font-size:15px;color:var(--ink-2)}.callcard .timer{font-size:30px;font-weight:600;font-variation-settings:"wdth" 115;font-variant-numeric:tabular-nums}.pop{position:fixed;right:16px;top:64px;z-index:80;width:340px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-float);border-top:4px solid var(--lamp-ring);overflow:hidden}.pop-body{padding:14px 16px}.pop .who{font-size:19px;font-weight:650}.phone-fab{position:fixed;right:18px;bottom:18px;z-index:70}.phone-fab .btn{height:44px;border-radius:22px;padding:0 16px;box-shadow:var(--shadow-float)}.phone{position:fixed;right:18px;bottom:74px;z-index:70;width:300px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow-float);border:1px solid var(--line);overflow:hidden}.phone-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:12.5px}.phone-body{padding:12px;display:flex;flex-direction:column;gap:10px}.phone-display{font-size:22px;font-weight:600;text-align:center;font-variation-settings:"wdth" 112;min-height:32px;font-variant-numeric:tabular-nums}.dialpad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dialpad button{height:46px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:19px;font-weight:560;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.dialpad button small{font-size:9.5px;color:var(--ink-3);letter-spacing:.06em;margin-top:2px}.dialpad button:hover{background:var(--surface-2)}.chart{width:100%;display:block;overflow:visible}.chart .gridline{stroke:var(--grid);stroke-width:1}.chart .axis{fill:var(--ink-3);font-size:11px}.chart .baseline{stroke:var(--line-2)}.legend{display:flex;gap:14px;font-size:12.5px;color:var(--ink-2);flex-wrap:wrap}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.chart-tip{position:fixed;pointer-events:none;z-index:95;background:var(--ink);color:var(--surface);font-size:12px;padding:6px 9px;border-radius:6px;white-space:nowrap}.login{min-height:100vh;display:grid;grid-template-columns:1fr minmax(360px,460px)}.login-art{background:var(--rail);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:40px;color:#dbe3f3}.login-art .board{position:absolute;inset:40px 40px auto 40px;display:grid;grid-template-columns:repeat(8,1fr);gap:14px;opacity:.9}.login-art .board i{aspect-ratio:1;border-radius:50%;background:#2a3a5e;box-shadow:inset 0 -3px 5px #00000059,inset 0 3px 3px #ffffff14}.login-art .board i.g{background:var(--lamp-idle)}.login-art .board i.a{background:var(--lamp-ring)}.login-art .board i.r{background:var(--lamp-busy)}.login-art h1{font-size:40px;line-height:1.05;font-variation-settings:"wdth" 118;color:#fff;max-width:14ch}.login-art p{color:#a3b0cc;max-width:46ch;margin-top:10px}.login-form{background:var(--surface);display:flex;flex-direction:column;justify-content:center;padding:40px;gap:14px}@media (max-width: 800px){.login{grid-template-columns:1fr}.login-art{display:none}}audio.player{height:32px;width:100%;max-width:360px}.sep{height:1px;background:var(--line);margin:8px 0}.kbd{font-family:var(--mono);font-size:12px;background:var(--surface-3);padding:1px 6px;border-radius:4px}.lamp.ringing-static{background:var(--lamp-ring)}