body { font-family: system-ui, Arial, sans-serif; margin: 0; padding: 0; background:#fafafa; }
header { background:#111; color:#fff; padding:10px 16px; display:flex; align-items:center; gap:24px; }
header h1 { margin:0; font-size:18px; }
header nav a { color:#ddd; margin-right:12px; text-decoration:none; }
header nav a:hover { color:#fff; }
main { padding:16px; }
table { border-collapse: collapse; width: 100%; background:#fff; }
th, td { border: 1px solid #ddd; padding: 8px; }
th { background:#f0f0f0; text-align:left; }
.stats { display:flex; gap:12px; margin:10px 0 20px; }
.card { background:#fff; padding:12px 16px; border:1px solid #ddd; border-radius:8px; }
button, .button { background:#0d6efd; color:#fff; border:none; padding:8px 12px; border-radius:6px; cursor:pointer; text-decoration:none; display:inline-block; }
button:hover, .button:hover { background:#0b5ed7; }
.flashes { list-style:none; padding:0; }
.flashes li { margin:6px 0; padding:8px; border-radius:6px; }
.flashes .error { background:#ffe3e3; }
code { background:#f2f2f2; padding:2px 4px; border-radius:4px; }