:root{font-family:Tahoma,Arial,sans-serif;color:#f7f2e9;background:#10202e;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 50% -15%,#31485a 0,#142737 38%,#101e2b 100%)}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.top{height:86px;display:flex;align-items:center;justify-content:space-between;max-width:1080px;margin:auto;padding:12px 24px;border-bottom:1px solid #d6ba852b}.brand{display:flex;flex-direction:column;line-height:1.05;align-items:center;color:#e9d2ae}.brand small{font-size:.78rem}.brand strong{font-size:2rem;font-weight:500}.brand span{font-size:.59rem;letter-spacing:.35em;margin-top:7px;direction:ltr}main{max-width:1080px;margin:0 auto;padding:26px 20px 70px}.panel,.vip-card{border:1px solid #d7bd8b58;background:#182d3e;border-radius:24px;box-shadow:0 22px 50px #07111c48}.panel{padding:26px}.narrow{max-width:460px;margin:55px auto}.section-title{font-size:1.55rem;margin:0 0 20px;color:#f6eee3;font-weight:500}.muted{color:#acbec8}.gold{color:#ead0a3}.field{display:block;margin:17px 0;color:#ead9c1;font-size:.9rem}.field input,.search{width:100%;margin-top:8px;background:#0e2030;border:1px solid #bca57a65;color:white;border-radius:13px;padding:14px 16px;outline:none;min-height:50px}.field input:focus,.search:focus{border-color:#e5c899}input::placeholder{color:#8c9ea9}input[type=number]{direction:ltr;text-align:right}.btn{background:#e5c899;color:#132738;border:0;border-radius:13px;padding:14px 18px;font-weight:bold;min-height:48px}.btn:hover{background:#f2d9ae}.btn.dark{background:#233b4b;color:#f6e5c8;border:1px solid #c2a77855}.btn.danger{background:#663b3f;color:white}.ghost{background:transparent;color:#e6cca2;border:1px solid #cdb38578;border-radius:12px;padding:10px 16px}.full{width:100%}.hidden{display:none!important}.error{color:#ffb8aa;background:#5e2c3242;padding:12px;border-radius:12px}.loading{text-align:center;color:#ead0a3;padding:80px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:24px}.actions{display:flex;gap:9px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat{padding:24px;background:#1b3345;border:1px solid #d4bd9050;border-radius:18px}.stat small{color:#aebbc2}.stat strong{display:block;font-size:1.8rem;color:#eed2a4;margin-top:10px}.list{display:grid;gap:10px;margin-top:16px}.row{width:100%;text-align:right;background:#1b3345;border:1px solid #9ba8a64f;border-radius:15px;color:white;padding:17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.row:hover{border-color:#ead0a3}.row small{display:block;color:#aebdc6;margin-top:5px}.row b{color:#ecd1a4;white-space:nowrap}.back{margin-bottom:18px}.vip-card{max-width:440px;margin:15px auto 25px;padding:32px 24px 27px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(140deg,#1c3445,#0e2130 75%)}.vip-card:before{content:"";position:absolute;width:390px;height:390px;border:1px solid #cbb4832b;border-radius:50%;top:-250px;left:-140px;pointer-events:none}.vip-card .brand{margin:6px auto 30px}.vip-card h2{font-size:1rem;color:#d8c19b;font-weight:400}.balance{color:#f4deb8;font-size:2.7rem;line-height:1.2;margin:7px 0}.balance small{font-size:1rem}.number{letter-spacing:.2em;direction:ltr;color:#b5c3c9;font-size:.9rem}.qr-wrap{background:#fff;padding:13px;width:max-content;margin:22px auto 5px;border-radius:12px;max-width:100%}.qr-wrap canvas{display:block;max-width:100%;height:auto}.tip{font-size:.86rem;color:#b9c5c9}.summary{display:flex;gap:12px;margin:18px 0}.summary>div{flex:1;background:#102431;padding:18px;border-radius:14px}.summary strong{display:block;color:#eed2aa;font-size:1.3rem;margin-top:7px}.toast{position:fixed;bottom:25px;left:20px;right:20px;max-width:450px;margin:auto;background:#d9c197;color:#132737;padding:15px 20px;border-radius:12px;text-align:center;box-shadow:0 12px 30px #0008;z-index:20}.center{text-align:center}.public-note{max-width:460px;margin:0 auto;text-align:center}#reader{max-width:460px;margin:10px auto;color:#172b39;background:white;border-radius:14px;overflow:hidden}.fine{font-size:.82rem;line-height:1.7}.history{margin-top:20px}.history .row{cursor:default}.busy{pointer-events:none;opacity:.6}@media(max-width:680px){.top{height:75px}.brand strong{font-size:1.65rem}main{padding:18px 14px 80px}.panel{padding:20px}.grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.actions>*{flex:1}.narrow{margin:22px auto}.summary{flex-direction:column}}