* { box-sizing: border-box; margin: 0; padding: 0; }
:root { --bg:#0a0a0a; --fg:#f5f5f5; --muted:#a0a0a0; --accent:#FFD400; --card:#141414; --border:#262626; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; background: var(--bg); color: var(--fg); line-height: 1.5; }
.header { display:flex; justify-content:space-between; align-items:center; padding:1rem 2rem; border-bottom:1px solid var(--border); background: var(--card); }
.brand strong { color: var(--accent); font-size: 1.1rem; }
.brand-sub { margin-left:.5rem; color: var(--muted); font-size:.9rem; }
.nav a { color: var(--fg); text-decoration:none; margin-left:1.5rem; font-size:.95rem; }
.nav a:hover { color: var(--accent); }
.main { padding: 2rem; max-width: 1200px; margin: 0 auto; }
h1 { font-size:1.5rem; margin-bottom:1.5rem; }
h2 { font-size:1.2rem; margin: 2rem 0 1rem; }
.muted { color: var(--muted); }
.card { background: var(--card); border:1px solid var(--border); border-radius:12px; padding:1.5rem; margin-bottom:1rem; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:1rem; }
.metric-value { font-size: 2rem; color: var(--accent); font-weight: 700; }
.metric-label { color: var(--muted); font-size:.85rem; margin-top:.25rem; }
code { background: var(--border); padding: 2px 6px; border-radius: 4px; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding:.75rem 1rem; border-bottom:1px solid var(--border); }
th { color: var(--muted); font-weight: 500; font-size:.85rem; }
.badge { display:inline-block; padding:2px 8px; border-radius:999px; font-size:.75rem; background: var(--border); }
.badge-new { background:#3b82f6; color:#fff; }
.badge-posted { background:#22c55e; color:#fff; }
.badge-draft { background:#eab308; color:#0a0a0a; }
.badge-reject { background:#ef4444; color:#fff; }