:root{--bg:#2b1d16;--fg:#f5ebdc;--acc:#d6aa78;--ok:#3f8f5a;--bad:#b4473b;--card:#3a2a21}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}
main{max-width:960px;margin:0 auto;padding:16px}.card{background:var(--card);border-radius:14px;padding:18px;margin:12px auto;max-width:520px}
h1{color:var(--acc);margin:.2em 0}input,select,button{font-size:18px;padding:10px;border-radius:8px;border:1px solid #6b5444;background:#1f150f;color:var(--fg);width:100%;margin:4px 0}
button,.btn{background:var(--acc);color:#2b1d16;font-weight:700;cursor:pointer;border:0;display:inline-block;text-align:center;text-decoration:none;padding:12px;border-radius:8px}
button.big{font-size:24px;padding:18px}.btn.disabled{opacity:.45;cursor:not-allowed}.btns{display:flex;gap:8px;flex-wrap:wrap}.btns>*{flex:1}
.muted{opacity:.7;font-size:14px}.ok{background:var(--ok);color:#fff}.bad{background:var(--bad);color:#fff}.pill{display:inline-block;padding:4px 10px;border-radius:99px;background:#5a4434;font-size:14px}
.qr svg{background:#fff;border-radius:8px;width:100%;max-width:260px;display:block;margin:auto}.tier{text-transform:capitalize;color:var(--acc)}
.banner{padding:10px;border-radius:8px;margin:8px 0;font-weight:600}.hidden{display:none}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:6px;border-bottom:1px solid #5a4434;text-align:left}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.stat{background:var(--card);border-radius:10px;padding:12px}.stat b{font-size:24px;display:block;color:var(--acc)}
nav button{width:auto;margin-right:6px}.row{display:flex;gap:8px}.row>*{flex:1}pre{white-space:pre-wrap;font-size:12px}