:root{
  --brand-ink:#1a2c55; --brand-mint:#38e3cf; --ink:#e9eef8; --muted:#b9c2d6;
  --panel:rgba(255,255,255,.06); --panel-strong:rgba(255,255,255,.12);
  --focus:#8fbc74; --accent:#47a9c4; --radius:18px; --maxw:1080px;
}
*{box-sizing:border-box} body{margin:0; color:var(--ink); font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial; background:#0e1a2f}
.bg{background:radial-gradient(1200px 600px at 80% -10%, #1b314f 0%, transparent 60%),radial-gradient(900px 700px at 10% -10%, #0f1b33 0%, transparent 60%),radial-gradient(100% 120% at 50% 0%, #0d172b 0%, #101b30 35%, #13223c 70%, #0e1a2f 100%);} 
.nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;margin:14px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:999px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:24px 18px 60px}
.card{background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:18px;margin:12px 0}
.h1{font-size:28px;font-weight:800;margin:0}
.btn{border:1px solid rgba(255,255,255,.18);background:var(--panel);color:var(--ink);padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--focus));color:#0c1a2e;border:0}
.input, select, textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:var(--ink)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid rgba(255,255,255,.1);padding:10px;text-align:left}
.badge{padding:4px 8px;border-radius:10px;background:rgba(255,255,255,.12);font-size:12px}
.row{display:flex;gap:12px;flex-wrap:wrap}
.col{flex:1 1 220px}
a{color:#8fd3ff;text-decoration:none}
a:hover{text-decoration:underline}