:root{
  color-scheme:dark;
  --bg:#080b12;--panel:#111722;--panel2:#182235;--soft:#0d1421;
  --line:#2b3a52;--text:#f5f8ff;--muted:#9daac0;
  --blue:#2f72da;--blue2:#62a1ff;--cyan:#47d5ff;--accent:#42e39a;--warn:#ffcf5a;--bad:#ff6b8a;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 20% 0,#173869 0,#080b12 36%,#080b12 100%);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(47,114,218,.16),transparent 38%)}
a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 5vw;background:rgba(8,11,18,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.brand img{width:150px;height:34px;object-fit:contain;object-position:left center}.brand span{color:var(--muted);font-size:14px}
nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
nav a,.balance-pill{color:var(--muted);padding:9px 11px;border-radius:8px}.nav-cta,.balance-pill{background:#16243a;color:var(--text);border:1px solid var(--line)}
nav a:hover{background:#182337;color:var(--text)}
.language-switch{display:inline-flex;align-items:center;gap:4px;background:#0b101a;border:1px solid var(--line);border-radius:8px;padding:3px}.language-switch a{padding:6px 8px;border-radius:6px;font-size:12px;font-weight:900;color:var(--muted)}.language-switch a.active,.language-switch a:hover{background:#172946;color:var(--text)}
.dust-chip{display:inline-flex!important;align-items:center;gap:7px;color:var(--text)!important;font-weight:900;white-space:nowrap}.dust-icon{position:relative;display:inline-block;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#d8f6ff 0 12%,#72dfff 13% 32%,#2d85ff 33% 64%,#153f93 65% 100%);box-shadow:0 0 16px rgba(71,213,255,.58),inset -3px -4px 8px rgba(10,33,88,.55)}.dust-icon:before,.dust-icon:after{content:"";position:absolute;border-radius:50%;background:#a9f0ff;box-shadow:0 0 9px rgba(71,213,255,.8)}.dust-icon:before{width:5px;height:5px;right:-4px;top:1px}.dust-icon:after{width:4px;height:4px;left:-3px;bottom:2px}.dust-large .dust-icon{width:30px;height:30px}
main{position:relative;width:min(1180px,90vw);margin:0 auto;padding:34px 0 60px}
.hero{min-height:360px;display:flex;align-items:center;padding:38px 0 44px;border-bottom:1px solid var(--line);margin-bottom:28px}
.hero-logo{width:min(760px,100%);display:block;margin-bottom:26px;filter:drop-shadow(0 18px 40px rgba(47,114,218,.35))}
.hero h1,h1{font-size:42px;margin:0 0 10px}.hero p,.admin-head p,.page-title p,.shop-toolbar p,.auth p{color:var(--muted);font-size:18px;max-width:680px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.account-card{display:grid;gap:2px;background:#0d1625;border:1px solid var(--line);border-radius:8px;padding:11px 14px}.account-card small{color:var(--accent)}
.flash{background:#143727;border:1px solid #2ac987;padding:14px 16px;border-radius:8px;margin-bottom:20px}
.shop-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.shop-toolbar h2{margin:0 0 4px}.shop-toolbar p{margin:0;font-size:15px}
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 0 24px}.category-card{display:grid;gap:8px;min-height:150px;background:linear-gradient(180deg,#182641,#101827);border:1px solid var(--line);border-radius:8px;padding:18px}.category-card:hover{border-color:var(--blue2);transform:translateY(-1px)}.category-card span{width:44px;height:44px;display:grid;place-items:center;background:#0b1424;border:1px solid #31557e;border-radius:8px;color:var(--cyan);font-weight:900}.category-card b{font-size:20px}.category-card small{color:var(--muted)}
.filters{display:flex;gap:8px;flex-wrap:wrap}.filters a{border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--muted);background:#0b101a}.filters a.active,.filters a:hover{color:var(--text);border-color:var(--blue2);background:#172946}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}
.topup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:22px}.topup-card{min-height:250px}.topup-card p{min-height:0}.pay-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-actions form,.pay-actions button{width:100%}.topup-history{margin-top:20px}.settings-form{display:grid;gap:12px}
.card,.panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.card{position:relative;overflow:hidden;display:grid;gap:10px;min-height:275px}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--accent))}
.item-icon{width:46px;height:46px;border-radius:8px;display:grid;place-items:center;background:#0c1524;border:1px solid #31557e;color:var(--cyan);font-weight:900;font-size:22px}
.card span{font-size:12px;color:var(--cyan);font-weight:900}.card h2{margin:0}.card p{min-height:54px;color:var(--muted);margin:0}.card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.card-foot strong{font-size:20px}.card-foot small{color:var(--warn)}
button,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:linear-gradient(135deg,var(--blue2),var(--accent));color:#04101a;font-weight:900;padding:11px 14px;cursor:pointer;min-height:42px}
button:disabled{cursor:not-allowed;background:#263246;color:#8490a4}.button.secondary{background:#101a2b;color:var(--text);border:1px solid var(--line)}
input,select{width:100%;border:1px solid var(--line);border-radius:8px;background:#0b101a;color:var(--text);padding:10px;margin-top:6px}label{display:block;color:var(--muted);font-size:14px}
.auth{max-width:460px;margin:34px auto;text-align:center}.auth-logo{width:100%;max-width:360px;margin:0 auto 18px;display:block}.auth .panel{text-align:left}.auth-switch{margin-top:16px;color:var(--muted)}.auth-switch a{color:var(--cyan);font-weight:800}
.panel{display:grid;gap:12px}.page-title{margin-bottom:20px}.empty-state{display:grid!important;grid-template-columns:1fr!important;gap:8px;text-align:center;padding:28px!important}.empty-state .button{justify-self:center;margin-top:4px}
.admin-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.admin-head img{width:min(420px,42vw);filter:drop-shadow(0 12px 32px rgba(47,114,218,.28))}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats div{background:#0f1725;border:1px solid var(--line);border-radius:8px;padding:16px}.stats span{display:block;margin-bottom:8px}.stats b{font-size:26px}
.admin-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:22px}.overview,.event-panel{margin-bottom:22px}
.event-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.event-list div{background:#0b101a;border:1px solid var(--line);border-radius:8px;padding:12px}
.item-form{margin-bottom:14px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}
.table{display:grid;gap:10px}.table>div,.user-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;background:#0b101a;border:1px solid var(--line);border-radius:8px;padding:12px}.compact>div{grid-template-columns:1fr auto}.compact small{grid-column:1/-1}.user-row{grid-template-columns:1fr 1fr auto 120px auto}
small,span{color:var(--muted)}.status,.online,.offline{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.status.delivered,.status.paid,.online{background:#123526;color:var(--accent)}.status.pending,.status.created,.status.redirected{background:#372d12;color:var(--warn)}.status.error,.offline{background:#351521;color:var(--bad)}
@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.brand img{width:135px}.hero{min-height:300px}.hero h1,h1{font-size:32px}.shop-toolbar,.admin-head{align-items:flex-start;flex-direction:column}.admin-head img{width:100%}.stats,.admin-grid{grid-template-columns:1fr}.table>div,.user-row{grid-template-columns:1fr}.grid,.topup-grid{grid-template-columns:1fr}.pay-actions{grid-template-columns:1fr}}