:root{--bg:#0b0d10;--bg-subtle:#0e1116;--surface:#14181e;--surface-2:#1a1f27;--surface-3:#222933;--overlay:rgba(6,8,11,.66);--border:hsla(0,0%,100%,.08);--border-strong:hsla(0,0%,100%,.14);--border-accent:rgba(45,212,160,.4);--text:#e8ecf1;--text-muted:#9aa4b2;--text-dim:#647082;--text-on-accent:#04150f;--accent:#2dd4a0;--accent-hover:#34e3ad;--accent-press:#22b98a;--accent-soft:rgba(45,212,160,.12);--accent-soft-2:rgba(45,212,160,.2);--accent-ring:rgba(45,212,160,.35);--success:#34d399;--success-soft:rgba(52,211,153,.13);--warn:#f5b544;--warn-soft:rgba(245,181,68,.13);--danger:#f4626b;--danger-soft:rgba(244,98,107,.13);--info:#5ba8ff;--info-soft:rgba(91,168,255,.13);--neutral:#8a93a2;--neutral-soft:rgba(138,147,162,.13);--prod:#2dd4a0;--prod-soft:rgba(45,212,160,.14);--preprod:#c08cff;--preprod-soft:rgba(192,140,255,.14);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono","Fira Code",Menlo,Consolas,monospace;--fs-display:30px;--fs-h1:22px;--fs-h2:18px;--fs-h3:15px;--fs-body:14px;--fs-sm:13px;--fs-xs:12px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.35);--shadow-lg:0 16px 48px rgba(0,0,0,.5);--ease:cubic-bezier(0.2,0.7,0.2,1);--dur:160ms}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}code,kbd,pre{font-family:var(--font-mono)}::selection{background:var(--accent-soft-2)}.mono{font-family:var(--font-mono);font-size:12.5px}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.r-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.r-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;font-size:var(--fs-xs);font-weight:500;border-radius:var(--r-pill);border:1px solid transparent;white-space:nowrap}.r-badge .dot{width:6px;height:6px;border-radius:50%;flex:none}.b-success{color:var(--success);background:var(--success-soft);border-color:rgba(52,211,153,.22)}.b-success .dot{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.b-warn{color:var(--warn);background:var(--warn-soft);border-color:rgba(245,181,68,.22)}.b-warn .dot{background:var(--warn)}.b-danger{color:var(--danger);background:var(--danger-soft);border-color:rgba(244,98,107,.22)}.b-danger .dot{background:var(--danger)}.b-info{color:var(--info);background:var(--info-soft);border-color:rgba(91,168,255,.22)}.b-info .dot{background:var(--info);animation:pulse 1.4s var(--ease) infinite}.b-neutral{color:var(--neutral);background:var(--neutral-soft);border-color:rgba(138,147,162,.22)}.b-neutral .dot{background:var(--neutral)}.tag-prod{color:var(--prod);background:var(--prod-soft);border:1px solid rgba(45,212,160,.24)}.tag-preprod{color:var(--preprod);background:var(--preprod-soft);border:1px solid rgba(192,140,255,.24)}.r-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;font-family:var(--font-sans);font-size:var(--fs-body);font-weight:500;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.r-btn:active{transform:translateY(1px)}.r-btn svg{width:15px;height:15px}.btn-sm{height:30px;padding:0 11px;font-size:var(--fs-sm)}.btn-primary{background:var(--accent);color:var(--text-on-accent);font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-3)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:rgba(244,98,107,.3)}.btn-danger:hover{background:rgba(244,98,107,.2)}.r-btn:disabled{opacity:.45;pointer-events:none}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:var(--fs-sm);font-weight:500;color:var(--text-muted)}.field .help{font-size:var(--fs-xs);color:var(--text-dim)}.r-input,.r-select{height:38px;padding:0 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-sm);outline:none;transition:border-color var(--dur) var(--ease)}.r-input:focus,.r-select:focus{border-color:var(--border-accent)}.r-input.mono{font-family:var(--font-mono)}.r-table{width:100%;border-collapse:collapse}.r-table thead th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-weight:600;padding:0 14px 10px}.r-table tbody td,.r-table thead th{border-bottom:1px solid var(--border)}.r-table tbody td{padding:13px 14px;font-size:var(--fs-sm);vertical-align:middle}.r-table tbody tr:hover{background:var(--surface-2)}.r-table tbody tr:last-child td{border-bottom:none}.tabbar{display:flex;gap:4px;border-bottom:1px solid var(--border)}.tabbar button{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);padding:10px 12px;font-size:var(--fs-sm);font-weight:500;cursor:pointer;margin-bottom:-1px}.tabbar button:hover{color:var(--text)}.tabbar button.on{color:var(--accent);border-bottom-color:var(--accent)}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.side{background:var(--bg-subtle);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.logo{width:30px;height:30px;border-radius:8px;background:linear-gradient(150deg,var(--accent),#1c9c77);display:grid;place-items:center;color:var(--text-on-accent);font-weight:800}.nav{flex-direction:column;gap:2px}.nav,.nav a{display:flex}.nav a{align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);color:var(--text-muted);font-size:var(--fs-sm);font-weight:500}.nav a:hover{background:var(--surface);color:var(--text)}.nav a.on{background:var(--accent-soft);color:var(--accent)}.main{flex-direction:column;min-width:0}.main,.top{display:flex}.top{align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border)}.content{padding:24px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(1turn)}}.spin{width:14px;height:14px;border-radius:50%;border:2px solid hsla(0,0%,100%,.25);border-top-color:currentcolor;animation:spin .7s linear infinite}