:root{--bg:#09090b;--card:rgba(255,255,255,.04);--bd:rgba(255,255,255,.12);--mut:rgba(255,255,255,.55);--fp:#a78bfa;--st:#34d3ee;--ok:#34d399;--bad:#fb7185}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:#fff;font:14px/1.45 system-ui,-apple-system,Segoe UI,Inter,sans-serif}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 55% at 50% -8%,rgba(255,255,255,.08),transparent 70%),radial-gradient(38% 40% at 0 8%,rgba(99,130,255,.16),transparent 70%),radial-gradient(38% 40% at 100% 8%,rgba(168,120,255,.14),transparent 70%)}
.wrap{max-width:1320px;margin:0 auto;padding:20px 16px 60px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:18px;backdrop-filter:blur(8px)}
.card h3{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.grid{display:grid;gap:14px}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:2fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.gh{grid-template-columns:1fr 1fr}
@media(max-width:980px){.g4{grid-template-columns:1fr 1fr}.g2,.g3,.gh{grid-template-columns:1fr}}
@media(max-width:520px){.g4{grid-template-columns:1fr}}
.top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px}
.logo{font-weight:800;font-size:20px}.logo span{background:linear-gradient(90deg,#22d3ee,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
button,.btn{font:inherit;font-weight:600;cursor:pointer;border-radius:999px;padding:8px 16px;border:1px solid var(--bd);background:rgba(255,255,255,.06);color:#fff;transition:.2s}
button:hover{background:rgba(255,255,255,.13)}button.on,button.pri{background:#fff;color:#0b0b10;border-color:#fff}button.pri:hover{background:#f1f1f6}
input,select{font:inherit;color:#fff;background:rgba(0,0,0,.35);border:1px solid var(--bd);border-radius:12px;padding:8px 12px;outline:0;min-width:0}
input:focus,select:focus{border-color:rgba(255,255,255,.6)}input[type=number]{width:84px}
.big{font-size:28px;font-weight:800;letter-spacing:-.02em}.mut{color:var(--mut)}.sm{font-size:12px}
.up{color:var(--ok)}.dn{color:var(--bad)}.fp{color:var(--fp)}.st{color:var(--st)}
.kpi .l{color:var(--mut);font-size:12px}.kpi .s{margin-top:2px;font-size:12px}
.tabs{display:inline-flex;padding:4px;border-radius:999px;background:rgba(0,0,0,.3);border:1px solid var(--bd)}
.tabs button{border:0;background:none;padding:6px 14px}.tabs button.on{background:#fff;color:#0b0b10}
table{width:100%;border-collapse:collapse}th,td{padding:8px 6px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}
th{color:var(--mut);font-size:12px;font-weight:600}td.n,th.n{text-align:right}.scroll{overflow-x:auto}
.pill{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:700;border:1px solid var(--bd)}
.pill.funpay{color:var(--fp);border-color:rgba(167,139,250,.5)}.pill.site{color:var(--st);border-color:rgba(52,211,238,.5)}
.pill.done{color:var(--ok)}.pill.pending{color:#fbbf24}.pill.refunded{color:var(--bad)}
svg text{fill:rgba(255,255,255,.55);font-size:10px}.bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#8b8b96,#fff)}
.login{max-width:420px;margin:12vh auto;text-align:center}.login h1{margin:0 0 6px}.login .card{padding:28px}
.login input{width:100%;text-align:center;font-size:22px;letter-spacing:.3em;margin:14px 0}.login button{width:100%;padding:12px}
.err{color:var(--bad);min-height:20px;margin-top:8px}.qr svg{width:200px;height:200px;border-radius:12px;background:#fff}
.heat{display:grid;grid-template-columns:28px repeat(24,1fr);gap:2px}.heat i{aspect-ratio:1;border-radius:3px;display:block}.heat b{font-size:10px;color:var(--mut);font-weight:500}
.warn{padding:10px 14px;border-radius:14px;border:1px solid rgba(251,191,36,.4);background:rgba(251,191,36,.08);color:#fcd34d;margin-bottom:14px}
.leg{display:flex;gap:14px;font-size:12px;color:var(--mut);margin-top:6px}.leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px}