:root { --bg:#0f172a; --panel:#111827; --text:#e5e7eb; --muted:#94a3b8; --accent:#60a5fa; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.45 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background:var(--bg); color:var(--text); }
.layout { display:grid; grid-template-columns:240px 1fr; min-height:100vh; }
.sidebar { background:var(--panel); padding:20px; border-right:1px solid #1f2937; }
.sidebar h1 { margin:0 0 12px 0; font-size:18px; color:var(--text); }
.sidebar .nav-item { display:block; color:var(--muted); text-decoration:none; margin:8px 0; }
.sidebar .nav-item:hover { color:var(--accent); }
.main-content { padding:28px; }
h2, h3 { margin:0 0 12px 0; }
label { display:block; margin:12px 0; }
input[type="text"], textarea { width:100%; padding:10px; background:#0b1220; color:var(--text); border:1px solid #1f2937; border-radius:6px; }
button { padding:10px 14px; border:0; border-radius:6px; background:var(--accent); color:#04121f; cursor:pointer; }
.flash { margin-bottom:16px; }
.flash-item { padding:10px; margin:6px 0; border-radius:6px; background:#0b1220; border:1px solid #1f2937; }
.flash-item.error { border-color:#ef4444; }
.flash-item.success { border-color:#10b981; }