*,*:before,*:after{box-sizing:border-box}:root{--primary: #1677ff;--primary-soft: color-mix(in oklch, var(--primary), white 88%);--primary-hover: color-mix(in oklch, var(--primary), black 8%);--primary-ink: white;--bg-app: #f5f6f8;--bg-surface: #ffffff;--bg-panel: #ffffff;--bg-elev: #fafbfc;--bg-rail: #ffffff;--bg-hover: #f0f2f5;--bg-active: color-mix(in oklch, var(--primary), white 92%);--bg-canvas: #eceef1;--bg-paper: #ffffff;--bg-paper-edge: #e1e4ea;--line: #e6e8ec;--line-strong: #d7dade;--line-faint: #eef0f3;--ink-1: #1d2129;--ink-2: #4e5969;--ink-3: #86909c;--ink-4: #c9cdd4;--ink-on-primary: white;--success: #00b96b;--warning: #ff9500;--danger: #f53f3f;--info: #1677ff;--shadow-sm: 0 1px 2px rgba(15,18,24,.06);--shadow-md: 0 6px 16px -6px rgba(15,18,24,.12), 0 2px 4px rgba(15,18,24,.06);--shadow-lg: 0 16px 48px -12px rgba(15,18,24,.22), 0 4px 12px rgba(15,18,24,.08);--shadow-pop: 0 24px 64px -12px rgba(15,18,24,.26);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--row-h: 36px;--pad-x: 14px;--pad-y: 10px;--font-sans: "Inter", "PingFang SC", "Noto Sans SC", -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=dark]{--bg-app: #0e1014;--bg-surface: #15181d;--bg-panel: #181b22;--bg-elev: #1c2028;--bg-rail: #121419;--bg-hover: #21252e;--bg-active: color-mix(in oklch, var(--primary), #181b22 70%);--bg-canvas: #0a0c10;--bg-paper: #ffffff;--bg-paper-edge: #2a2e36;--line: #262a33;--line-strong: #343944;--line-faint: #1e222a;--ink-1: #e8eaee;--ink-2: #b4b9c2;--ink-3: #7c8390;--ink-4: #4a505b;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 16px -6px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.3);--shadow-lg: 0 16px 48px -12px rgba(0,0,0,.55), 0 4px 12px rgba(0,0,0,.4);--shadow-pop: 0 24px 64px -12px rgba(0,0,0,.6)}[data-density=compact]{--row-h: 30px;--pad-x: 10px;--pad-y: 6px}html,body{margin:0;padding:0;height:100%;background:var(--bg-app);color:var(--ink-1);font-family:var(--font-sans);font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased;letter-spacing:0}#root{height:100vh;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}.app{display:grid;grid-template-columns:196px 1fr;grid-template-rows:48px 1fr;height:100vh;background:var(--bg-app);min-width:0}[data-rail-collapsed=true] .app{grid-template-columns:56px 1fr}.topbar{grid-column:1 / -1;background:var(--bg-surface);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:14px;z-index:10;white-space:nowrap;min-width:0}.rail{background:var(--bg-rail);border-right:1px solid var(--line);padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;min-width:0}.rail-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{overflow:auto;background:var(--bg-app);position:relative}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(22,119,255,.08),transparent 36%),linear-gradient(315deg,rgba(0,185,107,.08),transparent 32%),var(--bg-app)}.login-panel{width:min(420px,100%);background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:24px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.login-brand strong{display:block;font-size:16px;color:var(--ink-1)}.login-brand span{display:block;font-size:12px;color:var(--ink-3)}.login-copy h1{margin:0;font-size:22px;line-height:1.25;font-weight:650}.login-copy p{margin:8px 0 0;color:var(--ink-3);font-size:13px}.login-form{display:grid;gap:14px;margin-top:24px}.login-form label{display:grid;gap:6px}.login-form label>span{color:var(--ink-2);font-size:12px;font-weight:600}.login-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.login-message{margin-top:14px;padding:9px 10px;border-radius:var(--radius-sm);background:var(--bg-active);color:var(--primary);font-size:12.5px}.login-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink-1);font-size:15px;letter-spacing:-.01em;white-space:nowrap;flex-shrink:0}.brand-tagline{white-space:nowrap}@media (max-width: 1100px){.brand-tagline{display:none}}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--primary);color:var(--primary-ink);display:grid;place-items:center;font-weight:700;font-size:13px;font-family:var(--font-mono);box-shadow:inset 0 -2px #00000026,0 2px 6px color-mix(in oklch,var(--primary),transparent 65%)}.btn{display:inline-flex;align-items:center;gap:6px;height:var(--row-h);padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-surface);color:var(--ink-1);cursor:pointer;transition:all .15s;font-weight:500;white-space:nowrap}.btn:hover{border-color:var(--primary);color:var(--primary)}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary);box-shadow:0 1px color-mix(in oklch,var(--primary),black 30%) inset,0 4px 12px -4px color-mix(in oklch,var(--primary),transparent 60%)}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--primary-ink)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--bg-hover);color:var(--ink-1);border-color:transparent}.btn.danger{color:var(--danger);border-color:transparent;background:transparent}.btn.danger:hover{background:color-mix(in oklch,var(--danger),white 88%);border-color:transparent}.btn.sm{height:28px;padding:0 10px;font-size:12.5px}.btn.icon{padding:0;width:var(--row-h);justify-content:center}.btn.icon.sm{width:28px}.iconbtn{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--ink-2);cursor:pointer;transition:all .12s}.iconbtn:hover{background:var(--bg-hover);color:var(--ink-1)}.iconbtn[aria-pressed=true]{background:var(--bg-active);color:var(--primary)}.segmented{display:inline-flex;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);padding:2px;gap:1px}.segmented>button{padding:0 10px;height:26px;border:none;background:transparent;color:var(--ink-2);border-radius:4px;cursor:pointer;font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.segmented>button[aria-pressed=true]{background:var(--bg-surface);color:var(--ink-1);box-shadow:var(--shadow-sm)}.segmented.sm>button{height:22px;font-size:11.5px;padding:0 8px}.input,.select{height:var(--row-h);padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-surface);color:var(--ink-1);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary),transparent 85%)}.input.sm,.select.sm{height:28px;font-size:12.5px;padding:0 8px}.search{position:relative;display:inline-block}.search>svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.search>input{padding-left:30px}.rail-item{display:flex;align-items:center;gap:10px;padding:0 10px;height:36px;border-radius:var(--radius-sm);color:var(--ink-2);font-weight:500;cursor:pointer;position:relative;transition:background .12s}.rail-item:hover{background:var(--bg-hover);color:var(--ink-1)}.rail-item[aria-current=page]{background:var(--bg-active);color:var(--primary)}.rail-item[aria-current=page]:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--primary)}.rail-section{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);padding:12px 10px 6px;font-weight:600}.rail-count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md)}.panel-pad{padding:16px}.panel-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:600;font-size:13px}.tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:4px;font-size:11.5px;font-weight:500;background:color-mix(in oklch,var(--primary),white 92%);color:var(--primary);white-space:nowrap}[data-theme=dark] .tag{background:color-mix(in oklch,var(--primary),#181b22 75%)}.tag.gray{background:var(--bg-hover);color:var(--ink-2)}.tag.green{background:color-mix(in oklch,var(--success),white 90%);color:color-mix(in oklch,var(--success),black 20%)}[data-theme=dark] .tag.green{background:color-mix(in oklch,var(--success),#181b22 75%);color:color-mix(in oklch,var(--success),white 30%)}.tag.orange{background:color-mix(in oklch,var(--warning),white 88%);color:color-mix(in oklch,var(--warning),black 25%)}[data-theme=dark] .tag.orange{background:color-mix(in oklch,var(--warning),#181b22 75%);color:color-mix(in oklch,var(--warning),white 30%)}.tag.mono{font-family:var(--font-mono);font-weight:400}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-weight:500;color:var(--ink-3);font-size:12px;padding:10px 14px;background:var(--bg-elev);border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:14px;border-bottom:1px solid var(--line-faint);color:var(--ink-2);vertical-align:middle}.table{table-layout:auto}.table tr:hover td{background:var(--bg-hover)}.kbd{font-family:var(--font-mono);font-size:11px;padding:1px 5px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:4px;background:var(--bg-surface);color:var(--ink-3)}.divider-v{width:1px;height:20px;background:var(--line)}.divider-h{height:1px;background:var(--line);margin:8px 0}.spacer{flex:1}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px;border:2px solid var(--bg-app)}*::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}::selection{background:color-mix(in oklch,var(--primary),transparent 70%)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;padding:24px 28px 16px;gap:24px}.page-head h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--ink-1)}.page-head .sub{color:var(--ink-3);font-size:13px;margin-top:4px}.page-body{padding:0 28px 28px}.flex{display:flex;align-items:center}.flex.gap-2{gap:8px}.flex.gap-3{gap:12px}.flex.gap-4{gap:16px}.flex.col{flex-direction:column;align-items:stretch}.dot{width:6px;height:6px;border-radius:999px;display:inline-block}.dot.green{background:var(--success);box-shadow:0 0 0 3px color-mix(in oklch,var(--success),transparent 80%)}.dot.gray{background:var(--ink-4)}.dot.red{background:var(--danger)}.dot.orange{background:var(--warning)}.hover-only{opacity:0;transition:opacity .15s}.hover-row:hover .hover-only{opacity:1}