:root{--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--step--1: .8125rem;--step-0: .9375rem;--step-1: 1.125rem;--step-2: 1.5rem;--step-3: 2.125rem;--radius: 8px;--radius-sm: 5px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--rail-w: 232px;--topbar-h: 56px;--content-max: 1180px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .18);--shadow-2: 0 8px 28px rgba(0, 0, 0, .28);--accent: #16b8c9;--accent-strong: #0e919f;--accent-contrast: #04191c;--ok: #34d399;--warn: #f5b14c;--danger: #f26d6d;--transition: .14s cubic-bezier(.2, 0, 0, 1)}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0d1117;--bg-grid: rgba(255, 255, 255, .02);--surface: #151b23;--surface-2: #1b222c;--elevated: #202834;--border: #29323f;--border-strong: #384454;--text: #e6edf3;--text-muted: #8b98a9;--text-faint: #626d7d;--accent-soft: rgba(22, 184, 201, .14);--ok-soft: rgba(52, 211, 153, .15);--warn-soft: rgba(245, 177, 76, .15);--danger-soft: rgba(242, 109, 109, .15);--overlay: rgba(3, 6, 10, .62)}:root[data-theme=light]{color-scheme:light;--bg: #f5f7fb;--bg-grid: rgba(15, 23, 42, .025);--surface: #ffffff;--surface-2: #f2f5f9;--elevated: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f1722;--text-muted: #5a6675;--text-faint: #8a94a3;--accent: #0e909e;--accent-strong: #0b7581;--accent-contrast: #ffffff;--accent-soft: rgba(14, 144, 158, .1);--ok: #12a56e;--ok-soft: rgba(18, 165, 110, .12);--warn: #c47f1a;--warn-soft: rgba(196, 127, 26, .12);--danger: #d6483f;--danger-soft: rgba(214, 72, 63, .1);--overlay: rgba(15, 23, 42, .35)}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--bg: #f5f7fb;--bg-grid: rgba(15, 23, 42, .025);--surface: #ffffff;--surface-2: #f2f5f9;--elevated: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f1722;--text-muted: #5a6675;--text-faint: #8a94a3;--accent: #0e909e;--accent-strong: #0b7581;--accent-contrast: #ffffff;--accent-soft: rgba(14, 144, 158, .1);--ok: #12a56e;--ok-soft: rgba(18, 165, 110, .12);--warn: #c47f1a;--warn-soft: rgba(196, 127, 26, .12);--danger: #d6483f;--danger-soft: rgba(214, 72, 63, .1);--overlay: rgba(15, 23, 42, .35)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--step-0);line-height:1.5;color:var(--text);background-color:var(--bg);background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:32px 32px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em;line-height:1.2}code,.mono{font-family:var(--font-mono);font-size:.92em}.eyebrow{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.app{display:grid;grid-template-columns:var(--rail-w) 1fr;min-height:100vh}.rail{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--surface);border-right:1px solid var(--border);overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-4)}.brand-mark{width:28px;height:28px;flex:none}.brand-name{font-weight:600;letter-spacing:-.01em}.brand-sub{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.rail-group{margin-top:var(--space-4)}.rail-group>.eyebrow{padding:0 var(--space-2) var(--space-2)}.rail-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-weight:500;border:1px solid transparent;transition:color var(--transition),background var(--transition)}.rail-link:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.rail-link.active{color:var(--text);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.rail-link .ico{width:17px;height:17px;flex:none;color:currentColor;opacity:.85}.rail-spacer{flex:1}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-5);background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar-title{font-weight:600}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.content{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-7)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-head h1{font-size:var(--step-2);margin-top:var(--space-2)}.page-head p{margin:var(--space-2) 0 0;color:var(--text-muted);max-width:60ch}.page-actions{display:flex;gap:var(--space-2);flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:36px;font:inherit;font-weight:550;font-size:var(--step--1);color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.btn:hover{border-color:var(--text-faint);background:var(--elevated)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border)}.btn-sm{height:30px;padding:0 var(--space-3)}.btn-icon{width:34px;height:34px;padding:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card-pad{padding:var(--space-5)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.card-head h2{font-size:var(--step-1)}.grid{display:grid;gap:var(--space-4)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table.tbl{width:100%;border-collapse:collapse;font-size:var(--step--1)}.tbl th{text-align:left;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background var(--transition)}.tbl tbody tr:hover{background:var(--surface-2)}.td-actions{text-align:right;white-space:nowrap}.td-mono{font-family:var(--font-mono);font-size:.85em;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;border:1px solid transparent;white-space:nowrap}.badge-neutral{color:var(--text-muted);background:var(--surface-2);border-color:var(--border)}.badge-accent{color:var(--accent);background:var(--accent-soft)}.badge-ok{color:var(--ok);background:var(--ok-soft)}.badge-warn{color:var(--warn);background:var(--warn-soft)}.badge-danger{color:var(--danger);background:var(--danger-soft)}.status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--step--1);font-weight:550;white-space:nowrap}.dot{position:relative;width:9px;height:9px;border-radius:50%;flex:none;background:var(--text-faint)}.dot.online{background:var(--ok)}.dot.online:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid var(--ok);animation:pulse 1.8s ease-out infinite}.dot.offline{background:var(--text-faint)}.dot.warn{background:var(--warn)}@keyframes pulse{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.dot.online:after{animation:none;opacity:.5}}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field>label{font-size:var(--step--1);font-weight:550;color:var(--text)}.field .hint{font-size:var(--step--1);color:var(--text-muted)}.field .err{font-size:var(--step--1);color:var(--danger)}.input,.select,.textarea{font:inherit;font-size:var(--step-0);color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 10px;width:100%;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{font-family:var(--font-mono);font-size:var(--step--1);line-height:1.55;resize:vertical;min-height:160px}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:start center;padding:8vh var(--space-4) var(--space-4);overflow-y:auto}.modal{width:100%;max-width:520px;background:var(--elevated);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-2);animation:rise var(--transition)}.modal-wide{max-width:720px}@keyframes rise{0%{transform:translateY(8px);opacity:0}}@media(prefers-reduced-motion:reduce){.modal{animation:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-head h2{font-size:var(--step-1)}.modal-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.modal-foot{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.toasts{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:80;display:flex;flex-direction:column;gap:var(--space-2);max-width:380px}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--elevated);border:1px solid var(--border-strong);border-left-width:3px;border-radius:var(--radius-sm);box-shadow:var(--shadow-2);animation:rise var(--transition)}.toast.ok{border-left-color:var(--ok)}.toast.err{border-left-color:var(--danger)}.toast.info{border-left-color:var(--accent)}.toast .msg{font-size:var(--step--1)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-7) var(--space-4);color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius)}.empty h3{color:var(--text);font-size:var(--step-1)}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--elevated),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-sm);height:14px}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.secret{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--step--1);padding:var(--space-3) var(--space-4);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);word-break:break-all}.secret .val{flex:1;min-width:0}.callout{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--step--1)}.callout-warn{background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.right{margin-left:auto}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.kv{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:var(--space-2) var(--space-4);font-size:var(--step--1)}.kv dt{color:var(--text-faint);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.kv dd{margin:0}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.auth-card{width:100%;max-width:400px;text-align:center;padding:var(--space-7) var(--space-6)}.auth-card .brand-mark{width:44px;height:44px;margin:0 auto var(--space-4)}@media(max-width:860px){.app{grid-template-columns:1fr}.rail{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border)}.brand{padding:var(--space-2)}.rail-group{margin-top:0}.rail-group>.eyebrow{display:none}.rail-spacer{display:none}.content{padding:var(--space-5) var(--space-4) var(--space-6)}.page-head{flex-direction:column;align-items:flex-start}}