@font-face{font-family:"Cormorant";src:url(fonts/cormorant.ttf) format("truetype");font-weight:300 700}
@font-face{font-family:"Inter";src:url(fonts/inter.ttf) format("truetype");font-weight:100 900}
:root{--bg:#0a0e2a;--panel:#111638;--panel2:#151b44;--line:#232a5c;--g:#e9b949;--g2:#c08a22;--txt:#e8ebff;--mut:#8b93c7;--ok:#2fd47a}
*{box-sizing:border-box}
html{background:#0a0e2a;min-height:100%}
body{margin:0;font-family:"Inter",system-ui,sans-serif;background:radial-gradient(ellipse at 70% 0,#141a4a,#0a0e2a 60%);color:var(--txt);font-size:13px;font-variant-numeric:lining-nums tabular-nums}
a{color:var(--g)}
svg.i{width:18px;height:18px;flex:none}
.side{position:fixed;left:0;top:0;bottom:0;width:210px;background:linear-gradient(#0d1235,#0a0d28);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}
.brand img{width:44px;filter:drop-shadow(0 0 8px rgba(255,190,80,.6))}
.brand b{display:block;font-family:"Cormorant";font-size:22px;font-weight:700;letter-spacing:.03em;background:linear-gradient(#fff2bf,#f2c04e 50%,#b97d17);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand span{font-size:12px;color:var(--mut)}
.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:3px 0;border-radius:8px;color:#cdd2f5;text-decoration:none;font-size:14px}
.nav a:hover{background:#161c4a}
.nav a.on{background:linear-gradient(90deg,#e9b949,#b8862a);color:#1b1205;font-weight:600;box-shadow:0 0 14px rgba(233,185,73,.35)}
.side .more{margin-top:auto;display:flex;gap:8px;align-items:center;font-size:11px;color:var(--mut)}
.side .more svg{width:22px;height:22px}
main{margin-left:210px;padding:18px 22px 40px}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.top h1{margin:0;font-size:21px}.top p{margin:3px 0 0;color:var(--mut);font-size:12px}
.top .me{display:flex;align-items:center;gap:16px}
.top .bell{position:relative;color:#cdd2f5}.top .bell::after{content:"";position:absolute;right:0;top:0;width:7px;height:7px;border-radius:50%;background:#ff4d6a}
.av{width:30px;height:30px;border-radius:50%;background:linear-gradient(#5b67c9,#3a3f8f);display:flex;align-items:center;justify-content:center}
.btn,button{font:inherit;cursor:pointer;border-radius:7px;border:1px solid var(--g2);background:transparent;color:var(--g);padding:6px 12px}
.btn.solid,button.solid{background:linear-gradient(#f0c75a,#c08a22);color:#1b1205;border:0;font-weight:600}
.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.kpi{display:flex;gap:12px;align-items:flex-start;position:relative}
.kpi .ico{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(#3a2f10,#1b1708);border:1px solid #6b5420;color:var(--g)}
.kpi .ico svg{width:20px;height:20px}
.kpi small{color:#cdd2f5;font-size:13px}.kpi b{display:block;font-size:22px;margin:4px 0}.kpi em{font-style:normal;font-size:11px;color:var(--ok)}
.kpi svg.spark{position:absolute;right:12px;top:16px;width:70px;height:34px}
.grid2{display:grid;grid-template-columns:1fr 330px;gap:14px;margin-bottom:14px}
h2{margin:0 0 10px;font-size:16px;display:flex;align-items:center;gap:10px;justify-content:space-between}
table{width:100%;border-collapse:collapse}
th{text-align:left;font-weight:500;color:var(--mut);font-size:12px;padding:6px 8px;border-bottom:1px solid var(--line)}
td{padding:8px;border-bottom:1px solid #1c2250;vertical-align:middle}
td small{display:block;color:var(--mut);font-size:11px}
.mono{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;font-weight:700;font-size:11px;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.sw{position:relative;display:inline-block;width:36px;height:20px;vertical-align:middle;margin-right:6px}
.sw input{opacity:0;width:0;height:0}.sw span{position:absolute;inset:0;border-radius:20px;background:#39406e;transition:.2s}
.sw span::before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s}
.sw input:checked+span{background:var(--ok)}.sw input:checked+span::before{transform:translateX(16px)}
.st{color:#cdd2f5;font-size:12px}
.edit{display:none}.edit.on{display:table-row}
.edit td{background:#0e1333}
input[type=text],input[type=number],input[type=password],input:not([type]){font:inherit;background:#0b0f2c;color:var(--txt);border:1px solid #2c3470;border-radius:6px;padding:5px 8px}
input[type=color]{width:34px;height:26px;border:0;background:none;padding:0;vertical-align:middle}
.search{background:#0b0f2c;border:1px solid #2c3470;border-radius:8px;padding:6px 10px;color:var(--mut);font-size:12px;width:200px}
.online{color:var(--ok);font-size:12px;display:flex;align-items:center;gap:5px}.online::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}
.bars .r{display:grid;grid-template-columns:52px 1fr 64px;gap:10px;align-items:center;margin:9px 0;font-size:12px}
.bar{height:8px;border-radius:5px;background:#1e2552;overflow:hidden}.bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#c08a22,#f2cd6a)}
.bars input{width:56px;padding:2px 5px;font-size:12px;text-align:right}
.avail{display:flex;gap:12px;align-items:center;margin-top:12px}
.avail .ico{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1e2552;color:var(--g)}
.avail b{display:block;font-size:22px;color:var(--g)}
.chart svg{width:100%;height:220px}
.pills button{border-radius:20px;padding:4px 12px;border-color:#2c3470;color:var(--mut);margin-left:4px}.pills button.on{border-color:var(--g);color:var(--g)}
.ops td{font-size:12px}
.tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;background:#1e2552}
.login{display:flex;align-items:center;justify-content:center;min-height:100vh}
.login form{width:340px;text-align:center}.login img{width:70px;filter:drop-shadow(0 0 10px rgba(255,190,80,.6))}
.login input{width:100%;margin:14px 0 10px;padding:10px}.login button{width:100%;padding:10px}
.err{color:#ff6b81}
.chart svg{width:18px;height:18px}.chart>svg{width:100%;height:220px}
.bars .r{grid-template-columns:52px 1fr 90px}.bars .r>span:last-child{white-space:nowrap}
.side{z-index:2}
.flash{padding:10px 14px;border-radius:10px;margin-bottom:14px;border:1px solid}.flash.ok{border-color:var(--ok);background:rgba(47,212,122,.1)}.flash.err{border-color:#ff6b81;background:rgba(255,107,129,.1)}
.status{font-size:12px;display:flex;align-items:center;gap:5px}.status::before{content:"";width:7px;height:7px;border-radius:50%}.status.online{color:var(--ok)}.status.online::before{background:var(--ok)}.status.offline{color:#ff6b81}.status.offline::before{background:#ff6b81}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#555c90;margin-right:6px}.dot.on{background:var(--ok)}
.pills a.pill{display:inline-block;border:1px solid #2c3470;border-radius:20px;padding:4px 12px;color:var(--mut);text-decoration:none;margin-left:4px;font-size:12px}.pills a.pill.on{border-color:var(--g);color:var(--g)}
button.danger,.danger{border-color:#c0394f;color:#ff8597}
.actions{display:flex;flex-wrap:wrap;gap:8px}.hint{color:var(--mut);font-size:12px}
.kv td:first-child{color:var(--mut);width:170px}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:14px}.filters label,.stack label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mut)}
select{font:inherit;background:#0b0f2c;color:var(--txt);border:1px solid #2c3470;border-radius:6px;padding:5px 8px}
input[type=date]{font:inherit;background:#0b0f2c;color:var(--txt);border:1px solid #2c3470;border-radius:6px;padding:4px 8px;color-scheme:dark}
.stack{display:flex;flex-direction:column;gap:10px}.inline{display:inline-flex;gap:6px;align-items:center}
.plus{color:var(--ok)}.minus{color:#ff6b81}
.tag.k-topup,.tag.k-cash_in{background:rgba(47,212,122,.15);color:#7ff0b0}.tag.k-payout,.tag.k-refund{background:rgba(123,140,255,.18);color:#b3bcff}.tag.k-burn,.tag.k-smart_empty{background:rgba(255,107,129,.15);color:#ff9aaa}
.tag.k-sale,.tag.k-sale_combo{background:rgba(233,185,73,.15);color:#f2cd6a}.tag.k-adjust{background:rgba(180,140,255,.18);color:#d3bcff}
.svc{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.svcform{display:flex;gap:18px;align-items:center;flex:1;flex-wrap:wrap}
.prev{width:170px;height:96px;border-radius:12px;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;
 background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--c1) 80%,#fff 10%),var(--bg));border:1.5px solid var(--c2);box-shadow:0 0 16px color-mix(in srgb,var(--c2) 40%,transparent)}
.prev b{color:var(--c2);font-size:14px}.prev small{color:#fff;opacity:.8}.mono.big{width:34px;height:34px;border-radius:50%;background:var(--c2);color:var(--c1)}
.fields{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;flex:1}.fields label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--mut)}
.swl{flex-direction:row!important;align-items:center;gap:6px!important;padding-bottom:4px}
.led{color:var(--mut)}.led b{color:var(--g)}.del{margin-left:auto}
.qrcard{text-align:center}.qrbox{display:inline-block;padding:16px;background:#fff;border-radius:16px;box-shadow:0 0 30px rgba(233,185,73,.7);border:3px solid var(--g)}
.qrcard .timer{font-size:15px;margin:12px 0}.qrcard .timer b{font-size:28px;color:var(--g)}.code{display:block;word-break:break-all;color:var(--mut);font-size:11px}
tr.total td{font-weight:700;border-top:2px solid var(--g2)}
.flags{margin-top:8px;display:flex;gap:6px}