:root { --fg:#1f2937; --bg:#fff; --muted:#6b7280; --line:#e5e7eb; --accent:#2563eb; }
body { margin:0; font-family: system-ui, sans-serif; color:var(--fg); background:var(--bg); }
.topbar { display:flex; justify-content:space-between; align-items:center; padding:.5rem 1rem; border-bottom:1px solid var(--line); }
.topbar nav a, .topbar nav span { margin-left:1rem; }
.container { max-width:1100px; margin:0 auto; padding:1rem; }
.flash { padding:.5rem 1rem; border-radius:4px; margin-bottom:1rem; }
.flash-ok { background:#ecfdf5; } .flash-error { background:#fef2f2; }
table { border-collapse:collapse; width:100%; } th, td { border-bottom:1px solid var(--line); padding:.4rem; text-align:left; }
.button, button { background:var(--accent); color:#fff; border:0; padding:.4rem .8rem; border-radius:4px; cursor:pointer; text-decoration:none; }
form.inline { display:inline; }
label { display:block; margin:.5rem 0 .2rem; } input, select, textarea { width:100%; max-width:40rem; padding:.3rem; }