:root{--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--mono:ui-monospace, "Cascadia Mono", "JetBrains Mono", Consolas, "SFMono-Regular", Menlo, monospace;--fs:14px;--sidebar-w:220px;--topbar-h:56px;--shell-gap:10px;--content-max:1480px;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:18px;--r-pill:999px;--control-h:34px;--control-h-sm:28px;--z-topbar:30;--z-sidebar:40;--z-modal:100;--z-toast:120;--brand-blue:#4f8cff;--brand-violet:#8b5cf6;--brand-gradient:linear-gradient(135deg, #4f8cff 0%, #7c6cff 55%, #a855f7 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#1c2447;--bg-mist:linear-gradient(180deg, #ffffff1a 0%, #ffffff08 30%, #fff0 60%);--bg-glow-1:radial-gradient(1500px 1000px at -10% -20%, #6096ff29, transparent 65%);--bg-glow-2:radial-gradient(1300px 900px at 110% -5%, #b278ff24, transparent 65%);--bg-glow-3:radial-gradient(1100px 800px at 70% 115%, #ff968214, transparent 65%);--bg-base:linear-gradient(165deg, #232c55 0%, #202850 50%, #252c58 100%);--bg-ambient:var(--bg-mist), var(--bg-glow-1), var(--bg-glow-2), var(--bg-glow-3), var(--bg-base);--c-surface:#ffffff13;--c-surface-2:#ffffff0d;--c-surface-3:#ffffff1a;--c-line:#ffffff1f;--c-line-strong:#ffffff38;--c-text:#f3f5fb;--c-text-2:#c0c8dc;--c-text-3:#8f9ab3;--c-hover:#ffffff14;--c-backdrop:#0a0e208c;--c-primary:#ef813b;--c-primary-hover:#f7934f;--c-primary-soft:#ef813b24;--c-primary-line:#ef813b61;--c-primary-ink:#ffb27a;--c-primary-glow:#ef813b47;--c-green:#3ecf8e;--c-green-bg:#3ecf8e1f;--c-green-line:#3ecf8e52;--c-blue:#7b9cff;--c-blue-bg:#7b9cff1f;--c-blue-line:#7b9cff52;--c-red:#ff6b6b;--c-red-bg:#ff6b6b1f;--c-red-line:#ff6b6b52;--c-amber:#f5b544;--c-amber-bg:#f5b5441f;--c-amber-line:#f5b54457;--c-gray:#aab4ca;--c-gray-bg:#ffffff0f;--c-gray-line:#ffffff24;--c-glass-solid:#262f58;--shadow-sm:0 1px 2px #0a0e282e;--shadow-md:0 6px 18px #0a0e2838;--shadow-lg:0 20px 56px #0a0e2861;--focus-ring:0 0 0 3px var(--c-primary-glow);--c-scroll:#ffffff2e;--c-scroll-hover:#ffffff4d;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23aab4ca' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--glass-dur:.16s;--glass-ease:ease-out;--motion-fast:.14s;--motion-base:.22s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-emphasized:cubic-bezier(.16, 1, .3, 1);--glass-blur:10px;--glass-blur-shell:12px;--glass-saturate:1.3;--backdrop-blur:6px;--glass-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));--glass-filter-shell:blur(var(--glass-blur-shell)) saturate(var(--glass-saturate));--glass-fill:#ffffff1a;--glass-fill-hover:#ffffff29;--glass-fill-active:#ffffff14;--glass-fill-strong:#ffffff2e;--glass-fill-soft:#ffffff0f;--glass-shell:#ffffff17;--glass-bar:#ffffff0f;--glass-modal:#202850db;--glass-knob:#fffffff0;--glass-line:#ffffff38;--glass-line-hover:#ffffff5c;--glass-line-soft:#ffffff26;--glass-top:inset 0 1px 0 #ffffff59;--glass-top-soft:inset 0 1px 0 #ffffff2e;--glass-shadow:0 8px 24px #080c2047;--glass-shadow-hover:0 12px 30px #080c2057;--glass-shadow-sm:0 3px 10px #080c2038;--glass-shadow-lg:0 18px 48px #080c2052;--glass-press:inset 0 2px 6px #00000038;--glass-accent:#7c6cff;--glass-tint-primary:linear-gradient(135deg, #6096ff73, #a86eff73);--glass-glow-primary:0 10px 28px #7c6cff59;--glass-glow-primary-hover:0 14px 34px #7c6cff7a;--glass-glow-soft:#7c6cff38;--glass-tint-danger:linear-gradient(135deg, #ff6b6b6b, #ff527a6b);--glass-glow-danger:0 10px 28px #ff6b6b52;--glass-glow-danger-hover:0 14px 34px #ff6b6b70;--glass-focus-line:#a492ffd9;--glass-ring:0 0 0 3px var(--glass-glow-soft);--glass-groove:#0000002e;--glass-groove-hover:#00000038;--glass-groove-line:#ffffff24;--glass-groove-line-hover:#ffffff42;--glass-groove-shadow:inset 0 1px 3px #00000042, inset 0 -1px 0 #ffffff0d;--glass-ink:#fff;--glass-ink-primary:#fff;--glass-ink-danger:#fff;--c-nav-active:#ef813b29;--c-nav-active-line:#ef813b4d;--c-sidebar-text:#c0c8dc;--c-sidebar-text-strong:#fff;--c-sidebar-text-dim:#8590ab}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#e9edf7;--bg-mist:none;--bg-glow-1:radial-gradient(1500px 1000px at -10% -20%, #6096ff38, transparent 65%);--bg-glow-2:radial-gradient(1300px 900px at 110% -5%, #b278ff2e, transparent 65%);--bg-glow-3:radial-gradient(1100px 800px at 70% 115%, #ffaa8224, transparent 65%);--bg-base:linear-gradient(165deg, #f3f5fb 0%, #e9edf7 50%, #eef0f9 100%);--c-surface:#ffffffb8;--c-surface-2:#10182808;--c-surface-3:#1018280f;--c-line:#1018281a;--c-line-strong:#10182833;--c-text:#141a2e;--c-text-2:#3f4a66;--c-text-3:#717c99;--c-hover:#1018280d;--c-backdrop:#1e243c59;--c-primary-ink:#c2561a;--c-green:#1f9d66;--c-blue:#3b5fd9;--c-red:#d6453f;--c-amber:#b8780f;--c-gray:#5d687f;--c-gray-bg:#1018280d;--c-gray-line:#1018281f;--c-glass-solid:#fff;--shadow-sm:0 1px 2px #141e3c0f;--shadow-md:0 6px 18px #141e3c1a;--shadow-lg:0 20px 56px #141e3c2e;--c-scroll:#1018282e;--c-scroll-hover:#1018284d;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235d687f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--glass-fill:#ffffff9e;--glass-fill-hover:#ffffffd1;--glass-fill-active:#ffffff80;--glass-fill-strong:#ffffffe6;--glass-fill-soft:#fff6;--glass-shell:#ffffffb8;--glass-bar:#ffffffb8;--glass-modal:#fffffff0;--glass-line:#10182824;--glass-line-hover:#10182842;--glass-line-soft:#1018281a;--glass-top:inset 0 1px 0 #ffffffe6;--glass-top-soft:inset 0 1px 0 #fff9;--glass-shadow:0 8px 24px #141e3c1a;--glass-shadow-hover:0 12px 30px #141e3c24;--glass-shadow-sm:0 3px 10px #141e3c14;--glass-shadow-lg:0 18px 48px #141e3c29;--glass-press:inset 0 2px 6px #141e3c1f;--glass-tint-primary:linear-gradient(135deg, #4f8cffd9, #8b5cf6d9);--glass-glow-primary:0 10px 28px #7c6cff47;--glass-glow-primary-hover:0 14px 34px #7c6cff61;--glass-glow-soft:#7c6cff2e;--glass-tint-danger:linear-gradient(135deg, #e65050d9, #f0466ed9);--glass-focus-line:#7c6cffd9;--glass-groove:#ffffffb3;--glass-groove-hover:#ffffffe6;--glass-groove-line:#10182824;--glass-groove-line-hover:#10182842;--glass-groove-shadow:inset 0 1px 2px #141e3c14;--glass-ink:#141a2e;--c-sidebar-text:#3f4a66;--c-sidebar-text-strong:#141a2e;--c-sidebar-text-dim:#717c99}*,:before,:after{box-sizing:border-box}html{font-size:var(--fs);-webkit-text-size-adjust:100%}body{min-width:320px;font-family:var(--font);font-size:var(--fs);color:var(--c-text);background-color:var(--c-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}body:before{content:"";z-index:-1;pointer-events:none;background-color:var(--c-bg);background-image:var(--bg-ambient);background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}h1,h2,h3,h4,p,dl,dd,figure,pre{margin:0}small{font-size:12px}svg{flex-shrink:0}[hidden]{display:none!important}::selection{background:var(--c-primary-glow)}::placeholder{color:var(--c-text-3);opacity:1}a{color:var(--c-primary-ink);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:12.5px}code{background:var(--c-gray-bg);border-radius:var(--r-xs);padding:1px 5px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}input:where(:not([type=checkbox]):not([type=radio])),textarea,select{width:100%;min-height:var(--control-h);border:1px solid var(--glass-groove-line);border-radius:var(--r-md);background:var(--glass-groove);color:var(--c-text);box-shadow:var(--glass-groove-shadow);font:inherit;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);transition:border-color var(--glass-dur) var(--glass-ease), box-shadow var(--glass-dur) var(--glass-ease), background-color var(--glass-dur) var(--glass-ease);padding:6px 12px;font-size:13px;line-height:1.4}input:where(:not([type=checkbox]):not([type=radio]):not(:disabled):not([readonly]):not(:focus)):hover,textarea:where(:not(:disabled):not(:focus)):hover,select:where(:not(:disabled):not(:focus)):hover{border-color:var(--glass-groove-line-hover);background-color:var(--glass-groove-hover)}input:where(:not([type=checkbox]):not([type=radio])):focus,textarea:focus,select:focus{border-color:var(--glass-focus-line);box-shadow:var(--glass-groove-shadow), var(--glass-ring);outline:none}input[readonly]{background:var(--c-surface-2);color:var(--c-text-2);box-shadow:none}input:disabled,textarea:disabled,select:disabled{background:var(--c-surface-3);color:var(--c-text-3);box-shadow:none;cursor:not-allowed}textarea{resize:vertical;min-height:72px;line-height:1.5}textarea.code{font-family:var(--mono);white-space:pre;tab-size:2;min-height:240px;font-size:12.5px}select{appearance:none;background-image:var(--select-arrow);cursor:pointer;background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}select option{background:var(--c-glass-solid);color:var(--c-text)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--c-primary);cursor:pointer;margin:0}input.mono{font-family:var(--mono);letter-spacing:.04em}.input-sm{min-height:var(--control-h-sm)!important;padding:3px 10px!important;font-size:12.5px!important}.button{--btn-bg:var(--glass-fill);--btn-bg-hover:var(--glass-fill-hover);--btn-bg-active:var(--glass-fill-active);--btn-tint:none;--btn-ink:var(--glass-ink);--btn-edge:var(--glass-line);--btn-edge-hover:var(--glass-line-hover);--btn-glow:0 0 0 0 transparent;--btn-glow-hover:0 0 0 0 transparent;height:var(--control-h);border:1px solid var(--btn-edge);border-radius:var(--r-pill);background-color:var(--btn-bg);background-image:var(--btn-tint);color:var(--btn-ink);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);letter-spacing:.01em;white-space:nowrap;box-shadow:var(--glass-top), var(--glass-shadow), var(--btn-glow);transition:transform var(--glass-dur) var(--glass-ease), box-shadow var(--glass-dur) var(--glass-ease), border-color var(--glass-dur) var(--glass-ease), background-color var(--glass-dur) var(--glass-ease), color var(--glass-dur) var(--glass-ease);justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.button:where(:not(:disabled):not(.loading)):hover{background-color:var(--btn-bg-hover);border-color:var(--btn-edge-hover);box-shadow:var(--glass-top), var(--glass-shadow-hover), var(--btn-glow-hover);transform:translateY(-1px)}.button:where(:not(:disabled):not(.loading)):active{background-color:var(--btn-bg-active);box-shadow:var(--glass-top-soft), var(--glass-press), var(--glass-shadow-sm), var(--btn-glow);transform:translateY(1px)}.button:focus-visible{box-shadow:var(--glass-top), var(--glass-shadow), var(--focus-ring);outline:none}.button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.6);box-shadow:var(--glass-top);transform:none}.button.primary{--btn-tint:var(--glass-tint-primary);--btn-ink:var(--glass-ink-primary);--btn-glow:var(--glass-glow-primary);--btn-glow-hover:var(--glass-glow-primary-hover)}.button.danger{--btn-tint:var(--glass-tint-danger);--btn-ink:var(--glass-ink-danger);--btn-glow:var(--glass-glow-danger);--btn-glow-hover:var(--glass-glow-danger-hover)}.button.ghost{--btn-bg:transparent;--btn-bg-hover:var(--glass-fill);--btn-ink:var(--c-text);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.button.ghost:where(:not(:disabled)):hover{box-shadow:var(--glass-top), var(--glass-shadow-sm)}.button.sm{height:var(--control-h-sm);padding:0 12px;font-size:12.5px}.button.loading{cursor:progress;pointer-events:none}.button.block{width:100%}.spinner{opacity:.85;border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}.spinner.lg{border-width:3px;width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}.text-button{border-radius:var(--r-xs);color:var(--c-primary-ink);white-space:nowrap;align-items:center;gap:4px;padding:4px 6px;font-size:12.5px;font-weight:500;display:inline-flex;position:relative}.text-button:hover:not(:disabled){text-decoration:underline}.text-button.muted{color:var(--c-text-3)}.text-button.danger-text{color:var(--c-red)}.icon-button{width:32px;height:32px;color:var(--c-text-2);transition:background-color var(--glass-dur) var(--glass-ease), border-color var(--glass-dur) var(--glass-ease), color var(--glass-dur) var(--glass-ease);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--glass-fill);border-color:var(--glass-line);color:var(--c-text)}.segmented{border:1px solid var(--glass-line-soft);border-radius:var(--r-pill);background:var(--glass-fill-soft);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-top-soft);gap:2px;padding:3px;display:inline-flex}.segmented button{border-radius:var(--r-pill);height:26px;color:var(--c-text-2);transition:background-color var(--glass-dur) var(--glass-ease), color var(--glass-dur) var(--glass-ease), box-shadow var(--glass-dur) var(--glass-ease);padding:0 12px;font-size:12.5px;font-weight:500}.segmented button:hover{color:var(--c-text)}.segmented button.active{background:var(--glass-fill-strong);color:var(--glass-ink);box-shadow:var(--glass-top), var(--glass-shadow-sm)}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{top:var(--shell-gap);height:calc(100vh - var(--shell-gap) * 2);margin:var(--shell-gap) 0 var(--shell-gap) var(--shell-gap);border:1px solid var(--glass-line-soft);border-radius:var(--r-xl);background:var(--glass-shell);-webkit-backdrop-filter:var(--glass-filter-shell);backdrop-filter:var(--glass-filter-shell);box-shadow:var(--glass-top-soft), var(--glass-shadow);z-index:var(--z-sidebar);flex-direction:column;align-self:start;display:flex;position:sticky;overflow:hidden}.brand{align-items:center;gap:10px;padding:16px 16px 12px;display:flex}.brand-logo{background:var(--brand-gradient);color:#fff;width:34px;height:34px;box-shadow:var(--glass-top), 0 6px 16px #7c6cff59;border-radius:10px;place-items:center;font-size:17px;font-weight:800;display:grid}.brand-name{color:var(--c-sidebar-text-strong);font-size:14.5px;font-weight:700;line-height:1.2}.brand-sub{color:var(--c-sidebar-text-dim);font-size:11.5px}.nav{flex-direction:column;flex:1;gap:2px;padding:6px 10px;display:flex;overflow-y:auto}.nav-group{letter-spacing:.12em;text-transform:uppercase;color:var(--c-sidebar-text-dim);padding:12px 8px 4px;font-size:11px;font-weight:600}.nav a{border-radius:var(--r-md);height:36px;color:var(--c-sidebar-text);transition:background-color var(--glass-dur) var(--glass-ease), color var(--glass-dur) var(--glass-ease), border-color var(--glass-dur) var(--glass-ease);border:1px solid #0000;align-items:center;gap:10px;padding:0 10px;font-size:13.5px;font-weight:500;display:flex}.nav a:hover{background:var(--c-hover);color:var(--c-sidebar-text-strong);text-decoration:none}.nav a.active{background:var(--c-nav-active);border-color:var(--c-nav-active-line);color:var(--c-sidebar-text-strong)}.nav a svg{color:var(--c-sidebar-text-dim)}.nav a.active svg{color:var(--c-primary-ink)}.nav-section{flex-direction:column;gap:2px;display:flex}.sidebar-foot{border-top:1px solid var(--c-line);flex-direction:column;gap:8px;padding:12px 14px 14px;display:flex}.who{align-items:center;gap:10px;min-width:0;display:flex}.who-text{min-width:0}.avatar{background:var(--glass-fill-strong);border:1px solid var(--glass-line);width:32px;height:32px;color:var(--c-text);box-shadow:var(--glass-top);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.who-name{color:var(--c-sidebar-text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.who-role{color:var(--c-sidebar-text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.who-actions{align-items:center;gap:2px;margin-left:38px;display:flex}.who-actions .text-button{color:var(--c-sidebar-text);padding:2px 4px}.who-actions .text-button:hover{color:var(--c-sidebar-text-strong)}.who-sep{color:var(--c-sidebar-text-dim)}.main{min-width:0;padding:var(--shell-gap) var(--shell-gap) 40px calc(var(--shell-gap) * 2)}.topbar{top:var(--shell-gap);z-index:var(--z-topbar);height:var(--topbar-h);max-width:var(--content-max);border:1px solid var(--glass-line-soft);border-radius:var(--r-lg);background:var(--glass-bar);-webkit-backdrop-filter:var(--glass-filter-shell);backdrop-filter:var(--glass-filter-shell);box-shadow:var(--glass-top-soft), var(--glass-shadow-sm);justify-content:space-between;align-items:center;gap:12px;margin:0 auto 18px;padding:0 16px;display:flex;position:sticky}.topbar-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.topbar-actions{align-items:center;gap:8px;display:flex}.content{max-width:var(--content-max);margin:0 auto}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.page-heading-main{flex:360px;min-width:0}.page-heading h1{letter-spacing:-.01em;font-size:22px;font-weight:700;line-height:1.25}.page-heading p{max-width:80ch;color:var(--c-text-2);margin-top:4px;font-size:13.5px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--c-primary);margin-bottom:6px;font-size:11px;font-weight:600}.heading-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.page-enter{animation:rise var(--motion-base) var(--ease-emphasized) backwards}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.panel,.metric{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.panel{min-width:0;margin-bottom:16px}.panel-heading{border-bottom:1px solid var(--c-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.panel-heading h3{font-size:14px;font-weight:600}.panel-heading p{color:var(--c-text-3);margin-top:2px;font-size:12.5px}.panel-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel-body{padding:16px}.panel-body.tight{padding:12px 16px}.panel>.table-wrap:last-child{border-radius:0 0 calc(var(--r-lg) - 1px) calc(var(--r-lg) - 1px)}.sub-block{background:var(--c-surface-2);border:1px solid var(--c-line);border-radius:var(--r-md);padding:12px 14px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric{flex-direction:column;gap:4px;min-width:0;padding:14px 16px;display:flex}.metric-label{color:var(--c-text-2);justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;display:flex}.metric-label svg{color:var(--c-primary)}.metric strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.15}.metric small{color:var(--c-text-3)}.metric.tone-green strong{color:var(--c-green)}.metric.tone-amber strong{color:var(--c-amber)}.metric.tone-red strong{color:var(--c-red)}.metric.tone-blue strong{color:var(--c-blue)}.metric.is-zero strong{color:var(--c-text-3)}a.metric{color:inherit;transition:border-color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard);text-decoration:none}a.metric:hover{border-color:var(--c-line-strong);background:var(--c-surface-3);text-decoration:none}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-2>.panel,.grid-3>.panel{margin-bottom:0}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.gap-lg{gap:16px}.toolbar{border-bottom:1px solid var(--c-line);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.toolbar .spacer{flex:1}.toolbar select,.toolbar input{width:auto;min-width:140px}.toolbar input[type=search]{min-width:220px}.table-wrap{overscroll-behavior-x:contain;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}.table-wrap table{min-width:640px}th{text-align:left;color:var(--c-text-3);border-bottom:1px solid var(--c-line);white-space:nowrap;background:var(--c-surface-2);padding:10px 14px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--c-line);vertical-align:middle;padding:10px 14px}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard)}tbody tr.clickable:hover{background:var(--c-hover)}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}th.center,td.center{text-align:center}td.muted,.muted{color:var(--c-text-3)}td.nowrap,.nowrap{white-space:nowrap}.cell-stack{flex-direction:column;gap:2px;min-width:0;display:flex}.cell-stack small{color:var(--c-text-3)}.table-foot{border-top:1px solid var(--c-line);color:var(--c-text-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:12.5px;display:flex}.pager{align-items:center;gap:4px;display:flex}.pager button{border-radius:var(--r-sm);min-width:28px;height:28px;color:var(--c-text-2);border:1px solid #0000;padding:0 8px;font-size:12.5px}.pager button:hover:not(:disabled){background:var(--c-hover);color:var(--c-text)}.pager button.active{background:var(--glass-fill-strong);border-color:var(--glass-line);color:var(--glass-ink);box-shadow:var(--glass-top)}.pager .dots{color:var(--c-text-3);padding:0 4px}.state{color:var(--c-text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 16px;font-size:13px;display:flex}.state.error{color:var(--c-red)}.state.empty strong{color:var(--c-text-2);font-weight:600}.state-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.row-actions{white-space:nowrap;justify-content:flex-end;gap:4px;display:flex}.badge{border-radius:var(--r-pill);white-space:nowrap;color:var(--c-gray);background:var(--c-gray-bg);border:1px solid var(--c-gray-line);align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.badge:before{content:"";opacity:.75;background:currentColor;border-radius:50%;width:6px;height:6px}.badge.plain:before{display:none}.badge.green{color:var(--c-green);background:var(--c-green-bg);border-color:var(--c-green-line)}.badge.blue{color:var(--c-blue);background:var(--c-blue-bg);border-color:var(--c-blue-line)}.badge.amber{color:var(--c-amber);background:var(--c-amber-bg);border-color:var(--c-amber-line)}.badge.red{color:var(--c-red);background:var(--c-red-bg);border-color:var(--c-red-line)}.badge.primary{color:var(--c-primary-ink);background:var(--c-primary-soft);border-color:var(--c-primary-line)}.kv{grid-template-columns:minmax(96px,max-content) minmax(0,1fr);gap:8px 16px;font-size:13px;display:grid}.kv dt{color:var(--c-text-3);white-space:nowrap}.kv dd{overflow-wrap:anywhere;min-width:0}.alert{border-radius:var(--r-md);border:1px solid var(--c-line);background:var(--c-surface-2);align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;display:flex}.alert.error{color:var(--c-red);border-color:var(--c-red-line);background:var(--c-red-bg)}.alert.warning{color:var(--c-amber);border-color:var(--c-amber-line);background:var(--c-amber-bg)}.alert.success{color:var(--c-green);border-color:var(--c-green-line);background:var(--c-green-bg)}.alert.info{color:var(--c-blue);border-color:var(--c-blue-line);background:var(--c-blue-bg)}.alert-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.alert-main>strong{font-weight:600}.alert-action{flex-shrink:0;align-items:center;gap:8px;display:flex}.hint{color:var(--c-text-3);font-size:12.5px;line-height:1.5}.hint.warn{color:var(--c-amber)}.dot{background:var(--c-gray);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.online{background:var(--c-green);box-shadow:0 0 0 3px var(--c-green-bg)}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label{color:var(--c-text-2);font-size:12.5px;font-weight:600}.field>label .req{color:var(--c-red);margin-left:2px}.field .error-text{color:var(--c-red);font-size:12px}.field.inline{flex-direction:row;align-items:center;gap:10px}.field.inline>label{font-weight:500}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.form-grid .span-2{grid-column:span 2}.form-stack{flex-direction:column;gap:14px;display:flex}.switch-block{border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface-2);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;display:grid;position:relative}.switch-block:hover{border-color:var(--c-line-strong)}.switch-block.disabled{cursor:not-allowed;opacity:.6}.switch-block input{clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.switch-track{border-radius:var(--r-pill);border:1px solid var(--glass-line);background:var(--glass-fill);width:36px;height:20px;transition:background-color var(--glass-dur) var(--glass-ease), border-color var(--glass-dur) var(--glass-ease), box-shadow var(--glass-dur) var(--glass-ease);margin-top:1px;position:relative;box-shadow:inset 0 1px 2px #00000024}.switch-track:after{content:"";background:var(--glass-knob);width:14px;height:14px;box-shadow:var(--glass-top), 0 1px 3px #0000004d;transition:transform var(--glass-dur) var(--glass-ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch-block input:checked+.switch-track{background:var(--glass-accent);border-color:var(--glass-focus-line);box-shadow:inset 0 1px 3px #0003, 0 0 12px var(--glass-glow-soft)}.switch-block input:checked+.switch-track:after{transform:translate(16px)}.switch-block input:focus-visible+.switch-track{box-shadow:inset 0 1px 2px #00000024, var(--glass-ring)}.switch-text{gap:2px;min-width:0;display:grid}.switch-text b{color:var(--c-text);font-size:13.5px;font-weight:600}.switch-text small{color:var(--c-text-3);font-size:12.5px;line-height:1.5}details.advanced{border:1px dashed var(--c-line-strong);border-radius:var(--r-md)}details.advanced>summary{color:var(--c-text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;list-style:none;display:flex}details.advanced>summary::-webkit-details-marker{display:none}details.advanced>summary small{color:var(--c-text-3);font-weight:400}details.advanced>summary:hover{color:var(--c-text)}details.advanced .advanced-caret{transition:transform var(--motion-fast) var(--ease-standard)}details.advanced[open] .advanced-caret{transform:rotate(90deg)}details.advanced[open]>summary{border-bottom:1px dashed var(--c-line)}.advanced-body{flex-direction:column;gap:14px;padding:12px;display:flex}.secret-input{align-items:flex-start;gap:8px;display:flex}.secret-input>input,.secret-input>textarea{flex:1}.secret-input>.text-button{margin-top:6px}.secret-once{border:1px solid var(--c-amber-line);border-radius:var(--r-md);background:var(--c-amber-bg);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.secret-once-head{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.secret-once-value{align-items:center;gap:8px;display:flex}.secret-once-value input{letter-spacing:.06em;min-height:40px;color:var(--c-text);background:var(--c-surface);flex:1;font-size:16px}dialog.dialog-layer{--dialog-w:720px;width:min(var(--dialog-w), calc(100vw - 32px));max-width:none;max-height:none;color:var(--c-text);background:0 0;border:0;margin:max(16px,6vh) auto auto;padding:0;overflow:visible}dialog.dialog-layer.small{--dialog-w:430px}dialog.dialog-layer.medium{--dialog-w:720px}dialog.dialog-layer.wide{--dialog-w:1040px}dialog.dialog-layer::backdrop{background:var(--c-backdrop,#0a0e208c);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade var(--motion-fast,.14s) ease-out backwards}dialog.dialog-layer:focus,dialog.dialog-layer:focus-visible{outline:none}html:has(dialog.dialog-layer[open]){overflow:hidden}.modal{border:1px solid var(--glass-line);border-radius:var(--r-xl);background:var(--glass-modal);width:100%;max-height:min(88vh,880px);-webkit-backdrop-filter:var(--glass-filter-shell);backdrop-filter:var(--glass-filter-shell);box-shadow:var(--glass-top-soft), var(--glass-shadow-lg);animation:rise var(--motion-base) var(--ease-emphasized) backwards;flex-direction:column;display:flex}.modal:focus{outline:none}.modal-head{border-bottom:1px solid var(--c-line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.modal-titles{min-width:0}.modal-eyebrow{color:var(--c-text-3);margin-bottom:2px;font-size:11.5px;font-weight:600}.modal-head h3{overflow-wrap:anywhere;font-size:15px;font-weight:600}.modal-body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:14px;min-height:0;padding:18px 20px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--c-line);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px 16px;display:flex}.modal-foot .left{margin-right:auto}.modal-error{min-width:0;color:var(--c-red);overflow-wrap:anywhere;flex:220px;margin-right:auto;font-size:12.5px;line-height:1.5}.confirm-body{color:var(--c-text-2);overflow-wrap:anywhere;font-size:13.5px;line-height:1.65}.qr-code{border-radius:var(--r-sm);box-shadow:var(--shadow-sm);flex-shrink:0;display:block}.qr-fallback{border:1px dashed var(--c-line-strong);border-radius:var(--r-md);color:var(--c-text-3);padding:12px 14px;font-size:12.5px}@keyframes fade{0%{opacity:0}to{opacity:1}}.steps{color:var(--c-text-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.steps span{align-items:center;gap:6px;display:inline-flex}.steps .n{background:var(--c-gray-bg);border:1px solid var(--c-gray-line);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.steps span.on{color:var(--c-text)}.steps span.on .n{background:var(--glass-tint-primary);color:#fff;border-color:#0000}.steps span.done .n{background:var(--c-green-bg);color:var(--c-green);border-color:var(--c-green-line)}.steps .sep{background:var(--c-line);width:18px;height:1px}.code-list{background:var(--c-surface-2);border:1px solid var(--c-line);border-radius:var(--r-md);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;max-height:320px;padding:10px;display:grid;overflow:auto}.code-list code{letter-spacing:.04em;background:0 0;padding:2px 4px;font-size:12.5px}.tabs{border-bottom:1px solid var(--c-line);gap:4px;padding:0 16px;display:flex}.tabs button{height:40px;color:var(--c-text-2);transition:color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 12px;font-size:13px;font-weight:500}.tabs button:hover{color:var(--c-text)}.tabs button.active{color:var(--c-text);border-bottom-color:var(--c-primary)}.json-problems{color:var(--c-red);flex-direction:column;gap:4px;font-size:12.5px;display:flex}.diff-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}pre.code-block{font-family:var(--mono);border-radius:var(--r-md);background:var(--c-surface-2);border:1px solid var(--c-line);white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;padding:12px 14px;font-size:12px;line-height:1.5;overflow:auto}.chart{width:100%;height:120px;display:block}.chart .bar{fill:var(--c-blue);opacity:.7}.chart .bar.alt{fill:var(--c-red)}.chart .line{fill:none;stroke:var(--c-primary);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .area{fill:var(--c-primary);opacity:.12}.chart text{fill:var(--c-text-3);font-size:10px}.legend{color:var(--c-text-3);gap:14px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.login-stage{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--glass-line);border-radius:var(--r-xl);background:var(--glass-shell);width:100%;max-width:400px;-webkit-backdrop-filter:var(--glass-filter-shell);backdrop-filter:var(--glass-filter-shell);box-shadow:var(--glass-top-soft), var(--glass-shadow-lg);animation:rise var(--motion-base) var(--ease-emphasized) both;padding:28px 28px 24px}.login-card .brand{padding:0 0 20px}.login-card h1{margin-bottom:4px;font-size:18px;font-weight:700}.login-card .hint{margin-bottom:18px}.toasts{z-index:var(--z-toast);flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;bottom:16px;right:16px}.toast{cursor:default;border-radius:var(--r-md);border:1px solid var(--glass-line);background:var(--glass-modal);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-top-soft), var(--glass-shadow);animation:rise var(--motion-base) var(--ease-emphasized) both;padding:10px 14px;font-size:13px}.toast.success{border-color:var(--c-green-line);color:var(--c-green)}.toast.error{border-color:var(--c-red-line);color:var(--c-red)}.full-state{min-height:60vh;color:var(--c-text-3);place-items:center;display:grid}.inline-code{font-family:var(--mono);background:var(--c-surface-2);border:1px solid var(--c-line);border-radius:var(--r-sm);overflow-wrap:anywhere;padding:6px 10px;font-size:12.5px}.bar-track{background:var(--c-gray-bg);border-radius:3px;height:6px;overflow:hidden}.bar-track>i{background:var(--brand-gradient);border-radius:3px;height:100%;display:block}.rank{flex-direction:column;gap:10px;display:flex}.rank-row{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;display:grid}.rank-row .n{color:var(--c-text-3);font-weight:700}.rank-row small{color:var(--c-text-3)}@media (max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:1fr}}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;margin:var(--shell-gap);position:static}.brand{padding:12px 14px 6px}.nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px 10px 10px;display:grid;overflow:visible}.nav-section{display:contents}.nav-group{display:none}.nav a{text-align:center;flex-direction:column;justify-content:center;gap:3px;height:auto;min-height:52px;padding:6px 4px;font-size:12px;line-height:1.25}.sidebar-foot{flex-flow:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:10px 14px}.who-actions{margin-left:0}.main{padding:0 var(--shell-gap) 32px}.grid-2,.form-grid,.diff-cols{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.page-heading{flex-direction:column;align-items:flex-start}.page-heading-main{flex:0 auto;width:100%}.heading-actions{justify-content:flex-start}}@media (max-width:600px){.metrics{grid-template-columns:1fr}.topbar-title{font-size:14px}.toolbar input[type=search]{flex:100%;min-width:0}.toolbar select,.toolbar input{flex:calc(50% - 5px);min-width:0}.modal-head,.modal-body,.modal-foot{padding-left:16px;padding-right:16px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--c-scroll);background-clip:padding-box;border:2px solid #0000;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--c-scroll-hover);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
