*{box-sizing:border-box}html{background:#050712}body{margin:0;background:radial-gradient(circle at 18% 0,#062b55 0,#061a33 28%,#061525 63%,#020812 100%);color:#f8f5ff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 35%,rgba(45,150,255,.08),transparent 62%);z-index:-1}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.wrap{max-width:440px;min-height:100vh;margin:auto;padding:22px 16px;display:flex;flex-direction:column;justify-content:center}.brand{font-size:40px;line-height:1;font-weight:950;letter-spacing:-1.5px;background:linear-gradient(90deg,#54c7ff 0,#e8f8ff 25%,#4da9ff 55%,#8be5ff 100%);-webkit-background-clip:text;color:transparent;text-shadow:0 0 30px rgba(45,150,255,.22)}.tag{color:#c9e5f7;margin:7px 0 18px;font-size:13px}.card{background:linear-gradient(145deg,rgba(11,29,48,.94),rgba(25,8,52,.92));border:1px solid rgba(61,169,255,.32);border-radius:16px;padding:14px;box-shadow:0 12px 40px rgba(0,0,0,.38),0 0 24px rgba(25,118,210,.08)}.field{margin:10px 0}.field label{display:block;color:#b9bfd5;font-size:11px;margin-bottom:6px}.field input,.field textarea,.field select,.form input,.form select{width:100%;background:#07101f;border:1px solid #394665;color:#fff;border-radius:9px;padding:10px;outline:none}.btn{border:1px solid rgba(255,211,80,.2);border-radius:9px;padding:9px 13px;background:linear-gradient(90deg,#0756b8,#168cff);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 4px 18px rgba(10,120,240,.25)}.btn.gold{background:linear-gradient(90deg,#0864c7,#19a0ff)}.muted{color:#8ea9bd;font-size:12px}.mTop{position:sticky;top:0;z-index:20;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;background:rgba(3,9,20,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(62,169,255,.22)}.brandMini{font-weight:950;font-size:18px}.brandMini img{width:29px;height:29px;object-fit:contain;vertical-align:middle;border-radius:7px;margin-right:5px}.brandMini b{font-weight:950}.brandMini span{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:linear-gradient(135deg,#36b8ff,#0875d1);margin-right:5px;color:#fff}.brandMini i{font-style:normal;color:#58c8ff;font-size:10px}.userMini{font-size:11px;color:#d9efff;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page{max-width:780px;margin:auto;padding:13px 13px 94px}.title h1{margin:0;font-size:22px;letter-spacing:-.3px}.title p{margin:3px 0 13px;color:#929bb7;font-size:12px}.hero{position:relative;border-radius:17px;padding:17px;background:linear-gradient(135deg,#064b91 0,#087bd1 40%,#0b5da8 100%);border:1px solid rgba(70,181,255,.65);overflow:hidden;box-shadow:0 0 28px rgba(129,29,224,.24)}.hero:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-45px;top:-65px;background:rgba(70,181,255,.14);filter:blur(2px)}.hero h2{position:relative;margin:0 0 5px;font-size:20px}.hero p{position:relative;margin:0;color:#e5f5ff;font-size:12px}.ticker{margin-top:9px;white-space:nowrap;overflow:hidden;border:1px solid rgba(61,169,255,.28);border-radius:10px;background:#071426;padding:8px;color:#63d3ff;font-size:11px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.quick a{background:linear-gradient(180deg,#063f78,#071d38);border:1px solid rgba(63,164,255,.35);border-radius:12px;padding:8px 4px;text-align:center}.quick b{display:grid;place-items:center;width:34px;height:34px;margin:auto;border-radius:10px;background:linear-gradient(135deg,#0879d1,#155bc1);font-size:18px}.quick small{display:block;margin-top:5px;font-size:9px;color:#e5f4ff}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stat{background:linear-gradient(145deg,#071d36,#092b4d);border:1px solid rgba(61,169,255,.2);border-radius:13px;padding:11px}.stat small{color:#8ba7ba;font-size:10px}.stat b{display:block;font-size:17px;margin-top:3px;color:#63d3ff}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin:13px 0 7px}.sectionHead b{font-size:14px}.sectionHead a{font-size:10px;color:#d5a6ff}.list{display:grid;gap:8px}.video{display:grid;grid-template-columns:100px 1fr;gap:9px;background:linear-gradient(145deg,#08182b,#081c32);border:1px solid rgba(255,255,255,.08);padding:8px;border-radius:13px}.thumb{width:100px;height:69px;border-radius:9px;object-fit:cover;background:#17233b}.badge{display:inline-block;padding:4px 7px;border-radius:999px;background:#7d28e933;color:#bfe9ff;border:1px solid #168cff55;font-size:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.profileMenu{display:grid;gap:6px}.profileMenu a{display:flex;align-items:center;justify-content:space-between;padding:11px;border-radius:10px;background:#071f37;border:1px solid rgba(100,190,255,.10);font-size:12px}.bottomNav{position:fixed;bottom:0;left:0;right:0;z-index:30;margin:auto;max-width:780px;display:grid;grid-template-columns:repeat(6,1fr);padding:6px 3px calc(6px + env(safe-area-inset-bottom));background:rgba(3,7,16,.97);backdrop-filter:blur(18px);border-top:1px solid rgba(62,169,255,.22)}.bottomNav a{text-align:center;color:#7897ad;padding:5px 1px;border-radius:9px;font-size:16px}.bottomNav a.active{color:#63d5ff;background:linear-gradient(180deg,#7a1fe933,#f5c73b11)}.bottomNav small{display:block;font-size:8px;margin-top:2px}.toast{position:fixed;left:50%;bottom:73px;z-index:99;transform:translate(-50%,20px);opacity:0;background:#101b31;border:1px solid #59698d;border-radius:10px;padding:9px 12px;transition:.2s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.adminTop{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:rgba(3,12,25,.96);border-bottom:1px solid rgba(62,169,255,.25);position:sticky;top:0;z-index:20}.adminBrand{font-weight:950;font-size:20px}.adminGrid{max-width:1350px;margin:auto;display:grid;grid-template-columns:205px 1fr}.side{padding:11px;border-right:1px solid rgba(62,169,255,.16);min-height:calc(100vh - 65px);background:rgba(5,11,22,.35)}.side button{display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#91aec2;padding:9px 10px;border-radius:9px;margin:2px 0;cursor:pointer;font-size:12px}.side button.active{background:linear-gradient(90deg,#0866c7,#09345f);border-color:#39aaff66;color:#fff;box-shadow:0 0 16px rgba(10,112,210,.16)}.panel{padding:18px}.panel h1{margin:0 0 13px;font-size:22px}.adminCards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.tableWrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px;border-bottom:1px solid rgba(100,190,255,.10);text-align:left;font-size:11px;white-space:nowrap}.settings{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.chartBox{height:190px;border-radius:14px;background:linear-gradient(180deg,#061c32,#061321);border:1px solid rgba(61,169,255,.18);display:flex;align-items:end;padding:15px;gap:9px}.bar{flex:1;background:linear-gradient(180deg,#18a0ff,#126bc7);border-radius:6px 6px 2px 2px;min-height:15px;box-shadow:0 0 14px rgba(20,135,230,.25)}@media(max-width:760px){.adminGrid{grid-template-columns:1fr}.side{display:grid;grid-template-columns:repeat(2,1fr);min-height:auto;border-right:0;border-bottom:1px solid rgba(62,169,255,.16)}.side button{font-size:11px}.panel{padding:12px}.adminCards{grid-template-columns:repeat(2,1fr)}.form,.settings{grid-template-columns:1fr}}.dashboardSplit{display:grid;grid-template-columns:1.5fr 1fr;gap:9px}@media(max-width:760px){.dashboardSplit{grid-template-columns:1fr}}
.bannerWrap{position:relative;height:118px;margin:8px 0 12px;border-radius:15px;overflow:hidden;border:1px solid rgba(62,169,255,.32);background:#071c30;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.bannerHome{height:178px}.bannerSlide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .45s ease;background:linear-gradient(135deg,#07539a,#0b4c82)}.bannerSlide.show{opacity:1;z-index:2}.bannerSlide img{width:100%;height:100%;object-fit:cover}.bannerFallback{position:absolute;inset:auto 14px 12px;display:flex;flex-direction:column;gap:3px;text-shadow:0 2px 10px #000}.bannerFallback b{font-size:18px}.bannerFallback small{font-size:11px;color:#f0efff}.rewardState{margin:10px 0;padding:10px;border-radius:10px;background:#071d32;border:1px solid rgba(45,145,230,.25);font-size:12px;line-height:1.5}.rewardState.success{border-color:rgba(255,207,73,.55);background:rgba(83,53,8,.25);color:#8de0ff}.rewardState.info{border-color:rgba(65,175,240,.35);color:#cceeff}.goldText{color:#63d3ff}.watchCount{font-weight:800;margin-top:9px;color:#63d3ff}.rewardPlayer{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#000;margin:6px 0}.spinCard{text-align:center;padding:24px;position:relative;overflow:hidden}.spinWheel{width:250px;height:250px;border-radius:50%;margin:18px auto 24px;position:relative;border:8px solid #2d9ddd;background:conic-gradient(#0877c9 0 16.66%,#0b4c86 16.66% 33.32%,#1399df 33.32% 49.98%,#166db0 49.98% 66.64%,#0877c9 66.64% 83.3%,#0b4c86 83.3% 100%);box-shadow:0 0 35px rgba(25,145,230,.28);transition:transform 3.2s cubic-bezier(.12,.72,.15,1)}.spinLabels{position:absolute;inset:0}.spinLabels span{position:absolute;left:50%;top:50%;margin:-8px 0 0 -30px;width:60px;text-align:center;font-size:10px;font-weight:900;color:#fff;text-shadow:0 1px 3px #000}.pointer{position:absolute;z-index:4;top:18px;left:50%;transform:translateX(-50%);color:#6bdcff;font-size:26px;text-shadow:0 2px 8px #000}.qris{display:block;width:min(280px,100%);margin:12px auto;border-radius:12px;background:#fff;padding:8px}.miniInfo{padding:10px;margin:10px 0;background:#08182b}.chatMessages{height:310px;overflow:auto;padding:8px;margin:8px 0;background:#061321;border:1px solid rgba(100,190,255,.10);border-radius:12px}.chatMsg{max-width:82%;padding:8px 10px;border-radius:11px;margin:7px 0;font-size:12px}.chatMsg.me{margin-left:auto;background:#0877c9}.chatMsg.admin{background:#0b2944}.chatMsg small{display:block;opacity:.65;font-size:9px;margin-bottom:3px}.notice{padding:10px 0;border-bottom:1px solid rgba(100,190,255,.10)}.notice p{margin:5px 0;font-size:12px}.badge.approved{color:#7ff0a4}.badge.pending{color:#63d3ff}.badge.rejected{color:#ff8c9c}
.adminChatLayout{display:grid;grid-template-columns:260px 1fr;gap:10px}.chatUsers{display:grid;gap:6px;align-content:start}.chatUser{display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px;border-radius:10px;background:#08182b;border:1px solid rgba(100,190,255,.10);color:#fff;cursor:pointer}.chatUser small,.chatUser span{font-size:10px;color:#8994ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminChatPanel{min-height:470px}.adminChatPanel textarea{width:100%;margin:8px 0;background:#07101f;border:1px solid #394665;color:#fff;border-radius:9px;padding:10px;resize:vertical}@media(max-width:760px){.adminChatLayout{grid-template-columns:1fr}.adminChatPanel{min-height:400px}}

.brand img{display:block;width:86px;height:86px;object-fit:contain;margin:0 auto 10px;border-radius:18px}

.adminBrand img{width:52px;height:52px;object-fit:contain;vertical-align:middle;border-radius:10px;margin-right:8px}