* { box-sizing: border-box }
body { font-family: system-ui, Arial, sans-serif; margin: 0; color:#222; background:#fafafa;}
header { background:#1e293b; color:#fff; padding:12px 24px; display:flex; justify-content:space-between; align-items:center;}
header a { color:#fff; text-decoration:none;}
main { padding: 24px; max-width:1200px; margin:0 auto;}
.cards { display:grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap:16px; margin-bottom:24px;}
.card { background:#fff; padding:16px; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,.08);}
.card h3 { margin:0 0 8px; font-size:13px; color:#64748b; text-transform:uppercase;}
.big { font-size:22px; font-weight:bold; margin:0;}
.pos { color:#16a34a;} .neg { color:#dc2626;}
table.data { width:100%; border-collapse:collapse; background:#fff; margin:12px 0;}
table.data th, table.data td { padding:8px 10px; border-bottom:1px solid #eee; text-align:left; font-size:14px;}
table.data th { background:#f1f5f9;}
code { background:#f1f5f9; padding:1px 4px; border-radius:3px; font-size:12px;}
.flash { background:#fef3c7; padding:10px; border-radius:6px; margin-bottom:12px;}
.login { display:flex; align-items:center; justify-content:center; height:100vh;}
.login-form { background:#fff; padding:32px; border-radius:8px; width:320px; box-shadow:0 4px 12px rgba(0,0,0,.1);}
.login-form label { display:block; margin:12px 0; font-size:14px;}
.login-form input { width:100%; padding:8px; border:1px solid #cbd5e1; border-radius:4px;}
.login-form button { width:100%; padding:10px; background:#2563eb; color:#fff; border:none; border-radius:4px; cursor:pointer;}
.err { color:#dc2626;}