:root{--bg:#f5f6f8;--surface:#fff;--border:#e2e5ea;--text:#1a1d23;--text-muted:#6b7280;--accent:#2563eb;--accent-hover:#1d4ed8;--danger:#dc2626;--ok:#16a34a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#15171c;--surface:#1d2026;--border:#2b2f37;--text:#e6e8eb;--text-muted:#9aa0aa;--accent:#3b82f6;--accent-hover:#60a5fa;--danger:#f87171;--ok:#4ade80}}:root[data-theme=dark]{--bg:#15171c;--surface:#1d2026;--border:#2b2f37;--text:#e6e8eb;--text-muted:#9aa0aa;--accent:#3b82f6;--accent-hover:#60a5fa;--danger:#f87171;--ok:#4ade80}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.form-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:8px 12px;font-size:14px}.badge{border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge-ok{background:color-mix(in srgb, var(--ok) 15%, transparent);color:var(--ok)}.badge-error{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger)}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}