*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background:#0b0f17;color:#e6edf3}
a{color:#8ab4f8;text-decoration:none}a:hover{text-decoration:underline}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#121826;border-bottom:1px solid #263041;position:sticky;top:0}
.brand{font-weight:700}
.nav a{margin:0 8px}
.container{padding:16px}
.card{background:#0f1623;border:1px solid #283347;border-radius:8px;padding:16px;margin-bottom:16px}
.btn{display:inline-block;padding:8px 12px;border:1px solid #3a4a63;border-radius:6px;background:#1a2332;color:#c9d4e3}
.btn.primary{background:#22406b;border-color:#345b8a}
.input, select{width:100%;padding:8px;background:#0c1320;border:1px solid #2a364b;color:#e6edf3;border-radius:6px}
.grid{display:grid;gap:12px}
.grid.cols-2{grid-template-columns:1fr 1fr}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #283347;padding:8px;text-align:left}
.badge{padding:2px 6px;border-radius:4px;border:1px solid #3a4a63;background:#101827}
.alert{padding:12px;border-left:4px solid #7aa2ff;background:#101827;margin:8px 0}