:root{--r:#ff2147;--r2:#9b0019;--bg:#050507;--card:rgba(18,18,24,.62);--line:rgba(255,255,255,.11);--txt:#f7f7fb;--mut:#a7a7b3;--ok:#35ff9c}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#050507;color:var(--txt);min-height:100vh;overflow-x:hidden}.bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 50% -20%,#38101b 0,#08080c 43%,#030305 100%)}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle,#000 0,transparent 73%);animation:pan 18s linear infinite}.grain{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.orb{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(55px);opacity:.55;animation:float 7s ease-in-out infinite}.o1{background:#be0027;left:-130px;top:8%}.o2{background:#4c0010;right:-160px;bottom:0;animation-delay:-3s}@keyframes pan{to{transform:translateY(54px)}}@keyframes float{50%{transform:translate(30px,-25px) scale(1.08)}}@keyframes fadeUp{from{opacity:0;transform:translateY(22px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes glow{50%{box-shadow:0 0 40px rgba(255,33,71,.35)}}button,input,select,textarea{font:inherit}.sound{position:fixed;right:18px;top:18px;z-index:50;border:1px solid var(--line);background:rgba(15,15,20,.65);color:#fff;border-radius:999px;padding:10px 14px;backdrop-filter:blur(14px);cursor:pointer}.loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#050507;z-index:100;transition:.6s}.loader.hide{opacity:0;pointer-events:none}.loader img{width:140px;filter:drop-shadow(0 0 35px #ff2147);animation:pop .8s}.loader span{width:170px;height:3px;background:linear-gradient(90deg,transparent,var(--r),transparent);margin-top:25px;animation:pan 1s linear infinite}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:60px clamp(18px,5vw,90px)}.hero{animation:fadeUp .8s both}.hero img{width:min(360px,65vw);filter:drop-shadow(0 0 42px rgba(255,33,71,.42))}.hero h1{font-size:clamp(42px,8vw,100px);line-height:.88;margin:18px 0 14px;letter-spacing:-4px}.hero h1 span{color:var(--r);text-shadow:0 0 35px rgba(255,33,71,.5)}.hero p{color:var(--mut);font-size:18px;max-width:620px}.panel,.card,.modalBox{background:linear-gradient(180deg,rgba(30,30,38,.72),rgba(10,10,14,.72));border:1px solid var(--line);box-shadow:0 24px 80px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(20px);border-radius:30px}.panel{padding:28px;animation:fadeUp .9s .1s both}.tabs{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.05);padding:6px;border-radius:18px;margin-bottom:20px}.tabs button{border:0;border-radius:14px;background:transparent;color:var(--mut);padding:12px;cursor:pointer}.tabs button.active{background:linear-gradient(135deg,var(--r),var(--r2));color:white}.field{margin:13px 0}.field label{display:block;color:var(--mut);font-size:13px;margin:0 0 7px 4px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.28);color:#fff;border-radius:16px;padding:14px 15px;outline:0;transition:.2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(255,33,71,.65);box-shadow:0 0 0 4px rgba(255,33,71,.12)}.btn{border:0;border-radius:16px;padding:13px 16px;cursor:pointer;color:#fff;background:rgba(255,255,255,.08);border:1px solid var(--line);transition:.22s;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none}.btn:hover{transform:translateY(-2px);border-color:rgba(255,33,71,.6);box-shadow:0 16px 40px rgba(255,33,71,.16)}.btn.primary{background:linear-gradient(135deg,var(--r),var(--r2));border:0;animation:glow 3s infinite}.btn.good{background:linear-gradient(135deg,#26d77f,#0b7b47);border:0}.btn.danger{background:linear-gradient(135deg,#ff3b3b,#8e0000);border:0}.wide{width:100%;margin-top:10px}.layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:22px;border-right:1px solid var(--line);background:rgba(5,5,7,.5);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand img{width:56px;height:56px;object-fit:contain}.brand b{font-size:21px}.nav{display:grid;gap:8px}.nav button{justify-content:flex-start}.nav button.active{background:linear-gradient(135deg,rgba(255,33,71,.95),rgba(155,0,25,.9));border:0}.main{padding:24px clamp(16px,3vw,42px);animation:fadeUp .45s}.top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.top h2{font-size:34px;margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{padding:20px;animation:fadeUp .5s both}.stat{color:var(--mut);font-size:13px}.num{font-size:34px;font-weight:900;margin-top:8px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product{position:relative;overflow:hidden;min-height:260px;display:flex;flex-direction:column}.product:before{content:"";position:absolute;inset:-80px;background:radial-gradient(circle at 80% 0,rgba(255,33,71,.28),transparent 45%);pointer-events:none}.badge{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;background:rgba(255,33,71,.16);color:#ff8fa0;border:1px solid rgba(255,33,71,.25);font-size:12px}.coins{font-size:34px;font-weight:900;margin:20px 0 6px}.price{font-size:26px;color:var(--ok);font-weight:800}.mut{color:var(--mut)}.tableWrap{overflow:auto;border-radius:22px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:760px;background:rgba(0,0,0,.18)}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left}th{color:#ffb6c0;background:rgba(255,33,71,.08)}.pill{border-radius:999px;padding:5px 9px;font-size:12px;background:rgba(255,255,255,.08)}.paid{background:rgba(53,255,156,.13);color:#64ffb5}.pending{background:rgba(255,200,80,.13);color:#ffd16f}.actions{display:flex;gap:8px;flex-wrap:wrap}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);z-index:60}.modalBox{width:min(620px,100%);padding:22px;animation:pop .25s}.hidden{display:none!important}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;display:grid;gap:8px}.toast{padding:12px 16px;border-radius:16px;background:rgba(18,18,24,.85);border:1px solid var(--line);backdrop-filter:blur(14px);animation:fadeUp .25s}@media(max-width:950px){.auth{grid-template-columns:1fr;padding:25px}.hero{text-align:center}.layout{grid-template-columns:1fr}.side{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--line)}.nav{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.products{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.hero h1{letter-spacing:-2px}.panel{padding:18px;border-radius:22px}.sound{top:auto;bottom:12px;right:12px}.nav{grid-template-columns:1fr}.side{padding:15px}.main{padding:16px}}

.cartGrid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;align-items:start}
.cartLine{display:grid;grid-template-columns:1fr 90px auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.cartLine:last-child{border-bottom:0}
.cartLine input,.checkout input{width:100%;padding:12px;border-radius:14px;background:#111;color:white;border:1px solid var(--line)}
.sum{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.sum.total{font-size:22px;border-bottom:0;color:#fff}
.error{color:#ff6b7c;font-weight:700}
@media(max-width:900px){.cartGrid{grid-template-columns:1fr}.cartLine{grid-template-columns:1fr}.cartLine input{max-width:120px}}
.btn.adminPay{border-color:rgba(255,193,7,.5);background:linear-gradient(135deg,rgba(255,193,7,.14),rgba(255,40,40,.12));box-shadow:0 0 22px rgba(255,193,7,.12)}
.pill.test{background:rgba(255,193,7,.18);color:#ffd45b;border:1px solid rgba(255,193,7,.35);margin-left:6px}
.mut.small{font-size:12px;margin-top:8px}

#muteBtn {
    top: 75px !important;
    right: 22px !important;
    z-index: 9999 !important;
}


#muteBtn{
    position:fixed !important;
    bottom:25px !important;
    right:20px !important;
    top:auto !important;
    z-index:99999 !important;
}


#muteBtn{
    position:fixed !important;
    bottom:20px !important;
    right:20px !important;
    top:auto !important;
    left:auto !important;
    z-index:999999 !important;
}