:root{--font-display:"Figtree", ui-sans-serif, system-ui, sans-serif;--font-body:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--stone-950:#1b1a17;--stone-900:#211f1b;--stone-875:#262420;--stone-850:#2b2925;--stone-800:#322f2a;--stone-750:#3c3833;--stone-700:#48443d;--stone-600:#5d5850;--stone-500:#797369;--stone-400:#9d968a;--stone-300:#beb7ab;--stone-200:#d7d1c7;--stone-100:#eae6de;--stone-50:#f6f3ed;--white:#fff;--black:#000;--volt-100:#e6f4e9;--volt-200:#c6e8cd;--volt-300:#99d6a7;--volt-400:#6fc384;--volt-500:#4eb36b;--volt-600:#3e9557;--volt-700:#337a48;--volt-800:#2a6039;--volt-glow:#4eb36b4d;--emerald-400:#4cd3a0;--emerald-500:#35c08a;--emerald-600:#268a64;--amber-400:#eebe6a;--amber-500:#e3a64c;--amber-600:#c0842e;--rose-400:#ee868c;--rose-500:#e4636d;--rose-600:#c7454f;--surface-base:var(--stone-950);--surface-sunken:var(--stone-900);--surface-card:#322f2a8c;--surface-raised:#3c383399;--blur-glass:blur(16px) saturate(150%);--surface-overlay:#0f0d0aa8;--surface-inverse:var(--stone-50);--text-strong:var(--stone-50);--text-body:var(--stone-200);--text-muted:var(--stone-400);--text-faint:var(--stone-500);--text-on-volt:#0c2414;--text-inverse:var(--stone-900);--border-subtle:var(--stone-700);--border-strong:var(--stone-600);--border-volt:var(--volt-500);--border-hairline:#ffffff0d;--accent:var(--volt-500);--accent-hover:var(--volt-400);--accent-press:var(--volt-600);--accent-quiet:#4eb36b1f;--accent-quiet-strong:#4eb36b33;--status-online:var(--emerald-500);--status-degraded:var(--amber-500);--status-offline:var(--rose-500);--status-online-wash:#35c08a24;--status-degraded-wash:#e3a64c24;--status-offline-wash:#e4636d24;--focus-ring:var(--volt-glow);--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.55;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.01em;--tracking-caps:.08em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-0:0;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-full:999px;--shadow-xs:0 1px 2px #0c090647;--shadow-sm:0 1px 3px #0c09064d;--shadow-md:0 6px 20px -6px #0c090673;--shadow-lg:0 16px 40px -10px #0c090685;--edge-top:inset 0 1px 0 #ffffff09;--ring-focus:0 0 0 2px var(--surface-base), 0 0 0 4px var(--volt-500);--dur-fast:.16s;--dur-base:.24s;--ease-out:cubic-bezier(.25, .9, .3, 1);--transition-colors:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text-body);background:var(--surface-base);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-strong);margin:0}p{margin:0}a{color:inherit}ul{margin:0;padding:0;list-style:none}button{font:inherit}.app-shell{grid-template-columns:250px 1fr;min-height:100%;display:grid}.sidebar{gap:var(--space-8);padding:var(--space-6) var(--space-5);background:var(--surface-sunken);border-right:1px solid var(--border-hairline);flex-direction:column;display:flex}.sidebar__brand{align-items:center;gap:var(--space-2-5);display:flex}.sidebar__brand-mark{border-radius:var(--radius-sm);background:var(--accent-quiet);border:1px solid var(--volt-800);width:34px;height:34px;color:var(--volt-300);font-family:var(--font-display);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:inline-flex}.sidebar__brand-name{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-strong)}.sidebar__brand-tag{font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-faint);display:block}.sidebar__nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar__link{align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);transition:var(--transition-colors);text-decoration:none;display:flex}.sidebar__link:hover{color:var(--text-strong);background:var(--stone-850)}.sidebar__link.active{color:var(--text-strong);background:var(--accent-quiet);border:1px solid var(--volt-800)}.app-main{padding:var(--space-8) var(--space-10);max-width:1100px}.page{gap:var(--space-8);flex-direction:column;display:flex}.page__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page__title{font-size:var(--text-2xl)}.page__subtitle{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}.page__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.page__section{gap:var(--space-4);flex-direction:column;display:flex}.section-title{font-size:var(--text-lg)}.card{background:var(--surface-card);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), var(--edge-top);padding:var(--space-6)}.card--pad-sm{padding:var(--space-4)}.meta-list{gap:var(--space-2-5);flex-direction:column;display:flex}.meta-row{gap:var(--space-2);font-size:var(--text-sm);display:flex}.meta-row dt{color:var(--text-muted);min-width:180px}.meta-row dd{color:var(--text-body);font-weight:var(--weight-medium);margin:0}.table-card{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), var(--edge-top);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}thead th{text-align:left;padding:var(--space-3) var(--space-5);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border-subtle);white-space:nowrap}tbody td{padding:var(--space-3-5,var(--space-3)) var(--space-5);border-bottom:1px solid var(--border-hairline);color:var(--text-body);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:var(--transition-colors)}tbody tr:hover{background:var(--stone-850)}.table-link{color:var(--volt-300);font-weight:var(--weight-medium);text-decoration:none}.table-link:hover{color:var(--volt-200);text-decoration:underline}.table-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.btn{--_bg:var(--volt-500);--_bgh:var(--volt-400);--_bga:var(--volt-600);--_fg:var(--text-on-volt);--_bd:transparent;justify-content:center;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;border:1px solid var(--_bd);border-radius:var(--radius-sm);background:var(--_bg);color:var(--_fg);box-shadow:var(--edge-top);transition:var(--transition-colors), transform var(--dur-fast) var(--ease-out);line-height:1;text-decoration:none;display:inline-flex}.btn:hover{background:var(--_bgh)}.btn:active{background:var(--_bga);transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--secondary{--_bg:var(--stone-750);--_bgh:var(--stone-700);--_bga:var(--stone-800);--_fg:var(--text-strong);--_bd:var(--border-strong)}.btn--danger{--_bg:transparent;--_bgh:var(--status-offline-wash);--_bga:var(--status-offline-wash);--_fg:var(--rose-400);--_bd:#e4636d61;box-shadow:none}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.form{gap:var(--space-6);flex-direction:column;display:flex}.form-grid{gap:var(--space-4) var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{gap:var(--space-1-5);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-body);flex-direction:column;display:flex}.field--full{grid-column:1/-1}.field input,.field select{font:inherit;font-weight:var(--weight-regular);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--stone-875);color:var(--text-strong);transition:var(--transition-colors)}.field input:focus,.field select:focus{border-color:var(--border-volt);box-shadow:var(--ring-focus);outline:none}.field-error{color:var(--rose-400);font-size:var(--text-xs);font-weight:var(--weight-regular)}.search-input{font:inherit;width:100%;max-width:320px;padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--stone-875);color:var(--text-strong);transition:var(--transition-colors)}.search-input:focus{border-color:var(--border-volt);box-shadow:var(--ring-focus);outline:none}.select-inline{font:inherit;padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--stone-875);color:var(--text-strong);font-size:var(--text-sm)}.badge{align-items:center;gap:var(--space-1-5);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:3px var(--space-2);border-radius:var(--radius-xs);white-space:nowrap;border:1px solid #0000;line-height:1.3;display:inline-flex}.badge__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge--neutral{background:var(--stone-750);color:var(--stone-200);border-color:var(--border-subtle)}.badge--success{background:var(--status-online-wash);color:var(--emerald-400);border-color:#35c08a61}.badge--warning{background:var(--status-degraded-wash);color:var(--amber-400);border-color:#e3a64c61}.badge--danger{background:var(--status-offline-wash);color:var(--rose-400);border-color:#e4636d61}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium)}.alert--error{background:var(--status-offline-wash);color:var(--rose-400);border:1px solid #e4636d61}.state-text{color:var(--text-muted);font-size:var(--text-sm)}.empty-state{padding:var(--space-8);text-align:center;color:var(--text-muted);font-size:var(--text-sm);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg)}