:root{--bg: #050505;--bg-elevated: #0e0e0e;--bg-panel: #121212;--border: #2a2a2a;--red: #e10600;--red-dim: #8a0400;--red-glow: rgba(225, 6, 0, .35);--text: #f2f2f2;--muted: #9a9a9a;--ok: #3ddc84;--warn: #f5a623;--font-display: "Orbitron", sans-serif;--font-ui: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-ui);background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(225,6,0,.18),transparent 55%),linear-gradient(180deg,#0a0a0a,#050505 40%,#080808);background-attachment:fixed;color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.axis-grid{background-image:linear-gradient(rgba(225,6,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(225,6,0,.06) 1px,transparent 1px);background-size:48px 48px}.btn{border:1px solid var(--red);background:linear-gradient(180deg,#1a0808,#100404);color:var(--text);padding:.65rem 1.1rem;letter-spacing:.04em;transition:box-shadow .2s ease,transform .15s ease,background .2s ease}.btn:hover{box-shadow:0 0 18px var(--red-glow);transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,#e10600,#9a0400);border-color:#ff2a22;font-weight:600}.btn-ghost{background:transparent;border-color:var(--border)}.btn-danger{border-color:#f44;color:#ffb4b4}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.field input,.field select{background:#0a0a0a;border:1px solid var(--border);color:var(--text);padding:.7rem .85rem;outline:none}.field input:focus,.field select:focus{border-color:var(--red);box-shadow:0 0 0 1px var(--red-dim)}.badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.75rem;padding:.2rem .5rem;border:1px solid var(--border);background:#0a0a0a}.badge.online{color:var(--ok);border-color:#3ddc8459}.badge.offline{color:#888}.badge.starting,.badge.stopping{color:var(--warn)}.error{color:#ff7a72;font-size:.9rem}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background:#080808d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.75rem}.brand img{height:42px;width:auto}.brand-title{font-family:var(--font-display);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase}.brand-title span{color:var(--red)}.nav{display:flex;gap:.5rem;align-items:center}.nav a{padding:.45rem .75rem;color:var(--muted);border:1px solid transparent}.nav a.active,.nav a:hover{color:var(--text);border-color:var(--border)}.page{padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-red{0%,to{box-shadow:0 0 #e1060059}50%{box-shadow:0 0 0 8px #e1060000}}.fade-up{animation:fade-up .45s ease both}