:root{--bg:#0b2b5a;--card:#0f2340;--ink:#e9f2ff;--muted:#9fb6d3;--accent:#0fd1ff}
*{box-sizing:border-box} body{margin:0;background:#0b2b5a;color:var(--ink);font:16px/1.4 system-ui,sans-serif}
nav{display:flex;gap:16px;align-items:center;padding:14px 20px;background:rgba(0,0,0,.15);backdrop-filter:blur(6px)}
nav a{color:var(--ink);text-decoration:underline}
nav .spacer{margin-left:auto}
.btn{padding:8px 12px;border:1px solid #2b4063;border-radius:10px;background:#0b1a31;color:var(--ink);cursor:pointer}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#072138;font-weight:700}
.btn.danger{background:#5a1620;border-color:#8b2b38}
.container{max-width:1100px;margin:24px auto;padding:0 16px}
.card{background:var(--card);border-radius:14px;padding:18px 16px;box-shadow:0 12px 32px rgba(0,0,0,.35)}
h1,h2{margin:.2em 0 .6em}
input,select{padding:10px 12px;border-radius:10px;border:1px solid #2b4063;background:#0b1a31;color:var(--ink)}
form.inline{display:flex;gap:8px;flex-wrap:wrap}
table{width:100%;border-collapse:collapse;margin-top:10px}
th,td{border:1px solid #2b4063;padding:8px 10px}
th{background:#0b1a31;text-align:left}
.badge{padding:2px 8px;border-radius:999px;background:#12345a}
.hidden{display:none}