:root { --bg:#0b1020; --fg:#e8eefc; --card:#141a2e; --muted:#9fb0d8; --accent:#7aa2ff; }
*{box-sizing:border-box} body{margin:0;font-family:system-ui,ui-sans-serif;background:var(--bg);color:var(--fg)}
header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0f1530;position:sticky;top:0}
header h1{margin:0;font-size:20px}
header a{color:var(--fg);text-decoration:none}
nav a{margin-left:16px;color:var(--muted)}
main{max-width:1100px;margin:20px auto;padding:0 16px}
.card{background:var(--card);padding:16px;border-radius:14px;margin:12px 0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
label{display:flex;flex-direction:column;font-size:14px;color:var(--muted)}
input,select{margin-top:6px;padding:8px;border-radius:10px;border:1px solid #2a335b;background:#0e1430;color:var(--fg)}
button{background:var(--accent);color:#00112a;border:0;padding:10px 14px;border-radius:12px;cursor:pointer}
.cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #223;vertical-align:top;padding:8px}
hr{border:0;border-top:1px solid #223;margin:18px 0}
@media (max-width:900px){.grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}}