:root{color-scheme:dark;--bg:#090b09;--panel:#141c13;--ink:#eeeee5;--muted:#b2c39a;--gold:#ded2a8;--line:#35422f;--bad:#ffb5ad;--good:#c9e8aa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Arial,sans-serif}a{color:var(--gold);text-underline-offset:5px}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--gold);border-radius:7px;background:var(--gold);color:#10150c;padding:12px 20px;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.5}button.secondary{background:transparent;color:var(--gold);border-color:var(--line)}button.danger{background:#3b2020;color:var(--bad);border-color:#75413b}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #caef9a;outline-offset:4px}header{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:22px 5%;gap:20px}.brand{text-decoration:none;color:var(--ink);letter-spacing:6px;font-size:23px}.brand small{display:block;letter-spacing:4px;font-size:10px}nav{display:flex;flex-wrap:wrap;gap:24px}nav a{font-size:14px}main{max-width:1160px;margin:48px auto 90px;padding:0 25px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(38px,6vw,68px);margin:14px 0 24px}h2{font-size:33px;margin:0 0 20px}h3{font-size:24px}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--muted);font-size:12px}.muted{color:var(--muted)}.notice{padding:15px 20px;border:1px solid var(--line);background:var(--panel);border-radius:8px;margin:20px 0}.notice.test{border-color:#8e7548;background:#242014;color:#eee0b9}.grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.panel{border:1px solid var(--line);background:var(--panel);padding:28px;border-radius:10px}.poster{width:100%;max-width:350px;border-radius:8px;display:block}.event-head{display:flex;gap:25px;align-items:flex-start}.event-head .poster{width:140px}.event-head h2{margin:0 0 10px}.price{font-family:Georgia,serif;font-size:35px;color:var(--gold)}label{display:block;margin:18px 0 7px}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #637157;border-radius:5px;padding:12px;background:#0b100b;color:var(--ink)}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}.check{display:flex;align-items:flex-start;gap:8px}.check input{flex:none;margin-top:5px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.error{background:#3b2020;border:1px solid #75413b;color:var(--bad);padding:14px 18px;border-radius:8px}.success{background:#192d16;border:1px solid #557145;color:var(--good);padding:18px;border-radius:8px}.status{position:sticky;top:0;z-index:5;max-width:1160px;margin:auto;padding:0 25px}.status:empty{display:none}.qr{width:230px;max-width:100%;background:white;border-radius:6px;display:block}.ticket{margin:22px 0;border-top:1px solid var(--line);padding-top:20px}.code{font:12px/1.7 monospace;overflow-wrap:anywhere;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.metric{background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:8px}.metric strong{font:30px Georgia;display:block;color:var(--gold)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap{overflow:auto}.small{font-size:13px}details{border:1px solid var(--line);border-radius:8px;padding:20px;margin:20px 0}summary{cursor:pointer;color:var(--gold)}video{display:block;width:100%;max-width:400px;height:auto;aspect-ratio:1 / 1;object-fit:contain;background:#000;border-radius:8px;margin-inline:auto}dialog{max-width:580px;width:calc(100% - 32px);background:var(--panel);color:var(--ink);border:1px solid var(--gold);border-radius:10px;padding:25px}dialog::backdrop{background:#000b}footer{border-top:1px solid var(--line);padding:30px 5%;font-size:13px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:720px){header{align-items:flex-start}.brand{font-size:18px;letter-spacing:4px}nav{gap:10px;flex-direction:column}main{margin-top:30px;padding:0 18px}.grid{grid-template-columns:1fr;gap:25px}.panel{padding:20px}.event-head{gap:18px}.event-head .poster{width:105px}.event-head h2{font-size:28px}.metrics{grid-template-columns:1fr 1fr}.actions button{flex:1}h1{font-size:42px}table{min-width:700px}}
@media(max-width:720px){.actions:has(#event){flex-direction:column}.actions:has(#event) label{width:100%;max-width:none!important}.actions:has(#event) button{width:100%}}