:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#f8f3e8;background:#17131e;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#17131e}
header,main,footer{width:min(100% - 2rem,760px);margin:auto}header{padding:1rem 0}
.banner{padding:.7rem 1rem;text-align:center;background:#754a13;color:#fff2c7;border:1px solid #d8a84e;border-radius:.6rem;font-weight:700}
nav{display:flex;gap:1rem;flex-wrap:wrap;padding:1rem 0}a{color:#e8bd65}main{padding:1rem 0 2rem}
.panel{background:#211b2a;border:1px solid #493b51;border-radius:1rem;padding:1.1rem;margin:.8rem 0}
h1{font-size:1.6rem;margin:.4rem 0 1rem}h2{font-size:1.15rem}
button,.button{font:inherit;font-weight:700;background:#e4b64f;color:#231a10;border:0;border-radius:.7rem;padding:.8rem 1.1rem;cursor:pointer;text-decoration:none;display:inline-block;margin:.3rem .3rem .3rem 0}
button.secondary{background:#493b51;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}
label{display:block}input{font:inherit;width:100%;padding:.75rem;border-radius:.6rem;border:1px solid #71617a;background:#17131e;color:#fff;margin:.3rem 0 .9rem}
.muted,small{color:#c7bbc9}.status{padding:.8rem;border-radius:.5rem;background:#30263a;min-height:2.8rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem}.price{font-size:1.25rem;color:#ffe098;font-weight:700}
img.qr{display:block;max-width:min(100%,300px);margin:1rem auto;background:#fff;padding:.5rem;border-radius:.6rem}
.draft{color:#ffdda0;font-weight:700}footer{padding:1rem 0 2rem;font-size:.85rem}footer p{margin:.3rem 0}[hidden]{display:none!important}