:root{--brand:#6e0d27;--accent:#f59e0b;--ring:#e5e7eb;--ink:#1f2937;--muted:#6b7280;--bg:#fff}
*{box-sizing:border-box} body{margin:0;background:#fff;color:var(--ink);font-family:system-ui,Segoe UI,Roboto,sans-serif}
.wrap{max-width:1100px;margin:auto;padding:16px}
.topbar{position:sticky;top:0;background:color-mix(in srgb,var(--brand) 8%,#fff);border-bottom:1px solid var(--ring);z-index:10}
.topbar .wrap{display:flex;align-items:center;gap:16px}
.brand{font-weight:800;color:var(--brand)}
.topbar nav{margin-left:auto;display:flex;gap:12px}
a{color:var(--brand);text-decoration:none}
.card{background:#fff;border:1px solid var(--ring);border-radius:12px;padding:16px}
.btn{background:var(--brand);color:#fff;border:0;padding:8px 12px;border-radius:10px;cursor:pointer}
.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--brand)}
.input, select, textarea{width:100%;padding:10px;border:1px solid var(--ring);border-radius:8px}
.grid{display:grid;gap:12px}
.grid.two{grid-template-columns:1fr 1fr}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--ring);padding:10px;text-align:left}
.tag{border:1px solid var(--ring);border-radius:6px;padding:2px 6px;font-size:.85rem}