:root { color-scheme: light dark; }
body.app { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:#0b1320; color:#e6edf3; }
.container { max-width:1100px; margin:24px auto; padding:0 16px; }
h1 { margin: 16px 0 12px; }
.pill-menu { display:flex; gap:12px; flex-wrap:wrap; margin:12px 0 24px; }
.pill { display:inline-block; padding:8px 12px; border-radius:12px; background:#162033; color:#dbe7ff; text-decoration:none; border:1px solid #223257; }
.pill:hover { background:#1b2947; }
.table { width:100%; border-collapse:collapse; margin-top:12px; }
.table th, .table td { border-bottom:1px solid #223257; padding:8px; text-align:left; }
.actions { display:flex; gap:8px; }
button, .btn { background:#1e3a8a; color:white; border:none; padding:8px 12px; border-radius:8px; cursor:pointer; }
button.secondary { background:#334155; }
.form-row { display:flex; gap:12px; flex-wrap:wrap; margin-top:12px; }
.form-row label { display:flex; flex-direction:column; gap:4px; min-width:220px; }
input, select, textarea { padding:8px; border-radius:8px; border:1px solid #223257; background:#0f172a; color:#e6edf3; }
.alert { padding:8px 12px; border-radius:8px; background:#0f5132; color:#55d69e; border:1px solid #145a3a; margin:8px 0; display:none; }
.alert.error { background:#3d0c0c; color:#ffb4b4; border-color:#6d1b1b; }
legend { padding:0 8px; color:#98b1ff; }