:root{--bg: #f7f8fa;--surface: #ffffff;--border: #e3e6ea;--text: #1c2127;--muted: #6b7280;--accent: #2563eb;--deal: #16a34a;--deal-bg: #dcfce7;--danger: #dc2626;--radius: 10px;--gap: 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:8px 14px}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{color:var(--danger);border-color:var(--danger)}input{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:8px;width:100%}.container{max-width:880px;margin:0 auto;padding:24px 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.nav{display:flex;gap:16px;align-items:center;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.nav .spacer{flex:1}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge.deal{background:var(--deal-bg);color:var(--deal)}.badge.none{background:#f1f3f5;color:var(--muted)}.muted{color:var(--muted)}.row{display:flex;gap:var(--gap);align-items:center}.stack{display:flex;flex-direction:column;gap:var(--gap)}