:root{--bg:#f5f4f1;--surface:#fff;--surface-2:#faf9f6;--surface-3:#f0eeea;--border:#e5e2dc;--border-strong:#d4cfc6;--ink:#18171a;--ink-2:#4a4751;--ink-3:#807c87;--ink-4:#b3afb8;--accent:#df202e;--accent-hover:#c6001e;--accent-soft:#ffe7e4;--accent-ink:#97000f;--ok:#479c4d;--ok-soft:#dff6de;--warn:#dc9400;--warn-soft:#ffebcf;--info:#0c82bf;--info-soft:#def2ff;--danger:#df202e;--danger-soft:#ffe7e4;--radius:6px;--radius-lg:10px;--shadow-sm:0 1px 2px #14120f0a;--shadow:0 1px 3px #14120f0f, 0 8px 24px -12px #14120f14;--font-display:"Inter Tight", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}@supports (color:lab(0% 0 0)){:root{--accent:lab(49.0306% 69.7939 45.0284);--accent-hover:lab(42.0445% 69.9888 48.0381);--accent-soft:lab(93.8292% 12.2803 6.63641);--accent-ink:lab(30.3855% 70.3794 54.114);--ok:lab(57.6157% -39.2793 32.5965);--ok-soft:lab(94.7233% -11.1774 8.71127);--warn:lab(67.3107% 22.3394 78.3256);--warn-soft:lab(94.2525% 4.93851 18.9744);--info:lab(51.0956% -13.0174 -40.4934);--info-soft:lab(94.2386% -4.73431 -9.80622);--danger:lab(49.0306% 69.7939 45.0284);--danger-soft:lab(93.8292% 12.2803 6.63641)}}[data-theme=dark]{--bg:#0e0d10;--surface:#16151a;--surface-2:#1c1b21;--surface-3:#25232c;--border:#2a2830;--border-strong:#3a3742;--ink:#f2eee6;--ink-2:#c2bdb3;--ink-3:#8a8590;--ink-4:#5a5764;--accent:#ff5050;--accent-hover:#ff7c74;--accent-soft:#4f0a0d;--accent-ink:#ff8e86;--ok:#67bb6b;--ok-soft:#133015;--warn:#f2a618;--warn-soft:#3f2903;--info:#44a8e7;--info-soft:#042c43;--danger:#ff5050;--danger-soft:#4f0a0d;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 3px #0006, 0 8px 24px -12px #00000080}@supports (color:lab(0% 0 0)){[data-theme=dark]{--accent:lab(60.6642% 69.5199 42.4473);--accent-hover:lab(67.6402% 69.3801 41.5167);--accent-soft:lab(15.4636% 31.6767 18.8044);--accent-ink:lab(72.503% 62.8608 36.641);--ok:lab(69.2376% -39.2288 32.1095);--ok-soft:lab(17.2102% -16.8256 13.8896);--warn:lab(74.3059% 21.7583 74.0995);--warn-soft:lab(18.7387% 8.09276 25.6372);--info:lab(65.0902% -14.656 -40.7542);--info-soft:lab(16.4038% -6.20483 -18.7179);--danger:lab(60.6642% 69.5199 42.4473);--danger-soft:lab(15.4636% 31.6767 18.8044)}}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{background:var(--bg);grid-template-columns:248px 1fr;height:100vh;display:grid}.app.collapsed{grid-template-columns:64px 1fr}@media (max-width:900px){.app,.app.collapsed{grid-template-columns:1fr}.sidebar{display:none}.sidebar.mobile-open{z-index:100;width:280px;display:flex;position:fixed;inset:0}}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.sb-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px 18px 14px;display:flex}.sb-logo{background:var(--accent);color:#fff;width:30px;height:30px;font-family:var(--font-display);letter-spacing:-.04em;border-radius:6px;flex-shrink:0;place-items:center;font-size:16px;font-weight:800;display:grid}.sb-brand-text{flex-direction:column;gap:0;min-width:0;display:flex}.sb-brand-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:15px;font-weight:700}.sb-brand-sub{color:var(--ink-3);font-size:11px;font-family:var(--font-mono);letter-spacing:.02em}.collapsed .sb-brand-text{display:none}.collapsed .sb-brand{justify-content:center;padding:18px 14px}.sb-nav{flex:1;padding:10px 8px 16px;overflow-y:auto}.sb-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);font-size:10px;font-weight:600;font-family:var(--font-mono);padding:14px 12px 6px}.collapsed .sb-section-label{text-align:center;padding:14px 0 6px}.collapsed .sb-section-label span{display:none}.collapsed .sb-section-label:after{content:"."}.sb-link{border-radius:var(--radius);color:var(--ink-2);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:11px;width:100%;min-width:0;padding:8px 12px;font-size:13.5px;transition:background .12s,color .12s;display:flex;position:relative}.sb-link-text{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sb-link:hover{background:var(--surface-3);color:var(--ink)}.sb-link.active{background:var(--surface-3);color:var(--ink);font-weight:500}.sb-link.active:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:0}.sb-link-icon{width:18px;height:18px;color:var(--ink-3);flex-shrink:0;place-items:center;display:grid}.sb-link.active .sb-link-icon{color:var(--accent)}.sb-link-badge{font-family:var(--font-mono);background:var(--surface-3);color:var(--ink-2);border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10.5px}.sb-link-badge.danger{background:var(--accent);color:#fff}.collapsed .sb-link{justify-content:center;padding:9px}.collapsed .sb-link-text,.collapsed .sb-link-badge,.collapsed .sb-link.active:before{display:none}.collapsed .sb-link.active{background:var(--accent-soft);color:var(--accent-ink)}.collapsed .sb-link.active .sb-link-icon{color:var(--accent-ink)}.sb-foot{border-top:1px solid var(--border);align-items:center;gap:10px;padding:10px 12px;display:flex}.sb-foot-avatar{color:#fff;background:linear-gradient(135deg,#fa6863,#b93780);background:linear-gradient(135deg,lab(63.4204% 56.5783 32.9929),lab(45.3663% 57.0462 -11.1017));border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid}.sb-foot-info{flex-direction:column;flex:1;min-width:0;display:flex}.sb-foot-name{color:var(--ink);font-size:12.5px;font-weight:600}.sb-foot-status{color:var(--ink-3);font-size:10.5px;font-family:var(--font-mono);align-items:center;gap:5px;display:flex}.sb-foot-status:before{content:"";background:var(--ok);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in oklch, var(--ok), transparent 70%);border-radius:50%}.collapsed .sb-foot-info{display:none}.collapsed .sb-foot{justify-content:center;padding:10px}.main-col{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.tb-toggle{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:32px;height:32px;color:var(--ink-2);place-items:center;display:grid}.tb-toggle:hover{background:var(--surface-3);color:var(--ink)}.tb-crumbs{color:var(--ink-3);flex-shrink:0;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.tb-crumbs .current{color:var(--ink);font-weight:500}.tb-crumbs .sep{color:var(--ink-4)}.tb-search{flex:120px;min-width:0;max-width:380px;margin-left:auto;position:relative;overflow:hidden}@media (max-width:1100px){.tb-crumbs{display:none}}@media (max-width:1000px){.tb-search{display:none}}.tb-search input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);outline:none;width:100%;height:34px;padding:0 12px 0 34px;font-size:13px}.tb-search input:focus{border-color:var(--accent);background:var(--surface)}.tb-search-icon{color:var(--ink-3);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.tb-kbd{font-family:var(--font-mono);color:var(--ink-3);border:1px solid var(--border);background:var(--surface);border-radius:4px;padding:1px 5px;font-size:10.5px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.tb-icon-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:34px;height:34px;color:var(--ink-2);place-items:center;display:grid;position:relative}.tb-icon-btn:hover{background:var(--surface-3);color:var(--ink)}.tb-icon-btn .pip{background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.page{flex:1;padding:24px 28px 64px;animation:.28s pageIn;overflow-y:auto}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:600px){.page{padding:16px}}.page-hd{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-hd h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;margin:0 0 4px;font-size:28px;font-weight:600}.page-hd .sub{color:var(--ink-3);font-size:13.5px}.page-hd-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);height:34px;color:var(--ink);white-space:nowrap;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-3)}.btn.danger{color:var(--danger);border-color:color-mix(in oklch, var(--danger), transparent 70%)}.btn.danger:hover{background:var(--danger-soft)}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn.icon{justify-content:center;width:34px;padding:0}.btn.icon.sm{width:28px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s;overflow:hidden}.card:hover{border-color:var(--border-strong)}.drawer-bg{background:color-mix(in oklch, var(--ink), transparent 60%);z-index:150;animation:.15s bgIn;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--border);z-index:160;flex-direction:column;width:480px;max-width:100vw;animation:.25s cubic-bezier(.2,.8,.2,1) drawerIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 32px -8px #00000026}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-hd{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-bd{flex:1;padding:20px;overflow-y:auto}.drawer-ft{border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.card-hd{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.card-hd h3{font-size:14px;font-weight:600;font-family:var(--font-display);letter-spacing:-.005em;margin:0}.card-hd .sub{color:var(--ink-3);font-size:12px}.card-bd{padding:18px}.card-bd.flush{padding:0}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:16px 18px;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.stat:hover{border-color:var(--border-strong)}.stat:before{content:"";background:var(--accent);opacity:0;width:2px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0}.stat:hover:before{opacity:1}.stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600;font-family:var(--font-mono)}.stat-val{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-feature-settings:"tnum" 1;font-size:30px;font-weight:600;line-height:1.1}.stat-meta{color:var(--ink-3);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.delta{font-family:var(--font-mono);border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:11.5px;font-weight:600;display:inline-flex}.delta.up{color:var(--ok);background:var(--ok-soft)}.delta.dn{color:var(--danger);background:var(--danger-soft)}.delta.flat{color:var(--ink-3);background:var(--surface-3)}.stat-spark{opacity:.85;position:absolute;bottom:14px;right:16px}.grid{gap:16px;display:grid}.grid.c4{grid-template-columns:repeat(4,1fr)}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c2{grid-template-columns:repeat(2,1fr)}.grid.c2-3{grid-template-columns:2fr 1fr}.grid.c1-2{grid-template-columns:1fr 2fr}@media (max-width:1100px){.grid.c4,.grid.c3{grid-template-columns:repeat(2,1fr)}.grid.c2-3,.grid.c1-2{grid-template-columns:1fr}}@media (max-width:700px){.grid.c4,.grid.c3,.grid.c2{grid-template-columns:1fr}}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:600;font-family:var(--font-mono);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;padding:10px 16px}.tbl th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tbl th.sortable:hover{color:var(--ink)}.tbl td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.tbl tr:last-child td{border-bottom:none}.tbl tr.row-hover:hover td{background:var(--surface-2)}.tbl tbody tr{transition:background 80ms}.pill{font-size:11.5px;font-weight:500;font-family:var(--font-mono);background:var(--surface-3);color:var(--ink-2);border:1px solid var(--border);white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.pill:before{content:"";background:var(--ink-3);border-radius:50%;width:6px;height:6px}.pill.ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in oklch, var(--ok), transparent 75%)}.pill.ok:before{background:var(--ok);box-shadow:0 0 0 2px color-mix(in oklch, var(--ok), transparent 75%)}.pill.warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in oklch, var(--warn), transparent 75%)}.pill.warn:before{background:var(--warn)}.pill.danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in oklch, var(--danger), transparent 75%)}.pill.danger:before{background:var(--danger)}.pill.info{background:var(--info-soft);color:var(--info);border-color:color-mix(in oklch, var(--info), transparent 75%)}.pill.info:before{background:var(--info)}.pill.plain:before{display:none}.avatar{background:var(--surface-3);width:28px;height:28px;color:var(--ink-2);font-size:11px;font-weight:600;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.avatar.sm{width:22px;height:22px;font-size:10px}.avatar.lg{width:38px;height:38px;font-size:14px}.avatar.gradient-a{color:#fff;background:linear-gradient(135deg,#fa6863,#b93780);background:linear-gradient(135deg,lab(63.4204% 56.5783 32.9929),lab(45.3663% 57.0462 -11.1017))}.avatar.gradient-b{color:#fff;background:linear-gradient(135deg,#02a9f7,#615ed6);background:linear-gradient(135deg,lab(64.9622% -15.7836 -49.8049),lab(45.2841% 27.7799 -63.0038))}.avatar.gradient-c{color:#fff;background:linear-gradient(135deg,#61b565,#009495);background:linear-gradient(135deg,lab(66.9137% -39.237 32.1906),lab(55.4765% -59.0487 -17.326))}.avatar.gradient-d{color:#fff;background:linear-gradient(135deg,#eba941,#e75c3a);background:linear-gradient(135deg,lab(74.3749% 18.2478 61.1498),lab(57.836% 53.6725 47.8545))}.avatar.gradient-e{color:#fff;background:linear-gradient(135deg,#be64d2,#615ed6);background:linear-gradient(135deg,lab(56.643% 48.855 -41.6945),lab(45.2841% 27.7799 -63.0038))}.user-cell{align-items:center;gap:10px;min-width:0;display:flex}.user-name{color:var(--ink);font-weight:500}.user-tag{font-family:var(--font-mono);color:var(--ink-3);font-size:11.5px}.chart-wrap{padding:8px 8px 0}.chart-axis-y,.chart-axis-x{font-family:var(--font-mono);fill:var(--ink-4);font-size:10px}.chart-grid{stroke:var(--border);stroke-width:1px;stroke-dasharray:2 4}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:2000;stroke-dashoffset:2000px;animation:1.1s forwards drawLine}@keyframes drawLine{to{stroke-dashoffset:0}}.chart-area{fill:var(--accent);opacity:0;animation:.7s .5s forwards areaIn}@keyframes areaIn{to{opacity:.1}}.chart-line-2{fill:none;stroke:var(--info);stroke-width:2px;stroke-dasharray:4 3;opacity:0;animation:.6s .8s forwards lineFade}@keyframes lineFade{to{opacity:1}}.chart-dot{fill:var(--accent);stroke:var(--surface);stroke-width:2px}.chart-bar{fill:var(--accent);transform-origin:bottom;animation:.5s cubic-bezier(.2,.8,.2,1) backwards barIn}@keyframes barIn{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.chart-bar.muted{fill:var(--surface-3)}.feed{flex-direction:column;display:flex}.feed-item{border-bottom:1px solid var(--border);gap:12px;padding:12px 18px;display:flex;position:relative}.feed-item:last-child{border-bottom:none}.feed-item.fresh{animation:.35s fadeSlide}@keyframes fadeSlide{0%{background:var(--accent-soft);opacity:0;transform:translateY(-4px)}to{opacity:1;background:0 0;transform:translateY(0)}}.feed-icon{background:var(--surface-3);width:28px;height:28px;color:var(--ink-2);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.feed-icon.ok{background:var(--ok-soft);color:var(--ok)}.feed-icon.warn{background:var(--warn-soft);color:var(--warn)}.feed-icon.danger{background:var(--danger-soft);color:var(--danger)}.feed-icon.info{background:var(--info-soft);color:var(--info)}.feed-bd{flex:1;min-width:0}.feed-text{color:var(--ink);font-size:13px;line-height:1.45}.feed-text strong{font-weight:600}.feed-text code{font-family:var(--font-mono);background:var(--surface-3);color:var(--ink);border-radius:3px;padding:1px 5px;font-size:11.5px}.feed-meta{font-family:var(--font-mono);color:var(--ink-3);margin-top:3px;font-size:11px}.srv-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.srv-banner{background-blend-mode:overlay;background:linear-gradient(135deg,#2c6330 0%,#0d3811 100%),repeating-linear-gradient(90deg,#0000 0 7px,#0000001f 7px 8px);background:linear-gradient(135deg,lab(37.413% -28.0522 23.2407) 0%,lab(19.7532% -22.4924 19.0615) 100%),repeating-linear-gradient(90deg,#0000 0 7px,#0000001f 7px 8px);align-items:flex-end;height:80px;padding:12px 16px;display:flex;position:relative}.srv-banner.b{background:linear-gradient(135deg,#742e2b 0%,#400c0c 100%);background:linear-gradient(135deg,lab(29.4133% 31.413 18.2438) 0%,lab(12.195% 25.2733 13.8856) 100%)}.srv-banner.c{background:linear-gradient(135deg,#00537c 0%,#002c47 100%);background:linear-gradient(135deg,lab(32.5568% -9.54332 -31.0852) 0%,lab(16.2898% -6.31529 -24.7207) 100%)}.srv-banner.d{background:linear-gradient(135deg,#6a4400 0%,#3a2400 100%);background:linear-gradient(135deg,lab(32.5691% 14.2899 50.4234) 0%,lab(16.3126% 12.1759 30.4139) 100%)}.srv-banner-grid{pointer-events:none;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.srv-banner-name{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;z-index:1;font-size:18px;font-weight:600;position:relative}.srv-bd{flex-direction:column;flex:1;gap:12px;padding:14px 16px;display:flex}.srv-row{align-items:center;gap:10px;font-size:13px;display:flex}.srv-row-label{color:var(--ink-3);font-family:var(--font-mono);min-width:64px;font-size:11.5px}.srv-row-val{color:var(--ink);font-family:var(--font-mono);font-size:12px}.srv-foot{border-top:1px solid var(--border);background:var(--surface-2);gap:6px;padding:10px 16px;display:flex}.bar{background:var(--surface-3);border-radius:4px;height:6px;overflow:hidden}.bar-fill{background:var(--accent);height:100%;transition:width .35s}.bar-fill.ok{background:var(--ok)}.bar-fill.warn{background:var(--warn)}.bar-fill.danger{background:var(--danger)}.field{flex-direction:column;gap:6px;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11.5px;font-weight:600;font-family:var(--font-mono)}.input,.select,.textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:34px;color:var(--ink);outline:none;padding:0 10px;font-size:13px}.textarea{height:auto;font-family:var(--font-mono);resize:vertical;padding:8px 10px;font-size:12.5px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent), transparent 85%)}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%23808' d='M0 0h10L5 6z'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:26px}.switch{background:var(--border-strong);cursor:pointer;border-radius:99px;flex-shrink:0;width:32px;height:18px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch.on{background:var(--accent)}.switch.on:after{left:16px}.cbox{border:1.5px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:3px;place-items:center;width:16px;height:16px;display:grid}.cbox.on{background:var(--accent);border-color:var(--accent);color:#fff}.live-dot{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ok);text-transform:uppercase;align-items:center;gap:6px;font-size:10.5px;font-weight:600;display:inline-flex}.live-dot:before{content:"";background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 0 var(--ok);border-radius:50%;animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--ok), transparent 30%)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.toast-stack{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);min-width:280px;box-shadow:var(--shadow);align-items:flex-start;gap:10px;padding:10px 14px;animation:.25s toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast.ok{border-left-color:var(--ok)}.toast.warn{border-left-color:var(--warn)}.toast.danger{border-left-color:var(--danger)}.toast-title{font-size:13px;font-weight:600}.toast-msg{color:var(--ink-2);margin-top:2px;font-size:12.5px}.modal-bg{background:color-mix(in oklch, var(--ink), transparent 50%);z-index:150;place-items:center;padding:20px;animation:.15s bgIn;display:grid;position:fixed;inset:0}@keyframes bgIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:80vh;box-shadow:var(--shadow);flex-direction:column;animation:.2s modalIn;display:flex}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-hd{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-hd h2{font-family:var(--font-display);margin:0;font-size:17px;font-weight:600}.modal-bd{flex:1;padding:18px 20px;overflow-y:auto}.modal-ft{border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.term{color:#d8d4ca;border-radius:var(--radius-lg);font-family:var(--font-mono);background:#0a0a0c;border:1px solid #2a2830;flex-direction:column;padding:0;font-size:12.5px;display:flex;overflow:hidden}.term-hd{color:#8a8590;background:#16151a;border-bottom:1px solid #2a2830;align-items:center;gap:10px;padding:8px 14px;font-size:11.5px;display:flex}.term-bd{flex:1;min-height:220px;max-height:360px;padding:12px 14px;overflow-y:auto}.term-line{white-space:pre-wrap;word-break:break-word;line-height:1.5}.term-line .t-prompt{color:var(--accent);font-weight:600}.term-line .t-cmd{color:#f2eee6}.term-line .t-out{color:#a8a39a}.term-line .t-ok{color:#6ed274;color:lab(76.4344% -44.8513 36.877)}.term-line .t-err{color:#ff6964;color:lab(65.3152% 69.425 41.7948)}.term-line .t-info{color:#55b8f8;color:lab(70.9138% -15.1697 -40.8497)}.term-line .t-mute{color:#5a5764}.term-input{background:#0d0c10;border-top:1px solid #2a2830;align-items:center;gap:8px;padding:8px 14px;display:flex}.term-input input{color:#f2eee6;font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;font-size:12.5px}.tabs{border-bottom:1px solid var(--border);gap:2px;padding:0 18px;display:flex}.tab{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:13px;transition:color .12s,border-color .12s}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:500}.filters{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px;display:flex}.kbd{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface);color:var(--ink-2);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:10.5px}.empty{text-align:center;color:var(--ink-3);padding:36px 18px;font-size:13px}.skel{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-2) 50%, var(--surface-3) 75%);background-size:200% 100%;border-radius:4px;animation:1.4s infinite skel}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.gap-sm{gap:6px}.gap-lg{gap:16px}.muted{color:var(--ink-3)}.mono{font-family:var(--font-mono)}.tnum{font-feature-settings:"tnum" 1}.right{margin-left:auto}.nowrap{white-space:nowrap}.spread{justify-content:space-between;align-items:center;display:flex}.divider{background:var(--border);height:1px;margin:12px 0}.tag-list{flex-wrap:wrap;gap:6px;display:flex}@keyframes pageFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app-content>*{animation:.24s cubic-bezier(.2,.7,.2,1) pageFade}@keyframes chartDraw{0%{stroke-dashoffset:var(--len,1000)}to{stroke-dashoffset:0}}.linechart-path{stroke-dasharray:var(--len,1000);animation:.9s cubic-bezier(.2,.7,.2,1) both chartDraw}.linechart-area{animation:.7s .2s both pageFade}@keyframes barRise{0%{opacity:.4;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.bar-rect{transform-origin:bottom;animation:.5s cubic-bezier(.2,.8,.2,1) both barRise}@keyframes spinnerTwirl{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spinnerTwirl;display:inline-block}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--surface-2) 0%, var(--surface-3) 50%, var(--surface-2) 100%);background-size:800px 100%;border-radius:4px;animation:1.4s linear infinite shimmer}@keyframes drawerSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.drawer{animation:.26s cubic-bezier(.2,.7,.2,1) drawerSlide}.drawer-bg{animation:.2s pageFade}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal{animation:.22s cubic-bezier(.2,.7,.2,1) modalPop}.modal-bg{animation:.18s pageFade}@keyframes livePulse{0%,to{box-shadow:0 0 0 0 var(--ok);opacity:1}50%{opacity:.55;box-shadow:0 0 0 4px #0000}}.live-dot{background:var(--ok);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite livePulse;display:inline-block}.tbl tbody tr.row-hover{transition:background .12s}.card-link:hover{border-color:var(--border-strong);transition:border-color .15s}@keyframes numTick{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stat-val,.stat-tile-val{animation:.36s cubic-bezier(.2,.8,.2,1) both numTick}.sb-link{transition:background .12s,color .12s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sb-logo.warn{background:var(--warn-soft);color:var(--warn)}.login-shell{background:radial-gradient(circle at 20% 12%, color-mix(in oklch, var(--accent), transparent 82%), transparent 28%), linear-gradient(135deg, var(--bg), var(--surface-3));place-items:center;min-height:100vh;padding:24px;display:grid;overflow-x:hidden}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:440px;max-width:calc(100vw - 32px);box-shadow:var(--shadow);flex-direction:column;gap:20px;padding:24px;display:flex}.login-brand{align-items:center;gap:10px;display:flex}.login-card h1{font-family:var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;margin:0 0 6px;font-size:clamp(24px,7vw,30px);line-height:1.05}.login-card p{color:var(--ink-3);overflow-wrap:anywhere;margin:0}.login-cta{justify-content:center;width:100%}.notice{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--ink-2);padding:10px 12px;font-size:13px}.notice.danger{border-color:color-mix(in oklch, var(--danger), transparent 70%);background:var(--danger-soft);color:var(--danger)}.action-button-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.action-button-grid form,.action-button-grid button{width:100%}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.permission-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px 12px;font-size:13px;display:flex}.permission-card>span:first-child{min-width:0}.form-stack{flex-direction:column;gap:10px;display:flex}.form-grid{grid-template-columns:1fr 150px;gap:8px;display:grid}.inline-form{grid-template-columns:minmax(180px,1fr) 120px auto;align-items:center;gap:8px;display:grid}.role-dot{border-radius:4px;flex-shrink:0;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0000001f}.table-wrap{overflow-x:auto}.quote-input{min-height:112px}.quote-list{flex-direction:column;display:flex}.quote-item{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;padding:14px 18px;display:flex}.quote-item:last-child{border-bottom:0}.quote-item strong{font-weight:500}.log-details{max-width:420px;font-family:var(--font-mono);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.feed-item.compact{padding:9px 0}.empty.mini{padding:14px 0}.btn:disabled,.input:disabled,.select:disabled,.textarea:disabled{cursor:not-allowed;opacity:.55}.claude-dashboard-host{background:var(--bg);width:100vw;height:100vh;position:relative;overflow:hidden}.claude-dashboard-frame{background:var(--bg);border:0;width:100%;height:100%;display:block}.claude-dashboard-logout{z-index:20;position:fixed;bottom:18px;right:18px}.claude-dashboard-logout .btn{background:color-mix(in oklch, var(--surface), transparent 6%);box-shadow:var(--shadow)}.claude-route>section{display:none}.claude-route[data-selected-view=analytics]>#analytics,.claude-route[data-selected-view=commands]>#commands,.claude-route[data-selected-view=economy]>#economy,.claude-route[data-selected-view=members]>#members,.claude-route[data-selected-view=music]>#music,.claude-route[data-selected-view=scheduled]>#scheduled,.claude-route[data-selected-view=tickets]>#tickets,.claude-route[data-selected-view=design-backlog]>#design-backlog{display:block}@media (max-width:1100px){.permission-grid{grid-template-columns:1fr}}@media (max-width:760px){.action-button-grid,.form-grid,.inline-form{grid-template-columns:1fr}.quote-item{flex-direction:column}}@media (max-width:480px){.login-shell{padding:16px}.login-card{width:100%;max-width:none;padding:22px}}