:root { --bg:#fff; --fg:#111; --accent:#2563eb; --danger:#dc2626; --muted:#6b7280; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, sans-serif; color: var(--fg); background: var(--bg); }
header { display:flex; align-items:center; justify-content:space-between;
         padding: 16px 32px; border-bottom: 1px solid #eee; }
header .brand { font-weight: 700; text-decoration:none; color: var(--fg); }
header nav a { margin-left: 16px; color: var(--muted); text-decoration:none; }
main { padding: 32px; max-width: 960px; margin: 0 auto; }
table { width:100%; border-collapse: collapse; margin: 24px 0; }
th, td { padding: 8px 12px; border-bottom: 1px solid #eee; text-align: left; font-variant-numeric: tabular-nums; }
th { background:#f9fafb; }
button { border:0; border-radius:6px; padding:10px 16px; font-size:14px; cursor:pointer; margin-right:8px; }
button.primary { background: var(--accent); color:white; }
button.danger  { background: var(--danger); color:white; }