:root{--bg-0:#0b1020;--bg-1:#0f1730;--text:#e5e7eb;--muted:#a3a7b3;--accent:#6ea8ff;--card: rgba(18,24,45,.6);--card-border: rgba(255,255,255,.08);--danger:#ff6b6b;--warn:#f9c74f;--ok:#5dd39e}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 800px at 80% 0%,#1b2142 0%,var(--bg-0) 30%),radial-gradient(1000px 700px at -10% 100%,#221a2a 0%,var(--bg-1) 40%);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.starfield,.starfield:before,.starfield:after{position:fixed;inset:0;pointer-events:none;z-index:-1;content:"";background-repeat:repeat;animation:drift 120s linear infinite}.starfield{background-image:radial-gradient(1px 1px at 20% 30%,#fff 70%,transparent 71%),radial-gradient(1px 1px at 60% 70%,#fff 70%,transparent 71%);opacity:.35}.starfield:before{background-image:radial-gradient(1px 1px at 75% 10%,#fff 70%,transparent 71%),radial-gradient(1px 1px at 10% 80%,#fff 70%,transparent 71%);opacity:.25;animation-duration:180s}.starfield:after{background-image:radial-gradient(2px 2px at 30% 50%,#fff 70%,transparent 71%),radial-gradient(2px 2px at 90% 40%,#fff 70%,transparent 71%);opacity:.15;animation-duration:240s}@keyframes drift{to{background-position:10000px 0}}.glass{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 0 0 1px #6ea8ff0f inset,0 20px 60px #00000059,0 8px 16px #1e305a40}.container{max-width:1200px;margin:0 auto;padding:24px}.hstack{display:flex;align-items:center;gap:12px}.vstack{display:flex;flex-direction:column;gap:12px}.btn{background:#1b2446;color:#e6ecff;border:1px solid var(--card-border);padding:12px 16px;border-radius:12px;cursor:pointer;transition:transform .05s ease,background .2s ease,box-shadow .2s ease}.btn:hover{background:#1e2a55;box-shadow:0 0 0 2px #6ea8ff26 inset}.btn:active{transform:translateY(1px)}.input{width:100%;padding:12px 14px;border-radius:12px;background:#121836;color:#dbe2ff;border:1px solid var(--card-border);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:#6ea8ff59;box-shadow:0 0 0 3px #6ea8ff26}.label{font-size:.85rem;color:var(--muted)}.page-title{font-size:40px;font-weight:700;letter-spacing:.4px;margin:8px 0}.page-sub{color:var(--muted);margin-bottom:20px}.list{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:14px;border:1px solid var(--card-border);background:#090c1c66}.badge{font-size:.75rem;padding:4px 8px;border-radius:999px;border:1px solid var(--card-border)}.badge.ok{background:#5dd39e1f;color:#7de3b2}.badge.warn{background:#f9c74f1f;color:#ffd66e}.badge.danger{background:#ff6b6b1f;color:#ff9b9b}.progress{height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#6ea8ffb3,#5dd39ecc)}.sidebar{position:fixed;top:0;left:0;height:100%;width:300px;padding:20px;transform:translate(-110%);transition:transform .25s ease;z-index:40}.sidebar.open{transform:translate(0)}.scrim{position:fixed;inset:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:30}.scrim.show{opacity:1;pointer-events:auto}.menu-btn{position:fixed;left:16px;top:16px;z-index:50;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffffff0d;border:1px solid var(--card-border);color:#e8ecff}