:root{color:#18221d;background:#eef3ef;font-family:Inter,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}.admin{grid-template-columns:210px 1fr;min-height:100vh;display:grid}.admin aside{color:#eaf6ee;background:#132219;flex-direction:column;display:flex}.logo{color:#122018;border-bottom:1px solid #294333;align-items:center;gap:10px;height:72px;padding:0 22px;font-size:22px;font-weight:800;display:flex}.logo span{color:#eaf6ee;font-size:13px;line-height:1.2}.logo small{color:#84a18e;font-size:10px;font-weight:400}.nav{color:#122018;background:#7fe481;border-radius:4px;margin:22px 10px;padding:12px;font-size:12px;font-weight:700}.aside-foot{color:#799383;border-top:1px solid #294333;margin-top:auto;padding:18px 22px;font-size:10px}.admin main{min-width:0}.admin header{background:#fff;border-bottom:1px solid #dfe7e2;justify-content:space-between;align-items:center;height:72px;padding:0 28px;font-size:14px;display:flex}.admin header span{color:#718077;font-size:11px}.admin section{max-width:1100px;padding:28px}.heading{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.heading h1{margin:0 0 5px;font-size:23px}.heading p{color:#7b877f;margin:0;font-size:12px}.panel{background:#fff;border:1px solid #dfe7e2;border-radius:6px;padding:20px}.panel-head,footer{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;display:flex}.panel-head strong{color:#258c43}.error{color:#9d3f35;background:#fff0ed;border-left:3px solid #d65c50;margin-bottom:12px;padding:9px;font-size:11px}table{border-collapse:collapse;width:100%;font-size:12px}th{color:#849188;text-align:left;background:#f5f8f6;padding:10px 8px;font-weight:500}td{border-bottom:1px solid #edf1ee;padding:9px 8px}input{color:#26352d;background:#fff;border:1px solid #d4ded7;border-radius:3px;width:100%;height:34px;padding:0 8px}input[type=color]{width:40px;padding:3px}button{color:#304038;cursor:pointer;background:#fff;border:1px solid #cad6ce;border-radius:4px;min-height:34px;padding:0 13px}button.primary{color:#122018;background:#7fe481;border-color:#6fd577}.screen-wrap{padding:18px}.device-label{color:#708077;justify-content:space-between;max-width:1440px;margin:auto 0 8px;font-size:11px;display:flex}.device-label b{color:#304038}.screen{aspect-ratio:2432/192;color:#eaffee;isolation:isolate;background:#07140c;grid-template-columns:30fr 44fr 26fr;align-items:center;gap:1.15cqw;width:100%;max-width:1440px;padding:1.55cqw 1.45cqw .35cqw;display:grid;position:relative;overflow:hidden;container-type:inline-size}.screen:before{content:"";z-index:-1;background:linear-gradient(104deg,#7fe48138,#0000 35%),repeating-linear-gradient(116deg,#0000 0 75px,#7fe4810d 77px 79px);position:absolute;inset:0}.screen:after{content:"";border:1px solid #7fe48147;position:absolute;inset:7px}.ribbon{color:#112319;background:#7fe481;height:1.18cqw;padding:0 .8cqw;font-size:.48cqw;font-weight:700;position:absolute;top:0;left:0;right:0}.hero small{color:#7fe481;font-size:.52cqw}.hero h1{white-space:nowrap;margin:.2cqw 0;font-family:Georgia,serif;font-size:1.65cqw}.hero p{color:#9abca5;margin:0;font-size:.55cqw}.hero i{background:#7fe481;width:2.2cqw;height:.16cqw;margin-top:.45cqw;display:block}.reels{background:#7fe481;grid-template-columns:repeat(3,1fr);gap:.3cqw;height:4.85cqw;padding:.34cqw;display:grid;box-shadow:0 0 1.4cqw #7fe48133}.reels>div{color:#173c24;text-align:center;background:linear-gradient(#dfffe5,#fff 48%,#dfffe5);place-items:center;font-size:.75cqw;font-weight:750;display:grid}@keyframes blur{50%{filter:blur(2px)}}.payment{background:#7fe4810f;justify-content:flex-end;align-items:center;gap:.48cqw;height:5.15cqw;padding:.35cqw 0;display:flex}.pay-copy b{color:#7fe481;font-size:.7cqw;display:block}.pay-copy span{color:#8fb39a;margin-top:.2cqw;font-size:.45cqw;display:block}.qr-wrap{position:relative}.qr{background:#fff;grid-template-columns:repeat(13,1fr);gap:.04cqw;width:4.35cqw;height:4.35cqw;padding:.22cqw;display:grid}.qr i{background:#173c24}.qr i:nth-child(5n),.qr i:nth-child(7n+2){background:0 0}.paid-overlay{color:#112319;text-align:center;background:#7fe481e6;justify-content:center;align-items:center;font-size:.58cqw;font-weight:800;display:flex;position:absolute;inset:0}.payment:has(.paid-overlay) .qr{filter:grayscale();opacity:.32}.result{z-index:4;text-align:center;background:#041109f2;justify-content:center;align-items:center;display:flex;position:absolute;inset:1.18cqw 0 0}.result small{color:#7fe481;font-size:.5cqw}.result strong{margin:.2cqw 0;font-family:Georgia,serif;font-size:1.5cqw;display:block}.result span{color:#9abca5;font-size:.5cqw}.controls{justify-content:center;align-items:center;gap:9px;margin-top:14px;display:flex}.controls span{color:#728078;text-align:center;min-width:150px;font-size:11px}@media (width<=720px){.admin{grid-template-columns:60px 1fr}.logo{padding:0 15px}.logo span,.nav,.aside-foot{display:none}.admin section{padding:16px}.heading{flex-direction:column;align-items:flex-start;gap:10px}.screen{min-width:0}.pay-copy{display:none}}.reels{perspective:34cqw}.reels>div{transform-style:preserve-3d;position:relative;overflow:hidden}.reels>div:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffffbf 50%,#0000 65%);position:absolute;inset:-30% 0}.reels.spinning>div{animation:.16s ease-in-out infinite reelShake}.reels.spinning>div:nth-child(2){animation-delay:35ms}.reels.spinning>div:nth-child(3){animation-delay:70ms}.reels.spinning>div:after{opacity:1;animation:.48s linear infinite shine}.reels.spinning>div span{backface-visibility:hidden;text-shadow:0 .12cqw .2cqw #0f3f1f33;animation:.16s cubic-bezier(.35,.05,.65,.95) infinite slotFlip;display:block}@keyframes slotFlip{0%{filter:blur(.12cqw);opacity:.4;transform:translateY(-125%)rotateX(-78deg)}45%{filter:blur();opacity:1;transform:translateY(0)rotateX(0)}55%{filter:blur();opacity:1;transform:translateY(0)rotateX(0)}to{filter:blur(.12cqw);opacity:.4;transform:translateY(125%)rotateX(78deg)}}@keyframes reelShake{0%,to{transform:translateY(-.06cqw)}50%{transform:translateY(.09cqw)}}@keyframes shine{0%{opacity:0;transform:translate(-110%)}35%{opacity:.8}to{opacity:0;transform:translate(110%)}}.orders-page .searchbar{gap:8px;margin-bottom:14px;display:flex}.orders-page .searchbar input{max-width:520px}.orders-page .table-scroll{overflow:auto}.orders-page table{min-width:900px}.orders-page .status{background:#eef3ef;border-radius:3px;padding:4px 7px;font-size:10px;display:inline-block}.orders-page .status.PAID{color:#21763b;background:#e5f7e8}.orders-page .status.REFUNDED{color:#80552a;background:#fff2da}.orders-page .refund{color:#a43c32;border-color:#e4b4ad;min-height:28px}.orders-page .empty{text-align:center;color:#89958d;padding:28px}.admin .nav{color:#a8baaf;background:0 0;border-left:3px solid #0000;border-radius:4px;align-items:center;min-height:38px;margin:2px 10px;padding:0 12px;font-size:12px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .16s,color .16s,border-color .16s;display:flex}.admin .nav:hover{color:#eef8f1;background:#ffffff12}.admin .nav.active{color:#102017;background:#7fe481;border-left-color:#7fe481;box-shadow:0 3px 10px #0000001f}.admin .orders-link{margin-top:1px}.login-page{background:#eef3ef;place-items:center;min-height:100vh;display:grid}.login-box{background:#fff;border:1px solid #dce6df;border-radius:8px;width:340px;padding:34px;box-shadow:0 18px 50px #162d1f1f}.login-logo{color:#102017;background:#7fe481;border-radius:6px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid}.login-box h1{margin:18px 0 3px;font-size:21px}.login-box p{color:#7b877f;margin:0 0 22px;font-size:12px}.login-box input{border:1px solid #d4ded7;border-radius:4px;width:100%;height:38px;margin:9px 0;padding:0 10px;font-size:12px;display:block}.login-box button{width:100%;margin-top:8px}.screen-wrap .controls,.screen-wrap .device-label{display:none}