:root{ --bg:#0b1020; --card:#111a32; --text:#e6ecff; --muted:#aab6e6; --brand:#6aa1ff; }
*{box-sizing:border-box}
body{margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu; background:var(--bg); color:var(--text);}
a{color:var(--brand); text-decoration:none}
header{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; background:#0d152b; position:sticky; top:0; z-index:10}
nav a{margin-right:14px}
.container{max-width:1000px; margin:24px auto; padding:0 16px;}
.card{background:var(--card); border-radius:16px; padding:18px; box-shadow:0 10px 30px rgba(0,0,0,.25); margin-bottom:20px;}
h1,h2,h3{margin:0 0 12px}
input,select,textarea{width:100%; padding:10px 12px; border-radius:10px; border:1px solid #2b3a74; background:#0d1530; color:var(--text);}
label{display:block; margin:10px 0 6px; color:var(--muted)}
button{padding:10px 16px; border:0; border-radius:12px; background:var(--brand); color:#071020; font-weight:700; cursor:pointer}
table{width:100%; border-collapse:collapse}
th,td{padding:10px; border-bottom:1px solid #22325f}
.alert{padding:10px 12px; border-radius:10px; background:#1a274d; margin-bottom:12px;}
.footer{color:var(--muted); font-size:12px; text-align:center; padding:20px}
.grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:16px}