:root{color-scheme:dark;--bg: #0a1220;--surface: #101c31;--surface-2: #13233b;--text: #ebf2ff;--muted: #a8bad7;--line: #253b5f;--brand: #00c2ff;--brand-2: #1be28e;--danger: #ff7b7b}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at 15% 15%,#1a2e50,var(--bg) 40%);color:var(--text)}a{color:var(--brand)}.app-shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--line);background:#0a1220bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.brand{font-size:1.2rem;font-weight:800;text-decoration:none;color:var(--text)}.nav{display:flex;gap:.8rem}.nav-link{text-decoration:none;color:var(--muted);padding:.4rem .6rem;border-radius:.4rem}.nav-link.active{color:#04121f;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.auth-box{display:flex;align-items:center;gap:.6rem}.user-chip{color:var(--muted)}.content{max-width:1150px;margin:1.4rem auto;padding:0 1rem 2rem}.panel{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:.9rem;padding:1.2rem}.panel.small{max-width:520px}.lead{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.card{border:1px solid var(--line);background:#0d1a2f;border-radius:.75rem;padding:.9rem}.card p{color:var(--muted)}.form{display:grid;gap:.8rem;margin-bottom:1rem}.form.inline{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end}label{display:grid;gap:.35rem;font-size:.95rem;color:var(--muted)}input,select{width:100%;padding:.55rem .65rem;border-radius:.5rem;border:1px solid var(--line);background:#081324;color:var(--text)}.btn{border:1px solid var(--line);background:#10223d;color:var(--text);border-radius:.55rem;padding:.55rem .8rem;cursor:pointer;text-decoration:none;font-weight:600}.btn.primary{border:none;color:#021018;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.btn.ghost{background:transparent}.error{color:var(--danger)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{border-bottom:1px solid var(--line);padding:.65rem;text-align:left}th{color:var(--muted);font-weight:600}@media (max-width: 760px){.topbar{flex-wrap:wrap}.nav{width:100%;justify-content:flex-start;overflow-x:auto}}