:root{--bg: #f2f4f8;--panel: #ffffff;--text: #172033;--muted: #61718d;--accent: #0f5bd8;--ok: #1f8f4e;--warn: #b87400;--bad: #b6203f;--border: #d8e0ec}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Helvetica Neue,sans-serif;background:radial-gradient(circle at top right,#e5edf9,var(--bg));color:var(--text)}a{color:var(--accent);text-decoration:none}button{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}input,select,textarea{width:100%;padding:8px;border:1px solid var(--border);border-radius:8px;background:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:8px}.pill{display:inline-block;border-radius:999px;padding:2px 8px;font-size:12px;background:#e8eef8}.pill.open{background:#ffeec2}.pill.pending{background:#dce8ff}.pill.solved{background:#dbf5e2}.pill.spam{background:#ffd9d9}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:960px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid.cols-4{grid-template-columns:1fr}}