:root { --bg:#0e1116; --fg:#eaeef3; --muted:#96a0ad; --card:#151a22; --accent:#5ac8fa; --alert:#ff375f; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji'; background:var(--bg); color:var(--fg); }
.nav { display:flex; align-items:center; justify-content:space-between; padding:16px 24px; background:#0b0f14; position:sticky; top:0; }
.nav .brand { font-weight:700; letter-spacing:.5px; }
.nav a { color:var(--fg); text-decoration:none; margin-left:16px; opacity:.9 }
.nav a[aria-current=page] { color:var(--accent); }
.container { max-width:900px; margin:24px auto; padding:0 16px; }
.card { background:var(--card); border-radius:16px; padding:24px; box-shadow:0 6px 24px rgba(0,0,0,.25); }
h1 { margin:0 0 16px; font-size:24px; }
label { display:block; margin:16px 0 8px; color:var(--muted); }
input[type=text], input[type=number], select { width:100%; padding:12px 14px; border-radius:12px; border:1px solid #222a35; background:#0e131a; color:var(--fg); }
button, .button { display:inline-block; margin-top:16px; padding:12px 18px; border-radius:12px; background:var(--accent); color:#001018; font-weight:700; border:none; text-decoration:none; }
.alert { margin:16px 0; padding:12px 14px; background:#2a0d14; border-left:4px solid var(--alert); border-radius:8px; }
.field { margin:6px 0; }
.field .label { color:var(--muted); margin-right:8px; }
.grid { display:grid; grid-template-columns: 1fr; gap:16px; }
hr { border:0; height:1px; background:#242c37; margin:20px 0; }
.footer { text-align:center; padding:24px; color:var(--muted); }