@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--r-xs: 3px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--r-full: 9999px;--t-2xs: 10px;--t-xs: 11px;--t-sm: 12px;--t-base: 13px;--t-md: 14px;--t-lg: 16px;--t-xl: 20px;--t-2xl: 24px;--t-3xl: 32px;--side-w-expanded: 232px;--side-w-collapsed: 56px;--topbar-h: 48px;--role-cs: #0ea5e9;--role-admin: #8b5cf6;--role-sudo: #f59e0b;--ease-out: cubic-bezier(.2,.8,.2,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--row-h: 36px;--cell-px: 12px;--cell-py: 8px;--btn-h: 30px;--btn-px: 10px;--input-h: 30px;--st-ok: #16a34a;--st-warn: #f59e0b;--st-err: #ef4444;--st-info: #0ea5e9;--st-mut: #64748b}[data-density=compact]{--row-h: 28px;--cell-px: 10px;--cell-py: 4px;--btn-h: 26px;--btn-px: 8px;--input-h: 26px}[data-variant=saas][data-theme=light],[data-variant=saas]:not([data-theme]){--bg-app: #f7f8fa;--bg-surface: #ffffff;--bg-panel: #ffffff;--bg-subtle: #f3f4f7;--bg-hover: rgba(15, 23, 42, .04);--bg-active: rgba(79, 70, 229, .08);--bg-code: #f1f3f6;--bg-header: #fafbfc;--border: #e5e7eb;--border-strong:#d1d5db;--border-subtle:#eef0f3;--text: #0f172a;--text-2: #475569;--text-3: #64748b;--text-4: #94a3b8;--text-inv: #ffffff;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--accent-text: #ffffff;--side-bg: #ffffff;--side-border: #eaecef;--side-item: #475569;--side-item-hover: #0f172a;--side-item-active-bg: #eef2ff;--side-item-active: #4338ca;--side-section: #94a3b8;--topbar-bg: rgba(255,255,255,.85);--topbar-border:#eaecef;--shadow-xs: 0 1px 0 rgba(15,23,42,.04);--shadow-sm: 0 1px 2px rgba(15,23,42,.06);--shadow-md: 0 4px 12px -2px rgba(15,23,42,.08), 0 2px 4px -2px rgba(15,23,42,.04);--shadow-lg: 0 20px 40px -8px rgba(15,23,42,.15), 0 8px 16px -4px rgba(15,23,42,.08);--shadow-inset: inset 0 0 0 1px var(--border);--ok-bg: #dcfce7;--ok-text: #166534;--warn-bg: #fef3c7;--warn-text: #92400e;--err-bg: #fee2e2;--err-text: #991b1b;--info-bg: #dbeafe;--info-text: #1e40af;--mut-bg: #f1f5f9;--mut-text: #475569;--brand-bg: #ede9fe;--brand-text: #5b21b6}[data-variant=saas][data-theme=dark]{--bg-app: #0b0d12;--bg-surface: #11141b;--bg-panel: #141822;--bg-subtle: #0d1017;--bg-hover: rgba(255,255,255,.04);--bg-active: rgba(129,140,248,.14);--bg-code: #0d1017;--bg-header: #0f131a;--border: #232834;--border-strong:#2d3240;--border-subtle:#1a1e27;--text: #e5e7eb;--text-2: #9ca3af;--text-3: #6b7280;--text-4: #4b5563;--text-inv: #0b0d12;--accent: #818cf8;--accent-hover: #a5b4fc;--accent-soft: rgba(129,140,248,.14);--accent-text: #0b0d12;--side-bg: #0d1017;--side-border: #1a1e27;--side-item: #9ca3af;--side-item-hover: #e5e7eb;--side-item-active-bg: rgba(129,140,248,.14);--side-item-active: #c7d2fe;--side-section: #6b7280;--topbar-bg: rgba(13,16,23,.85);--topbar-border:#1a1e27;--shadow-xs: 0 1px 0 rgba(0,0,0,.35);--shadow-sm: 0 1px 2px rgba(0,0,0,.45);--shadow-md: 0 4px 12px -2px rgba(0,0,0,.5);--shadow-lg: 0 20px 40px -8px rgba(0,0,0,.7);--ok-bg: rgba(34,197,94,.14);--ok-text: #4ade80;--warn-bg: rgba(245,158,11,.14);--warn-text: #fbbf24;--err-bg: rgba(239,68,68,.14);--err-text: #f87171;--info-bg: rgba(14,165,233,.14);--info-text: #38bdf8;--mut-bg: rgba(148,163,184,.14);--mut-text: #94a3b8;--brand-bg: rgba(129,140,248,.14);--brand-text:#c7d2fe}[data-variant=dark-pro],[data-variant=dark-pro][data-theme=dark]{--bg-app: #07090d;--bg-surface: #0d1016;--bg-panel: #11151d;--bg-subtle: #090b11;--bg-hover: rgba(255,255,255,.035);--bg-active: rgba(34,211,238,.1);--bg-code: #0a0d13;--bg-header: #0b0e14;--border: #1b1f29;--border-strong:#252a36;--border-subtle:#13161e;--text: #e7ecf3;--text-2: #98a2b3;--text-3: #64708a;--text-4: #4a5269;--text-inv: #07090d;--accent: #22d3ee;--accent-hover: #67e8f9;--accent-soft: rgba(34,211,238,.12);--accent-text: #07090d;--side-bg: #07090d;--side-border: #13161e;--side-item: #8894a8;--side-item-hover: #e7ecf3;--side-item-active-bg: rgba(34,211,238,.1);--side-item-active: #67e8f9;--side-section: #4a5269;--topbar-bg: rgba(7,9,13,.9);--topbar-border:#13161e;--shadow-xs: 0 0 0 1px rgba(255,255,255,.02);--shadow-sm: 0 1px 2px rgba(0,0,0,.6);--shadow-md: 0 4px 12px -2px rgba(0,0,0,.7);--shadow-lg: 0 20px 40px -8px rgba(0,0,0,.85);--ok-bg: rgba(34,197,94,.12);--ok-text: #4ade80;--warn-bg: rgba(245,158,11,.14);--warn-text: #fbbf24;--err-bg: rgba(244,63,94,.14);--err-text: #fb7185;--info-bg: rgba(56,189,248,.14);--info-text: #7dd3fc;--mut-bg: rgba(148,163,184,.1);--mut-text: #94a3b8;--brand-bg: rgba(34,211,238,.14);--brand-text:#67e8f9}[data-variant=dark-pro][data-theme=light]{--bg-app: #f2f4f7;--bg-surface: #ffffff;--bg-panel: #ffffff;--bg-subtle: #eef1f5;--bg-hover: rgba(7,9,13,.04);--bg-active: rgba(6,182,212,.1);--bg-code: #eef1f5;--bg-header: #f7f9fb;--border: #e1e5eb;--border-strong:#c7cdd6;--border-subtle:#eef1f5;--text: #0b0e14;--text-2: #4a5269;--text-3: #64708a;--text-4: #8894a8;--text-inv: #ffffff;--accent: #0891b2;--accent-hover: #0e7490;--accent-soft: #ecfeff;--accent-text: #ffffff;--side-bg: #0b0e14;--side-border: #13161e;--side-item: #8894a8;--side-item-hover: #e7ecf3;--side-item-active-bg: rgba(34,211,238,.1);--side-item-active: #67e8f9;--side-section: #4a5269;--topbar-bg: rgba(255,255,255,.88);--topbar-border:#e1e5eb;--shadow-xs: 0 1px 0 rgba(11,14,20,.04);--shadow-sm: 0 1px 2px rgba(11,14,20,.06);--shadow-md: 0 4px 12px -2px rgba(11,14,20,.08);--shadow-lg: 0 20px 40px -8px rgba(11,14,20,.15);--ok-bg: #dcfce7;--ok-text: #166534;--warn-bg: #fef3c7;--warn-text: #92400e;--err-bg: #fee2e2;--err-text: #991b1b;--info-bg: #cffafe;--info-text: #155e75;--mut-bg: #f1f5f9;--mut-text: #475569;--brand-bg: #cffafe;--brand-text: #155e75}[data-variant=branded],[data-variant=branded][data-theme=light]{--bg-app: #faf8f5;--bg-surface: #ffffff;--bg-panel: #ffffff;--bg-subtle: #f5f2ec;--bg-hover: rgba(79,70,229,.06);--bg-active: rgba(79,70,229,.12);--bg-code: #f1eee7;--bg-header: #faf8f5;--border: #e8e3d8;--border-strong:#d6cfc0;--border-subtle:#f0ebe0;--text: #18181b;--text-2: #52525b;--text-3: #71717a;--text-4: #a1a1aa;--text-inv: #ffffff;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--accent-text: #ffffff;--side-bg: #1a1830;--side-border: #2a2850;--side-item: #b8b5d9;--side-item-hover: #ffffff;--side-item-active-bg: rgba(255,255,255,.09);--side-item-active: #ffffff;--side-section: #7672a5;--topbar-bg: rgba(250,248,245,.9);--topbar-border:#e8e3d8;--shadow-xs: 0 1px 0 rgba(24,24,27,.04);--shadow-sm: 0 1px 2px rgba(24,24,27,.06);--shadow-md: 0 4px 12px -2px rgba(24,24,27,.1), 0 2px 4px -2px rgba(24,24,27,.05);--shadow-lg: 0 20px 40px -8px rgba(24,24,27,.15);--ok-bg: #dcfce7;--ok-text: #166534;--warn-bg: #fef3c7;--warn-text: #92400e;--err-bg: #fee2e2;--err-text: #991b1b;--info-bg: #dbeafe;--info-text: #1e40af;--mut-bg: #f1eee7;--mut-text: #52525b;--brand-bg: #ede9fe;--brand-text: #5b21b6;--candy-pink: #ec4899;--candy-amber: #f59e0b;--candy-mint: #10b981}[data-variant=branded][data-theme=dark]{--bg-app: #0f0e1c;--bg-surface: #161530;--bg-panel: #1c1a38;--bg-subtle: #13122a;--bg-hover: rgba(255,255,255,.05);--bg-active: rgba(129,140,248,.18);--bg-code: #13122a;--bg-header: #13122a;--border: #2a2850;--border-strong:#3a3766;--border-subtle:#201e3e;--text: #f0eef5;--text-2: #b8b5d9;--text-3: #8d89b8;--text-4: #5f5c94;--text-inv: #0f0e1c;--accent: #a78bfa;--accent-hover: #c4b5fd;--accent-soft: rgba(167,139,250,.14);--accent-text: #0f0e1c;--side-bg: #0a0918;--side-border: #1c1a38;--side-item: #8d89b8;--side-item-hover: #f0eef5;--side-item-active-bg: rgba(167,139,250,.16);--side-item-active: #c4b5fd;--side-section: #5f5c94;--topbar-bg: rgba(15,14,28,.88);--topbar-border:#1c1a38;--shadow-xs: 0 0 0 1px rgba(255,255,255,.02);--shadow-sm: 0 1px 2px rgba(0,0,0,.6);--shadow-md: 0 4px 12px -2px rgba(0,0,0,.7);--shadow-lg: 0 20px 40px -8px rgba(0,0,0,.85);--ok-bg: rgba(34,197,94,.14);--ok-text: #4ade80;--warn-bg: rgba(245,158,11,.14);--warn-text: #fbbf24;--err-bg: rgba(239,68,68,.14);--err-text: #f87171;--info-bg: rgba(14,165,233,.14);--info-text: #38bdf8;--mut-bg: rgba(148,163,184,.12);--mut-text: #b8b5d9;--brand-bg: rgba(167,139,250,.16);--brand-text:#c4b5fd;--candy-pink: #f472b6;--candy-amber: #fbbf24;--candy-mint: #34d399}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--t-base);line-height:1.45;color:var(--text);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11","ss01"}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app{display:grid;grid-template-columns:var(--side-w-expanded) 1fr;height:100vh;overflow:hidden;background:var(--bg-app);color:var(--text)}.app.collapsed{grid-template-columns:var(--side-w-collapsed) 1fr}.side{background:var(--side-bg);border-right:1px solid var(--side-border);display:flex;flex-direction:column;overflow:hidden;height:100vh}.side-head{display:flex;align-items:center;padding:0 14px;height:var(--topbar-h);gap:10px;border-bottom:1px solid var(--side-border);flex-shrink:0}.side-head .logo-mark{flex-shrink:0}.side-head .logo-word{font-weight:700;font-size:15px;letter-spacing:-.02em;color:var(--side-item-hover);white-space:nowrap;transition:opacity .15s}.collapsed .side-head .logo-word{opacity:0;pointer-events:none}.side-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 6px 24px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.side-scroll::-webkit-scrollbar{width:6px}.side-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.nav-section{font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--side-section);padding:14px 14px 6px;white-space:nowrap;overflow:hidden}.collapsed .nav-section{padding:10px 6px 4px;text-align:center}.collapsed .nav-section span{display:none}.collapsed .nav-section:before{content:"···";letter-spacing:.05em}.nav-item{display:flex;align-items:center;gap:10px;padding:6px 10px;margin:1px 6px;border-radius:var(--r-md);color:var(--side-item);font-size:var(--t-base);font-weight:500;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .12s,background .12s;position:relative}.nav-item:hover{color:var(--side-item-hover);background:#ffffff08}[data-variant=saas] .nav-item:hover{background:var(--bg-hover)}[data-variant=dark-pro][data-theme=light] .nav-item:hover{background:#ffffff0f}.nav-item.active{background:var(--side-item-active-bg);color:var(--side-item-active);font-weight:600}.nav-item .ico{width:16px;height:16px;flex-shrink:0;opacity:.9}.nav-item.active .ico{opacity:1}.nav-item .caret{margin-left:auto;opacity:.5;transition:transform .15s}.nav-item.open .caret{transform:rotate(90deg)}.nav-item .lock{margin-left:auto;opacity:.45}.nav-item.disabled{opacity:.45;cursor:not-allowed}.nav-item.disabled:hover{background:transparent;color:var(--side-item)}.nav-sub{max-height:0;overflow:hidden;transition:max-height .2s var(--ease-out)}.nav-item.open+.nav-sub{max-height:500px}.collapsed .nav-sub{display:none}.nav-sub .nav-item{padding-left:36px;font-size:var(--t-sm);font-weight:400;margin:0 6px}.nav-sub .nav-item:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:1px;background:var(--side-border)}.nav-sub .nav-item.active:before{background:var(--side-item-active)}.collapsed .nav-item .label,.collapsed .nav-item .caret,.collapsed .nav-item .lock{display:none}.collapsed .nav-item{justify-content:center;padding:8px;margin:1px 8px}.side-foot{padding:10px;border-top:1px solid var(--side-border);flex-shrink:0}.collapse-btn{background:transparent;border:1px solid var(--side-border);color:var(--side-item);height:28px;width:28px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;margin-left:auto}.collapse-btn:hover{color:var(--side-item-hover);background:#ffffff0a}.main{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--topbar-border);display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0;position:relative;z-index:20}.crumbs{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:var(--t-base)}.crumbs .sep{color:var(--text-4)}.crumbs .cur{color:var(--text);font-weight:600}.topbar .spacer{flex:1}.search{display:flex;align-items:center;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);padding:0 10px;height:28px;width:280px;color:var(--text-3);font-size:var(--t-base);gap:8px}.search input{background:transparent;border:none;outline:none;color:var(--text);flex:1;font:inherit}.search kbd{font-family:var(--font-mono);font-size:10px;background:var(--bg-surface);border:1px solid var(--border);padding:1px 4px;border-radius:3px;color:var(--text-3)}.topbar-btn{height:28px;min-width:28px;padding:0 8px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);color:var(--text-2);font-size:var(--t-base);display:inline-flex;align-items:center;gap:6px}.topbar-btn:hover{background:var(--bg-hover);color:var(--text)}.role-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px 0 6px;border-radius:var(--r-full);font-size:var(--t-xs);font-weight:600;background:var(--bg-subtle);color:var(--text-2);border:1px solid var(--border)}.role-pill .dot{width:6px;height:6px;border-radius:50%}.role-pill.cs .dot{background:var(--role-cs)}.role-pill.admin .dot{background:var(--role-admin)}.role-pill.sudo .dot{background:var(--role-sudo)}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--accent-text)}.page{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.page::-webkit-scrollbar{width:10px;height:10px}.page::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.page::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.page-head{padding:20px 24px 16px;border-bottom:1px solid var(--border);background:var(--bg-header);position:sticky;top:0;z-index:5}.page-head h1{margin:0;font-size:var(--t-xl);font-weight:700;letter-spacing:-.02em}.page-head .sub{color:var(--text-3);font-size:var(--t-base);margin-top:2px}.page-head-row{display:flex;align-items:center;gap:12px}.page-head-row>.spacer{flex:1}.page-body{padding:20px 24px 40px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.panel-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-header);min-height:40px}.panel-head h3{margin:0;font-size:var(--t-base);font-weight:600;letter-spacing:-.005em}.panel-head .spacer{flex:1}.panel-body{padding:14px}.stat{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;position:relative;overflow:hidden}.stat .label{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--text-3)}.stat .value{font-size:26px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin-top:4px;color:var(--text)}.stat .value.mono{font-family:var(--font-mono);font-weight:600}.stat .delta{display:inline-flex;align-items:center;gap:3px;font-size:var(--t-xs);font-weight:600;margin-top:6px}.stat .delta.up{color:var(--ok-text)}.stat .delta.down{color:var(--err-text)}.stat .spark{position:absolute;right:12px;bottom:10px;opacity:.9}.stat .prefix{font-size:var(--t-base);color:var(--text-3);margin-right:4px}.btn{display:inline-flex;align-items:center;gap:6px;height:var(--btn-h);padding:0 var(--btn-px);font-size:var(--t-base);font-weight:500;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg-panel);color:var(--text);transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.btn:hover{background:var(--bg-hover);border-color:var(--text-4)}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{border-color:transparent;background:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--bg-hover);color:var(--text)}.btn.danger{color:var(--err-text);border-color:var(--err-text);background:transparent}.btn.danger:hover{background:var(--err-bg)}.btn.sm{height:24px;padding:0 8px;font-size:var(--t-sm)}.btn.icon-only{padding:0;width:var(--btn-h);justify-content:center}.ibtn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);color:var(--text-2)}.ibtn:hover{background:var(--bg-hover);color:var(--text)}.tag{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;font-size:var(--t-xs);font-weight:600;border-radius:var(--r-sm);background:var(--mut-bg);color:var(--mut-text);white-space:nowrap;font-variant-numeric:tabular-nums}.tag .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.tag.ok{background:var(--ok-bg);color:var(--ok-text)}.tag.warn{background:var(--warn-bg);color:var(--warn-text)}.tag.err{background:var(--err-bg);color:var(--err-text)}.tag.info{background:var(--info-bg);color:var(--info-text)}.tag.brand{background:var(--brand-bg);color:var(--brand-text)}.kbd{font-family:var(--font-mono);font-size:10px;background:var(--bg-code);border:1px solid var(--border);padding:1px 5px;border-radius:3px;color:var(--text-2)}.table{width:100%;border-collapse:collapse;font-size:var(--t-base)}.table thead th{position:sticky;top:0;background:var(--bg-header);text-align:left;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--text-3);padding:8px var(--cell-px);border-bottom:1px solid var(--border);white-space:nowrap;height:34px}.table tbody td{padding:var(--cell-py) var(--cell-px);border-bottom:1px solid var(--border-subtle);height:var(--row-h);vertical-align:middle}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:hover .row-actions{opacity:1}.table tbody tr.selected{background:var(--accent-soft)}.row-actions{opacity:0;display:flex;gap:2px;justify-content:flex-end;transition:opacity .1s}.cell-mono{font-family:var(--font-mono);font-size:var(--t-sm);color:var(--text-2);font-variant-numeric:tabular-nums}.cell-num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:var(--t-sm)}.cell-sub{color:var(--text-3);font-size:var(--t-sm)}.table-toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-header)}.filter-chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--r-sm);font-size:var(--t-sm);color:var(--text-2);font-weight:500}.filter-chip.active{border-style:solid;border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.filter-chip .value{color:var(--text);font-weight:600}.pager{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--border);color:var(--text-3);font-size:var(--t-sm);background:var(--bg-header)}.pager .spacer{flex:1}.input,.select{height:var(--input-h);padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-surface);color:var(--text);font:inherit;font-size:var(--t-base);outline:none}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--text-3)}.field .hint{font-size:var(--t-sm);color:var(--text-3)}.switch{position:relative;width:28px;height:16px;background:var(--border-strong);border-radius:10px;transition:background .15s;display:inline-block;cursor:pointer}.switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 2px #0003}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(12px)}.seg{display:inline-flex;background:var(--bg-subtle);padding:2px;border-radius:var(--r-md);border:1px solid var(--border)}.seg button{background:transparent;border:none;padding:4px 10px;font-size:var(--t-sm);font-weight:500;color:var(--text-3);border-radius:var(--r-sm)}.seg button.active{background:var(--bg-panel);color:var(--text);box-shadow:var(--shadow-xs)}.alert{display:flex;gap:12px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-panel);font-size:var(--t-base)}.alert .ico{flex-shrink:0;width:16px;height:16px;margin-top:1px}.alert .body{flex:1}.alert .body strong{font-weight:600}.alert .body p{margin:2px 0 0;color:var(--text-2);font-size:var(--t-sm)}.alert.err{border-color:color-mix(in srgb,var(--err-text) 30%,var(--border));background:var(--err-bg)}.alert.err .ico,.alert.err strong{color:var(--err-text)}.alert.warn{border-color:color-mix(in srgb,var(--warn-text) 30%,var(--border));background:var(--warn-bg)}.alert.warn .ico,.alert.warn strong{color:var(--warn-text)}.alert.info{border-color:color-mix(in srgb,var(--info-text) 30%,var(--border));background:var(--info-bg)}.alert.info .ico,.alert.info strong{color:var(--info-text)}.drawer-scrim{position:fixed;inset:0;background:#0006;z-index:60;opacity:0;pointer-events:none;transition:opacity .2s}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;right:0;width:560px;max-width:92vw;background:var(--bg-panel);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:61;transform:translate(100%);transition:transform .28s var(--ease-out);display:flex;flex-direction:column}.drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-head h2{margin:0;font-size:var(--t-lg);font-weight:700;letter-spacing:-.01em}.drawer-head .sub{font-size:var(--t-xs);color:var(--text-3);font-family:var(--font-mono);margin-top:2px}.drawer-body{flex:1;overflow-y:auto;padding:16px 18px}.drawer-foot{padding:12px 18px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;background:var(--bg-header);flex-shrink:0}.dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 16px;font-size:var(--t-base)}.dl dt{color:var(--text-3);font-size:var(--t-sm);font-weight:500}.dl dd{margin:0;color:var(--text)}.dl.bordered{border:1px solid var(--border);border-radius:var(--r-md);gap:0}.dl.bordered dt,.dl.bordered dd{padding:8px 12px;border-bottom:1px solid var(--border-subtle)}.dl.bordered dt{background:var(--bg-subtle);border-right:1px solid var(--border-subtle)}.dl.bordered dt:last-of-type,.dl.bordered dd:last-of-type{border-bottom:none}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);padding:0 14px}.tabs button{background:transparent;border:none;padding:10px 12px;font-size:var(--t-base);font-weight:500;color:var(--text-3);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--accent);border-color:var(--accent);font-weight:600}.tabs button .cnt{background:var(--bg-subtle);color:var(--text-3);font-size:10px;padding:1px 5px;border-radius:8px;font-weight:600;font-variant-numeric:tabular-nums}.tabs button.active .cnt{background:var(--accent-soft);color:var(--accent)}.hstack{display:flex;align-items:center;gap:8px}.vstack{display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}}.mute{color:var(--text-3)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacer{flex:1}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.loading{animation:pulse 1.4s infinite}@keyframes dc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:dc-spin 1.1s linear infinite}.empty-state{padding:32px 20px;text-align:center;color:var(--text-3);font-size:var(--t-sm)}.dot-health{width:8px;height:8px;border-radius:50%;display:inline-block;position:relative}.dot-health.ok{background:var(--ok-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok-text) 20%,transparent)}.dot-health.warn{background:var(--warn-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn-text) 20%,transparent)}.dot-health.err{background:var(--err-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--err-text) 20%,transparent)}.dot-health.err:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--err-text);opacity:.5;animation:ripple 1.6s ease-out infinite}@keyframes ripple{0%{transform:scale(.9);opacity:.5}to{transform:scale(2);opacity:0}}.spark path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.tweaks-panel{bottom:20px;top:auto!important}[data-variant=branded] .side-head{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}[data-variant=branded] .page-head{background:linear-gradient(180deg,var(--bg-header),var(--bg-app))}[data-variant=branded] .stat:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent);opacity:0;transition:opacity .15s}[data-variant=branded] .stat:hover:before{opacity:1}[data-variant=dark-pro] .table tbody td{border-bottom-color:var(--border-subtle)}[data-variant=dark-pro] .panel,[data-variant=dark-pro] .stat{border-radius:var(--r-md)}[data-variant=dark-pro] .btn{border-radius:var(--r-xs)}.login-stage{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg-app);padding:40px}.login-bg{position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--accent) 22%,transparent) 0%,transparent 38%),radial-gradient(circle at 82% 82%,color-mix(in srgb,var(--brand-text, var(--accent)) 18%,transparent) 0%,transparent 42%);pointer-events:none;z-index:0}.login-card{position:relative;z-index:1;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:32px 36px 24px}.login-brand{display:flex;align-items:center;gap:10px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--border-subtle)}.login-title{margin:0 0 6px;font-size:22px;font-weight:700;letter-spacing:-.02em}.login-sub{margin:0 0 22px;color:var(--text-3);font-size:var(--t-base)}.mfa-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:6px}.mfa-cell{height:52px;text-align:center;font-family:var(--font-mono);font-size:22px;font-weight:600;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);outline:none;transition:border-color .12s,background .12s}.mfa-cell:focus{border-color:var(--accent);background:var(--bg-panel)}.login-foot{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-4)}.login-foot a{color:var(--text-3);text-decoration:none}.login-foot a:hover{color:var(--accent)}.login-foot .spacer{flex:1}.login-foot .mono{font-family:var(--font-mono)}.input{height:34px;padding:0 10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:var(--t-base);outline:none;transition:border-color .12s,box-shadow .12s;font-family:inherit}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}