:root{--bg: #0d0f14;--panel: #161a22;--panel-raised: #1c212b;--border: #262b36;--border-soft: #1d212b;--text: #e8eaed;--text-muted: #7c8694;--text-faint: #4a5160;--accent: #5ee6b4;--accent-dim: #2e7a60;--danger: #e6695e;--danger-dim: #6b3530;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-w: 220px;--radius: 6px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input{font-family:inherit;font-size:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}::selection{background:var(--accent-dim);color:var(--text)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.page{padding:32px 40px}@media (max-width: 768px){.page{padding:20px 16px}}@media (max-width: 420px){.page{padding:16px 12px}}.sidebar{transition:transform .2s ease}@media (max-width: 768px){.sidebar{transform:translate(-100%);z-index:200}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0006}}.shell-main{margin-left:var(--sidebar-w)}@media (max-width: 768px){.shell-main{margin-left:0!important}}.sidebar-backdrop{display:none}@media (max-width: 768px){.sidebar-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150}}.topbar{display:none}@media (max-width: 768px){.topbar{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:120}}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;flex-shrink:0}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.two-col{display:flex;gap:20px}@media (max-width: 640px){.two-col{flex-direction:column}.two-col>aside{min-width:0!important;width:100%}}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:var(--accent);box-shadow:0 0 #5ee6b480;animation:pulse 2.4s ease-out infinite}.status-dot.stale{background:var(--text-faint)}.status-dot.offline{background:var(--danger)}@keyframes pulse{0%{box-shadow:0 0 #5ee6b473}70%{box-shadow:0 0 0 6px #5ee6b400}to{box-shadow:0 0 #5ee6b400}}.btn{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.02em;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:9px 14px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.btn:hover{border-color:var(--accent-dim);color:var(--text);background:var(--panel-raised)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0a1410;border-color:var(--accent)}.btn-primary:hover{background:#79edc1;border-color:#79edc1;color:#0a1410}input[type=text],input[type=email],input[type=password]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:9px 12px;width:100%}input::placeholder{color:var(--text-faint)}input:focus{border-color:var(--accent-dim)}