:root{color-scheme:dark;--gold:#eac66b;--line:#705525}*{box-sizing:border-box}body{margin:0;background:#080908;color:#fff;font:16px/1.5 Arial,sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}header{display:flex;align-items:center;gap:16px;max-width:1200px;margin:auto;padding:20px}header img{width:94px}h1,h2,h3{font-family:Georgia,serif;color:var(--gold);line-height:1.15}h1{font-size:36px;margin:12px 0}h2{font-size:29px}p{color:#e2dfd6}.preview{background:#352813;text-align:center;padding:10px;color:#ffe6a0;font-size:13px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 auto 28px;max-width:1200px;padding:0 20px}.gold,.outline{border-radius:10px;padding:14px 18px;border:1px solid var(--gold);text-decoration:none;display:inline-block;font-weight:bold}.gold{background:linear-gradient(#ffe597,#d8a52f);color:#141108}.outline{background:#111310;color:#f3d27a}.tabs .active{box-shadow:0 0 0 2px #ffe397}main{max-width:1200px;margin:auto;padding:0 20px 50px}.screen{max-width:490px;margin:auto;background:linear-gradient(150deg,#171a14,#080a08 60%);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 16px 50px #000}.brand{text-align:center}.brand img{width:150px}.eyebrow{color:#d5bb7a;font-size:12px;letter-spacing:2px;text-transform:uppercase}.tag{display:inline-block;background:#bd171e;color:white;border:1px solid #f2cb63;padding:6px 22px;font-weight:900;letter-spacing:1px}.rewards,.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reward,.stat{border:1px solid var(--line);border-radius:12px;background:#12140f;padding:15px;text-align:center}.reward strong,.stat strong{display:block;color:#f4d17a;font-size:31px}.reward small{color:#d6c89f}.qr-button{display:block;border:1px solid #eec664;background:white;border-radius:15px;padding:14px;width:240px;max-width:100%;margin:24px auto 12px}.qr-button svg{display:block;width:100%;height:auto}.code{border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;justify-content:center;align-items:center;gap:16px;font-size:24px;font-weight:bold;letter-spacing:1px;background:#060806}.code button{border:0;background:none;color:var(--gold);font-size:20px}.full{width:100%;margin-top:15px}.fine{font-size:13px;color:#c6b994}.breadcrumb{padding:0 0 15px;color:#cbb77f;font-size:14px}.row{display:flex;gap:12px;flex-wrap:wrap}.owner{max-width:none}.owner-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-top:22px}.panel{padding:22px;border:1px solid var(--line);border-radius:16px;background:#0c100d}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{font-size:13px}label{display:block;margin:14px 0}input{width:100%;background:#080b09;color:white;border:1px solid #6d644c;border-radius:8px;padding:12px;margin-top:5px}input[type=checkbox]{width:auto;margin-right:8px}.summary>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #383524}.badge{display:inline-block;padding:4px 12px;border:1px solid #a38441;color:#ffdf89;border-radius:20px}.used{background:#143d22;color:#aef5b8}.invalid{background:#481f1e;color:#ffd1ca}.table-wrap{overflow:auto;margin-top:16px}table{border-collapse:collapse;width:100%;font-size:14px;min-width:650px}th,td{text-align:left;padding:13px 8px;border-bottom:1px solid #383524}th{color:#edd28b}details{margin-top:22px}summary{cursor:pointer;color:#f1d185;font-size:20px}dialog{width:min(460px,94vw);max-height:94vh;overflow:auto;border:1px solid var(--gold);border-radius:18px;padding:24px;background:#080b09;color:white}dialog::backdrop{background:#000c}.bigqr{background:white;border:6px solid #e8c76d;border-radius:14px;padding:14px}.bigqr svg{width:100%;height:auto;display:block}[hidden]{display:none!important}.message{color:#ffe395;min-height:22px}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:3px}.where{background:#11150f;border:1px solid #705525;padding:18px;border-radius:12px;margin-bottom:24px} .where strong{color:#f7d887}
@media(max-width:760px){h1{font-size:28px}header{padding:15px}.tabs{padding:0 12px}main{padding:0 12px 30px}.screen,.panel{padding:18px}.owner-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.tabs button{flex:1;font-size:14px;padding:12px}.reward strong{font-size:27px}}

body{background:radial-gradient(ellipse at top,#463418 0, #13120e 45%,#050605 85%);min-height:100vh}.owner{background:#fbfcfd;color:#151a20;border:2px solid #e5bb58;box-shadow:0 0 0 6px #111719,0 16px 50px #000}.owner h2,.owner h3,.owner p,.owner .eyebrow,.owner .fine,.owner label,.owner .message{color:#202830}.owner .stat{background:linear-gradient(#fff4c3,#f5d56d);color:#161b20;border-color:#e4bb4b}.owner .stat strong{color:#121517}.owner .panel{background:#fff;border-color:#d1d7de}.owner input{background:#fff;color:#151c24;border-color:#aab9c6}.owner th{background:#eef3f8;color:#253243}.owner td,.owner th{border-color:#d7dfe6}.owner .summary>div{border-color:#d1d8dd}.owner .outline{background:#edf1f4;color:#16212b;border-color:#a3b3bf}.owner .badge{color:#785700;background:#fff1c5}.owner .used{background:#169c36;color:#fff}.owner .invalid{background:#a72328;color:#fff}.owner .gold{border-color:#b9891e}.owner #approve{background:linear-gradient(#ffe697,#edbf41)}.owner button:disabled{opacity:.5;cursor:not-allowed}.owner table button{font-size:12px;padding:8px;margin:3px}.owner .summary strong{overflow-wrap:anywhere}.warning{padding:14px;background:#b01d23;color:white!important;border-radius:8px;text-align:center;font-weight:bold}.qr-button{border:6px solid #dcb347;border-radius:8px}.reward{background:linear-gradient(#ffe8a3,#e2b443);color:#141719}.reward strong,.reward small{color:#141719}.code{color:#f7d16a}.scan-video{width:100%;max-height:45vh}.owner .table-wrap{max-width:100%}.bottom-links{display:flex;gap:12px;justify-content:center;padding:24px}a{color:#eac66b}.owner #records td{max-width:190px;overflow-wrap:anywhere}.owner .row .gold{width:auto;flex:1}.credit{border:1px solid #d0ad5c;padding:12px;margin:12px 0;border-radius:10px}.owner .referrer-name{font-weight:bold}@media(max-width:760px){.owner table{min-width:670px}.owner.screen{padding:14px}.owner-grid{gap:12px}header img{width:70px}}
@media(max-width:760px){.owner .row{flex-direction:column;gap:8px}.owner .row>*{width:100%!important;margin-top:0}.owner table td{vertical-align:top;min-width:100px}.owner table td:last-child{min-width:190px}.code{font-size:19px;overflow-wrap:anywhere}.screen.owner{max-width:100%}}