:root{--bg: #f7f7f8;--card-bg: #fff;--border: #e0e0e0;--text: #1a1a1a;--muted: #6b6b6b;--accent: #1a1a1a;--danger: #b3261e}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}.topnav{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--card-bg);border-bottom:1px solid var(--border)}.topnav .brand{font-weight:600;text-decoration:none;color:var(--text)}.topnav>div{display:flex;align-items:center;gap:16px}.topnav a{color:var(--text)}.container{max-width:960px;margin:0 auto;padding:24px}.login-card{max-width:360px;margin:80px auto;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:32px}.page-header,.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:20px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500}label{display:block;margin-bottom:12px;font-size:14px}label small{color:var(--muted);font-weight:400}input,textarea{width:100%;padding:8px;margin-top:4px;border:1px solid var(--border);border-radius:4px;font:inherit}label.checkbox{display:flex;align-items:center;gap:8px}label.checkbox input{width:auto}button{border:1px solid var(--border);background:var(--card-bg);padding:8px 16px;border-radius:4px;cursor:pointer;font:inherit}button[type=submit]{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{color:var(--danger);border-color:var(--danger)}button[type=submit].danger{background:var(--danger);color:#fff}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}dialog{border:none;border-radius:8px;padding:24px;max-width:420px;width:100%}dialog::backdrop{background:#0006}.error{color:var(--danger);font-size:13px}.hint{color:var(--muted);font-size:13px}pre{background:#f0f0f0;padding:12px;border-radius:4px;overflow-x:auto;font-size:13px}code{background:#f0f0f0;padding:1px 4px;border-radius:3px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px}.badge--published{background:#dff5e1;color:#1a7a2e}.badge--draft{background:#fff3d6;color:#8a5a00}.banner-row{display:flex;align-items:center;gap:10px;padding:6px 0}.mockup-banner{background:#1a1a1a;color:#f5f5f5;padding:16px;border-radius:6px;margin-bottom:16px}.mockup-banner p{opacity:.85;margin:4px 0 12px}.mockup-banner button{background:transparent;border-color:#fff6;color:inherit}.mockup-banner--box_bottom_right{max-width:320px;margin-left:auto}.mockup-banner--modal{max-width:420px;margin:0 auto 16px;text-align:center}.mockup-banner--modal div{justify-content:center}.diff-before{color:var(--danger);text-decoration:line-through}.diff-after{color:#1a7a2e}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.stat-tile{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px 16px}.stat-tile__value{font-size:24px;font-weight:600}.stat-tile__label{font-size:12px;color:var(--muted);margin-top:2px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}@media(max-width:640px){.chart-grid{grid-template-columns:1fr}}.chart-bar{fill:#1a1a1a}.chart-bar--granted{fill:#1a7a2e}.chart-bar--declined{fill:#b3261e}.chart-axis{stroke:var(--border);stroke-width:1}.chart-label{font-size:11px;fill:var(--muted)}.chart-value{font-size:12px;fill:var(--text)}.chart-legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-top:4px}.legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px}.legend-swatch--granted{background:#1a7a2e}.legend-swatch--declined{background:#b3261e}