:root{--bg:#020b1c;--bg2:#071b3b;--card:#0b2855;--card2:#071a38;--line:rgba(116,180,255,.16);--text:#eff7ff;--muted:#86a0c0;--cyan:#20c9ff;--blue:#4778ff;--green:#35e5ad;--gold:#ffd35a;--danger:#ff8195}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:Inter,"Noto Sans Bengali",sans-serif;background:radial-gradient(circle at 12% 4%,rgba(27,90,171,.34),transparent 31%),radial-gradient(circle at 100% 35%,rgba(0,209,255,.12),transparent 30%),linear-gradient(180deg,#061735 0,#031126 38%,#020916 100%)}body.menu-open{overflow:hidden}a,button,input,textarea,select{font:inherit}.stars,.stars:before,.stars:after{position:fixed;inset:0;content:"";pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#8edfff 1px,transparent 1px);background-size:93px 93px,137px 137px;opacity:.22;animation:starsFall 28s linear infinite;z-index:0}.stars:before{background-size:181px 181px;opacity:.11;animation-duration:39s}.stars:after{background-size:71px 71px;opacity:.09;animation-duration:19s}@keyframes starsFall{from{transform:translateY(-40px)}to{transform:translateY(160px)}}.ambient{position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(70px);opacity:.15}.ambient-one{width:340px;height:340px;background:#087cff;left:-190px;top:18%}.ambient-two{width:380px;height:380px;background:#00e7b1;right:-220px;bottom:10%}
.topbar{position:sticky;top:0;z-index:100;padding:14px 16px;background:rgba(8,28,67,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(125,184,255,.18);box-shadow:0 12px 45px rgba(0,0,0,.2)}.topbar-inner{width:min(1180px,100%);min-height:62px;margin:auto;display:grid;grid-template-columns:62px 1fr 62px;align-items:center;gap:14px}.header-icon-btn{width:62px;height:62px;border-radius:21px;border:1px solid rgba(235,246,255,.7);background:rgba(7,24,55,.72);display:grid;place-items:center;color:#fff;text-decoration:none;cursor:pointer}.menu-trigger{gap:5px}.menu-trigger span{width:19px;height:2px;border-radius:4px;background:#fff;display:block}.logout-btn svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand{justify-self:center;display:flex;align-items:center;gap:11px;min-width:0;color:#fff;text-decoration:none}.brand-logo-wrap{position:relative;display:block}.brand-logo-wrap img,.brand-icon{width:47px;height:47px}.brand-logo-wrap img{display:block;object-fit:cover;border-radius:15px}.brand-icon{display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#13e7b0,#1782ff);font-size:26px;font-weight:900;box-shadow:0 0 28px rgba(22,188,255,.25)}.online-dot{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:#32efb0;border:2px solid #081d43;box-shadow:0 0 12px #32efb0}.brand-copy b{display:block;font-size:20px;font-weight:900;white-space:nowrap}.brand-copy small{display:block;margin-top:3px;color:#79a1ce;font-size:8px;letter-spacing:1.5px;font-weight:800}.header-spacer{width:62px;height:1px}.header-action-link{justify-self:end;color:#bcd3ef;text-decoration:none;font-weight:800;font-size:12px;padding:11px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(9,28,61,.55)}
.container{position:relative;z-index:2;width:min(1060px,92%);margin:0 auto;padding:28px 0 115px}.flash{position:relative;z-index:120;width:min(720px,92%);margin:14px auto;padding:12px 15px;border-radius:14px;text-align:center;font-size:13px}.flash.success{background:#082e28;color:#6bffd0;border:1px solid #166550}.flash.error{background:#351722;color:#ffacba;border:1px solid #713246}.hero{text-align:center;padding:22px 0 25px}.home-hero .hero-icon{width:78px;height:78px;margin:0 auto 15px;border-radius:25px;display:grid;place-items:center;font-size:43px;font-weight:900;background:linear-gradient(145deg,#496eff,#10d7df);box-shadow:0 18px 55px rgba(22,154,255,.25)}.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(56,255,203,.22);border-radius:999px;background:rgba(22,120,109,.16);color:#9affdf;font-size:11px;font-weight:800}.hero h1{font-size:clamp(36px,7vw,64px);margin:17px 0 9px;letter-spacing:-2.5px;background:linear-gradient(90deg,#fff,#70ffd0,#7eb6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:720px;margin:auto;color:#93a9c5;line-height:1.8;font-size:14px}.rate-card,.form-card,.order-card,.support-card{background:linear-gradient(145deg,rgba(15,48,94,.88),rgba(5,21,48,.95));border:1px solid var(--line);border-radius:25px;box-shadow:0 22px 70px rgba(0,0,0,.26);padding:22px}.rate-card{text-align:center;margin:8px auto 25px;max-width:720px}.rate-card .label{color:#8ea9c9;font-size:11px;letter-spacing:1.5px;font-weight:800}.rate{font-size:37px;font-weight:900;color:#36e9b0;margin:7px 0 12px}.muted{color:#7892b3;font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:30px 0 14px}.section-heading h2{margin:5px 0 0;font-size:23px}.eyebrow{font-size:9px;letter-spacing:2px;color:#72a1d0;font-weight:900}.count{font-size:10px;color:#8eafd3;border:1px solid var(--line);background:rgba(17,52,95,.42);padding:7px 10px;border-radius:999px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.package{position:relative;cursor:pointer;min-height:175px;padding:18px;border:1px solid rgba(94,157,224,.16);border-radius:21px;background:linear-gradient(145deg,rgba(15,51,101,.9),rgba(6,23,51,.96));transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.package:after{content:"";position:absolute;width:110px;height:110px;right:-55px;bottom:-60px;border-radius:50%;background:#1dafff;filter:blur(35px);opacity:.14}.package:hover{transform:translateY(-3px);border-color:rgba(47,238,190,.45);box-shadow:0 14px 35px rgba(0,170,255,.1)}.package.selected{border-color:#2ceab0;box-shadow:0 0 0 1px rgba(44,234,176,.2),0 16px 40px rgba(0,224,173,.12)}.package .badge{position:absolute;right:11px;top:11px;background:rgba(111,79,18,.9);color:#ffe28c;border:1px solid #a97c27;padding:5px 8px;border-radius:8px;font-size:9px;font-weight:900}.package-icon{width:45px;height:45px;margin-bottom:11px;border-radius:14px;display:grid;place-items:center;background:rgba(28,193,255,.1);border:1px solid rgba(77,194,255,.16);font-size:22px;color:#71ddff}.package small{color:#8ca8c8;font-size:10px}.package h3{font-size:24px;margin:7px 0}.usdt{color:#37edb2}.price{color:#ffd45c;font-size:19px;font-weight:900}.select-hint{position:relative;z-index:1;margin-top:12px;display:flex;justify-content:space-between;color:#7fa4ca;font-size:10px;font-weight:800}.buy-wrap{display:none;position:sticky;bottom:83px;z-index:35;margin:17px 0}.buy-wrap.show{display:block}.buy-btn{width:100%;border-radius:18px;background:linear-gradient(100deg,#4e6aff,#0fd9cf);color:#fff;box-shadow:0 13px 32px rgba(27,144,255,.25)}.empty-state{max-width:650px;margin:34px auto;padding:55px 22px;text-align:center;border-radius:28px;border:1px solid rgba(92,158,227,.17);background:linear-gradient(145deg,rgba(13,44,87,.88),rgba(6,22,50,.94));box-shadow:0 20px 60px rgba(0,0,0,.25)}.empty-icon{width:72px;height:72px;margin:0 auto 16px;border-radius:22px;display:grid;place-items:center;background:rgba(45,151,255,.12);border:1px solid rgba(85,177,255,.15);font-size:31px}.empty-state h2{margin:0 0 8px;font-size:24px}.empty-state p{margin:0;color:#7e9abd;font-size:13px;line-height:1.8}.notice{padding:13px;border-radius:14px;background:#07172a;border:1px solid #173250;color:#9eb4ca;font-size:12px;line-height:1.7}
.form-card{max-width:760px;margin:20px auto}.form-card h2{margin-top:0}.field{margin:14px 0}.field label{display:block;font-size:12px;color:#adc0d6;margin-bottom:8px}.input,.select,textarea,input[type=file]{width:100%;background:#030b1c;color:#eaf4ff;border:1px solid #203a60;border-radius:14px;padding:14px;outline:0}.input:focus,.select:focus,textarea:focus{border-color:#24e8b1;box-shadow:0 0 0 3px rgba(36,232,177,.08)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pay-option{padding:13px;border:1px solid #213b5d;background:#0b1730;border-radius:13px;text-align:center;cursor:pointer;color:#a9bad0}.pay-option.active{border-color:#1ceaa5;color:#38f1b0;background:#0b2630}.pay-details{padding:15px;background:#081228;border-radius:15px;margin-top:12px;color:#a9bad0;font-size:12px;line-height:1.7}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.summary>div{padding:12px;background:#071024;border:1px solid #182f4f;border-radius:13px}.summary small{display:block;color:#71869f}.summary b{display:block;margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:16px;padding:15px 18px;font-weight:900;font-size:14px;color:#02150e;text-decoration:none;background:linear-gradient(100deg,#10dca2,#16c5d9);box-shadow:0 10px 28px rgba(16,220,162,.18);cursor:pointer}.btn.secondary{background:#101b35;color:#cfe0f3;border:1px solid #233757;box-shadow:none}.btn.danger{background:#351524;color:#ff9fae}.btn.small{width:auto;padding:10px 14px;font-size:12px}.order-card{margin:12px 0}.order-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.status{padding:6px 10px;border-radius:99px;font-size:10px;font-weight:900;text-transform:uppercase}.status.pending{background:#3b3210;color:#ffd85a}.status.processing{background:#102e3d;color:#70ddff}.status.completed{background:#07382b;color:#55f6bd}.status.cancelled{background:#3c1721;color:#ff9eac}.status.on_hold{background:#27233b;color:#d4bdff}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.support-card{display:block;text-decoration:none;color:#fff}.support-card .icon{font-size:28px}.support-card h3{margin:9px 0 5px}.support-card p{color:#8da0b8;font-size:12px}.auth-screen{min-height:calc(100vh - 120px);display:grid;place-items:center;padding:25px 0}.auth-card{width:min(470px,100%);padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(13,43,85,.92),rgba(5,19,43,.97));box-shadow:0 25px 80px rgba(0,0,0,.3)}.auth-logo{width:76px;height:76px;margin:0 auto 16px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#13e5ad,#167dff);font-size:40px;font-weight:900;box-shadow:0 0 35px rgba(24,191,255,.22);overflow:hidden}.auth-logo img{width:100%;height:100%;object-fit:cover}.auth-card h1{text-align:center;margin:7px 0;font-size:28px}.auth-card>p{text-align:center}.auth-form{margin-top:22px}.text-link{color:#4df0bc;text-decoration:none;font-weight:800}.center{text-align:center}.empty{text-align:center;padding:45px;color:#7388a2}
.site-footer{position:relative;z-index:3;margin-top:30px;border-top:1px solid rgba(100,150,210,.13);background:linear-gradient(180deg,rgba(5,13,29,.78),rgba(2,7,18,.97));overflow:hidden}.footer-glow{position:absolute;width:420px;height:160px;left:50%;top:-130px;transform:translateX(-50%);background:#0ce5a0;filter:blur(90px);opacity:.09}.footer-inner,.footer-bottom{width:min(1060px,92%);margin:auto}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0 22px}.footer-brand{display:flex;align-items:center;gap:11px}.footer-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#0ce5a0,#126ce8);font-weight:900;color:#03121a;overflow:hidden}.footer-logo img{width:100%;height:100%;object-fit:cover}.footer-brand strong{display:block;font-size:13px}.footer-brand span{display:block;font-size:9px;color:#657d99;margin-top:3px}.footer-links{display:flex;gap:18px}.footer-links a{color:#8da4bd;text-decoration:none;font-size:11px;font-weight:700}.footer-note{font-size:10px;color:#7188a3;white-space:nowrap}.secure-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#23e9a3;box-shadow:0 0 9px #23e9a3;margin-right:5px}.footer-bottom{border-top:1px solid rgba(100,150,210,.09);display:flex;justify-content:center;gap:15px;padding:14px 0 20px;color:#4e657f;font-size:9px;text-align:center}
.mobile-bottom-nav{display:none}.mobile-menu{position:fixed;left:0;top:0;bottom:0;width:min(315px,86vw);z-index:200;padding:24px 16px;background:linear-gradient(180deg,#0b285c,#061737 72%,#041126);border-right:1px solid rgba(100,178,255,.18);box-shadow:25px 0 70px rgba(0,0,0,.48);transform:translateX(-110%);transition:transform .28s ease}.mobile-menu.open{transform:translateX(0)}.mobile-menu-overlay{position:fixed;inset:0;z-index:190;background:rgba(0,5,18,.65);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.25s}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 22px;border-bottom:1px solid rgba(129,177,239,.12);margin-bottom:12px}.menu-user{display:flex;align-items:center;gap:10px}.menu-user b{display:block;font-size:14px}.menu-user small{display:block;color:#7c9bc2;font-size:10px;margin-top:3px}.menu-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#4c6fff,#13c9e9);font-weight:900;font-size:18px}.menu-close{width:38px;height:38px;border-radius:12px;border:1px solid rgba(210,230,255,.25);background:rgba(255,255,255,.05);color:#fff;font-size:25px;cursor:pointer}.drawer-link{display:flex;align-items:center;gap:13px;color:#a9c0df;text-decoration:none;padding:15px 14px;margin:6px 0;border-radius:15px;font-size:13px;font-weight:800}.drawer-link.active{background:linear-gradient(100deg,rgba(43,128,255,.18),rgba(29,229,175,.09));color:#fff;border:1px solid rgba(86,173,255,.14)}.drawer-link.danger-link{color:#ff9eae;margin-top:18px}
.admin-wrap{display:grid;grid-template-columns:230px 1fr;min-height:75vh;gap:18px}.admin-side,.admin-main{background:rgba(8,16,35,.84);border:1px solid #182a46;border-radius:20px;padding:17px}.admin-side a{display:block;color:#9fb2c8;text-decoration:none;padding:11px;border-radius:11px;font-size:13px}.admin-side a:hover{background:#10213b;color:#54f4bc}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:11px;border-bottom:1px solid #182943;text-align:left;white-space:nowrap}.table th{color:#7289a3}.admin-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.logo-upload{display:flex;align-items:center;gap:15px;padding:14px;border-radius:16px;background:#07152b;border:1px solid #173250;margin-bottom:16px}.preview-logo{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#13e7b0,#1782ff);font-size:30px;font-weight:900;overflow:hidden}.preview-logo img{width:100%;height:100%;object-fit:cover}.toggle-grid{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.toggle{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:13px;background:#07162c;border:1px solid #193454;color:#a8bdd6;font-size:12px}.toggle input{accent-color:#24e8b1}
@media(min-width:701px){.menu-trigger,.logout-btn{display:none}}
@media(max-width:700px){.topbar{padding:10px 12px}.topbar-inner{grid-template-columns:56px 1fr 56px;gap:8px;min-height:58px}.header-icon-btn{width:56px;height:56px;border-radius:19px}.brand{gap:9px}.brand-logo-wrap img,.brand-icon{width:43px;height:43px}.brand-copy b{font-size:18px}.brand-copy small{display:none}.header-spacer{width:56px}.container{width:94%;padding:18px 0 118px}.home-hero{padding-top:20px}.home-hero .hero-icon{width:70px;height:70px;font-size:37px}.hero h1{font-size:40px;line-height:1.12}.hero p{font-size:13px;line-height:1.8}.rate-card{padding:18px;margin:12px 0 20px}.rate{font-size:29px}.grid,.support-grid,.two{grid-template-columns:1fr 1fr}.package{min-height:170px;padding:15px;border-radius:20px}.package h3{font-size:21px}.package .price{font-size:17px}.package-icon{width:41px;height:41px}.section-heading h2{font-size:21px}.mobile-bottom-nav{position:fixed;left:12px;right:12px;bottom:10px;z-index:150;height:72px;display:flex;align-items:center;justify-content:space-around;padding:5px;border:1px solid rgba(105,171,243,.18);border-radius:25px;background:rgba(7,24,54,.93);backdrop-filter:blur(20px);box-shadow:0 15px 50px rgba(0,0,0,.4)}.mobile-bottom-nav a{position:relative;flex:1;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#91a8c9;text-decoration:none;font-size:10px;font-weight:800;border-radius:19px}.mobile-bottom-nav a span{font-size:21px;line-height:1}.mobile-bottom-nav a.active:not(.home-nav){color:#d8e7ff;background:rgba(46,108,205,.1)}.mobile-bottom-nav .home-nav{height:72px;flex:0 0 118px;margin-top:-25px;border:3px solid rgba(84,120,255,.85);background:linear-gradient(145deg,#6148ff,#08cfe4);color:#fff;box-shadow:0 0 28px rgba(46,143,255,.48)}.mobile-bottom-nav .home-nav span{font-size:29px}.buy-wrap{bottom:80px}.empty-state{margin:25px 0;padding:48px 18px}.footer-inner{width:92%;display:grid;grid-template-columns:1fr 1fr;padding:24px 0 18px;gap:18px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.footer-note{grid-column:1/-1}.footer-bottom{width:92%;line-height:1.8;padding-bottom:22px}.admin-wrap{grid-template-columns:1fr}.admin-side{display:flex;gap:4px;overflow:auto}.admin-side a{white-space:nowrap}.payment-methods,.summary{grid-template-columns:1fr 1fr}.auth-card{padding:23px;border-radius:24px}}
@media(max-width:390px){.topbar-inner{grid-template-columns:52px 1fr 52px}.header-icon-btn{width:52px;height:52px}.brand-logo-wrap img,.brand-icon{width:40px;height:40px}.brand-copy b{font-size:17px}.package{padding:13px;min-height:160px}.package h3{font-size:19px}.mobile-bottom-nav .home-nav{flex-basis:104px}}


/* V6 premium cleanup */
.ui-icon{width:18px;height:18px;display:inline-block;vertical-align:-4px;flex:0 0 auto}
.header-icon-btn .ui-icon{width:22px;height:22px}
.menu-trigger{gap:0}
.menu-trigger .ui-icon{width:24px;height:24px}
.logout-btn .ui-icon{width:22px;height:22px}
.admin-top-nav{display:flex;align-items:center;gap:8px}
.admin-top-nav a,.footer-links a{display:inline-flex;align-items:center;gap:7px}
.home-clean-head{display:flex;align-items:center;justify-content:center;gap:13px;padding:24px 0 8px}
.home-clean-head h1{margin:3px 0 0;font-size:27px;letter-spacing:-.8px}
.home-clean-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#13e7b0,#1782ff);box-shadow:0 10px 30px rgba(22,188,255,.22)}
.home-clean-icon .ui-icon{width:24px;height:24px;color:#031a2a}
.section-heading h2{display:flex;align-items:center;gap:7px}
.section-heading h2 .ui-icon{color:#55eec0}
.badge{display:inline-flex;align-items:center;gap:4px}
.badge .ui-icon{width:11px;height:11px}
.select-hint{align-items:center}
.select-hint .ui-icon{width:14px;height:14px}
.buy-btn,.btn{display:inline-flex;align-items:center;justify-content:center}
.buy-btn .ui-icon,.btn .ui-icon{width:18px;height:18px}
.empty-icon .ui-icon{width:30px;height:30px;color:#65dfff}
.package-icon{display:grid;place-items:center}
.footer-links{align-items:center}
.footer-links .ui-icon{width:15px;height:15px}
.admin-side a{display:flex;align-items:center;gap:9px}
.admin-side a .ui-icon{width:16px;height:16px;color:#79a7d4}
.mobile-bottom-nav a .ui-icon{width:22px;height:22px;stroke-width:1.7}
.mobile-bottom-nav .home-nav .ui-icon{width:27px;height:27px}
.mobile-menu .drawer-link .ui-icon{width:19px;height:19px}
.mobile-menu{width:min(285px,82vw)}
@media(max-width:700px){
  .topbar-inner{grid-template-columns:50px 1fr 50px;gap:7px}
  .header-icon-btn{width:48px;height:48px;border-radius:16px}
  .header-icon-btn .ui-icon{width:20px;height:20px}
  .menu-trigger .ui-icon{width:22px;height:22px}
  .logout-btn .ui-icon{width:20px;height:20px}
  .brand-logo-wrap img,.brand-icon{width:42px;height:42px;border-radius:14px}
  .brand-copy b{font-size:18px}
  .home-clean-head{padding-top:18px}
  .home-clean-head h1{font-size:25px}
  .home-clean-icon{width:44px;height:44px;border-radius:14px}
  .footer-inner{grid-template-columns:1fr;gap:14px}
  .footer-links{display:flex;flex-wrap:wrap;gap:12px}
}
@media(max-width:390px){
  .topbar-inner{grid-template-columns:46px 1fr 46px}
  .header-icon-btn{width:45px;height:45px}
  .brand-logo-wrap img,.brand-icon{width:40px;height:40px}
}

/* V7 page cleanup: orders/support use the bottom navigation only. */
body:has(.orders-page) .site-footer,
body:has(.support-page) .site-footer{display:none!important}
.support-hero-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(42,226,183,.18),rgba(42,132,255,.22));border:1px solid rgba(90,199,255,.24);box-shadow:0 12px 34px rgba(31,161,255,.16)}
.support-hero-icon .ui-icon{width:27px;height:27px;color:#72f0d0;stroke-width:1.7}
.support-card .icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(32,201,255,.14),rgba(53,229,173,.10));border:1px solid rgba(92,190,255,.16);color:#72eaff;box-shadow:0 10px 25px rgba(0,145,255,.10)}
.support-card .icon .ui-icon{width:24px;height:24px;stroke-width:1.7}
.mobile-bottom-nav a .ui-icon{stroke-width:1.65}

/* V7: clean order/support pages and premium support icon */
.support-hero-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(42,226,183,.18),rgba(42,132,255,.22));border:1px solid rgba(90,199,255,.24);box-shadow:0 12px 34px rgba(31,161,255,.16)}
.support-hero-icon .ui-icon{width:27px;height:27px;color:#72f0d0;stroke-width:1.7}
.support-card .icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(32,201,255,.14),rgba(53,229,173,.10));border:1px solid rgba(92,190,255,.16);color:#72eaff;box-shadow:0 10px 25px rgba(0,145,255,.10)}
.support-card .icon .ui-icon{width:24px;height:24px;stroke-width:1.7}

/* V8 admin redesign */
.admin-page .container{width:min(1180px,94%);padding-top:22px}.admin-wrap{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:14px}.admin-side{padding:12px;position:sticky;top:88px}.admin-main{min-width:0;padding:18px}.admin-menu-title{font-size:9px;letter-spacing:1.5px;color:#5f7fa7;font-weight:900;padding:7px 10px 9px}.admin-menu{display:flex;flex-direction:column;gap:4px}.admin-menu a{display:flex;align-items:center;gap:10px;color:#9fb6d5;text-decoration:none;padding:12px 11px;border-radius:13px;font-size:12px;font-weight:800;border:1px solid transparent}.admin-menu a:hover,.admin-menu a.active{background:linear-gradient(100deg,rgba(48,122,255,.18),rgba(35,227,178,.08));border-color:rgba(86,173,255,.16);color:#fff}.admin-menu a.danger-link{color:#ff9cae;margin-top:8px}.admin-menu .ui-icon{width:18px;height:18px}.admin-main .form-card{box-shadow:0 18px 50px rgba(0,0,0,.16)}.admin-package-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.admin-package-card{background:linear-gradient(145deg,rgba(10,32,67,.96),rgba(5,19,42,.96));border:1px solid rgba(96,165,255,.15);border-radius:18px;padding:14px;box-shadow:0 12px 35px rgba(0,0,0,.15)}.admin-package-top{display:flex;align-items:center;gap:11px}.admin-package-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#12ddb2,#1689ff);color:#04162d;font-size:20px;font-weight:900}.admin-package-title{min-width:0;flex:1}.admin-package-title b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-package-title span{display:block;color:#80a5cd;font-size:11px;margin-top:3px}.admin-package-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:13px 0}.admin-package-meta>div{padding:9px;border-radius:12px;background:rgba(3,15,34,.65);border:1px solid rgba(91,151,218,.1)}.admin-package-meta small{display:block;color:#6f8cab;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.admin-package-meta strong{display:block;color:#eaf5ff;font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-actions{display:flex;gap:8px}.admin-actions form{margin:0;flex:1}.admin-actions .btn{width:100%}.admin-empty{grid-column:1/-1;display:grid;place-items:center;gap:7px;text-align:center;padding:45px 18px;border-radius:18px;border:1px dashed rgba(98,164,232,.18);color:#7895b8}.admin-empty .ui-icon{width:32px;height:32px;color:#56e7c0}.admin-empty b{color:#dbeaff}.admin-head h2{margin:4px 0}.admin-main h3{margin:22px 0 10px}.admin-main .table-wrap{border-radius:16px}.admin-main .btn{min-height:40px}.admin-main .btn.small{min-height:34px}.admin-page .site-footer{margin-top:18px}.admin-page .topbar{padding:10px 14px}.admin-page .topbar-inner{min-height:52px;grid-template-columns:1fr auto}.admin-page .brand{justify-self:start}.admin-page .admin-top-nav{justify-self:end}.admin-page .admin-top-nav a{padding:9px 11px;border:1px solid rgba(102,165,232,.15);border-radius:12px;color:#aac2df;text-decoration:none;font-size:11px;font-weight:800;background:rgba(7,24,55,.5)}.admin-page .admin-top-nav a .ui-icon{width:16px;height:16px}.admin-page .header-spacer{display:none}
@media(max-width:820px){.admin-wrap{grid-template-columns:1fr}.admin-side{position:static}.admin-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.admin-menu-title{grid-column:1/-1}.admin-menu a{justify-content:center;flex-direction:column;gap:5px;text-align:center;padding:10px 6px;font-size:10px}.admin-menu a.danger-link{margin-top:0}.admin-main{padding:14px}.admin-head{align-items:flex-start}.admin-head .muted{font-size:10px}.admin-package-list{grid-template-columns:1fr}.two{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.admin-page .topbar-inner{grid-template-columns:1fr auto;gap:8px}.admin-page .brand-copy b{font-size:17px}.admin-page .brand-logo-wrap img,.admin-page .brand-icon{width:40px;height:40px}.admin-page .admin-top-nav a:first-child{font-size:0;padding:10px}.admin-page .admin-top-nav a:first-child .ui-icon{width:19px;height:19px}.admin-menu{grid-template-columns:repeat(4,1fr)}.admin-menu a{min-height:66px}.admin-menu .ui-icon{width:20px;height:20px}.admin-head{flex-direction:column;gap:5px}.form-card{padding:15px}.admin-main .two{grid-template-columns:1fr}.admin-package-card{padding:13px}.admin-package-meta{grid-template-columns:1fr 1fr 1fr}.admin-actions{gap:6px}.admin-actions .btn{font-size:11px}.table{font-size:11px}.table th,.table td{padding:9px}.admin-main .table-wrap{overflow-x:auto}}

/* V9 compact package cards + clean chrome */
.package{min-height:145px;padding:13px;border-radius:17px}
.package-icon{width:38px;height:38px;margin-bottom:8px;border-radius:11px;font-size:18px}
.package small{font-size:9px}
.package h3{font-size:20px;margin:5px 0}
.package .price{font-size:16px}
.package .select-hint{margin-top:8px;font-size:9px}
.package .badge{right:8px;top:8px;padding:4px 6px;font-size:8px}
.buy-wrap{margin:10px 0 0;bottom:92px}
.buy-btn{min-height:48px}
.mobile-bottom-nav{display:flex;position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:90;width:min(230px,72vw);height:58px;padding:6px;justify-content:space-around;align-items:center;border:1px solid rgba(100,180,255,.18);border-radius:20px;background:rgba(5,19,45,.94);backdrop-filter:blur(18px);box-shadow:0 14px 45px rgba(0,0,0,.45)}
.mobile-bottom-nav a{width:48px;height:46px;border-radius:15px;display:grid;place-items:center;color:#7293b9;text-decoration:none}
.mobile-bottom-nav a.active{color:#fff;background:linear-gradient(145deg,rgba(31,133,255,.24),rgba(36,231,178,.16));box-shadow:0 0 22px rgba(27,174,255,.12)}
.mobile-bottom-nav a .ui-icon{width:21px;height:21px;stroke-width:1.75}
.mobile-bottom-nav .home-nav{width:54px;height:54px;margin-top:-17px;border-radius:18px;background:linear-gradient(145deg,#16ddb1,#187cff);color:#061a35;box-shadow:0 10px 30px rgba(24,160,255,.35);border:3px solid #061b46}
.mobile-bottom-nav .home-nav .ui-icon{width:24px;height:24px;stroke-width:2}
.site-footer{display:none!important}

/* V9 admin order status controls */
.status-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 15px}
.status-tab{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 11px;border-radius:13px;text-decoration:none;background:#07162c;border:1px solid #183252;color:#89a5c6;font-size:10px;font-weight:800;text-transform:capitalize}
.status-tab span{min-width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:#102746;color:#d9ebff;font-size:10px}
.status-tab.active{color:#fff;border-color:rgba(52,224,181,.4);background:linear-gradient(100deg,rgba(34,115,240,.2),rgba(32,225,174,.1))}
.admin-orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-order-card{padding:15px;border-radius:17px;background:linear-gradient(145deg,rgba(10,31,63,.96),rgba(5,17,38,.96));border:1px solid rgba(93,160,235,.14);box-shadow:0 12px 35px rgba(0,0,0,.14)}
.admin-order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.admin-order-head b{font-size:16px}.admin-order-head small{display:block;color:#6e8bab;font-size:9px;margin-top:3px}
.admin-order-user{margin:12px 0;padding:10px 11px;border-radius:12px;background:rgba(3,13,30,.55);border:1px solid rgba(86,147,217,.08)}.admin-order-user strong{display:block;font-size:12px}.admin-order-user span{display:block;color:#7190b4;font-size:10px;margin-top:2px}
.admin-order-info{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.admin-order-info>div{padding:9px;border-radius:11px;background:#061329;border:1px solid rgba(86,147,217,.08);min-width:0}.admin-order-info small,.admin-order-info span{display:block;color:#6885a6;font-size:8px}.admin-order-info b{display:block;color:#e9f5ff;font-size:10px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-proof{display:inline-flex;align-items:center;gap:5px;margin:11px 0 0;font-size:10px}.order-proof .ui-icon{width:14px;height:14px}
.order-update-card{margin-top:12px}.status-button-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px}.status-action{min-height:34px;padding:5px 3px;border-radius:9px;border:1px solid #1a3659;background:#091a34;color:#8da8c8;font-size:8px;font-weight:800;cursor:pointer}.status-action:hover,.status-action.current{color:#fff;border-color:rgba(52,224,181,.45);background:rgba(29,203,160,.12)}
.status-action.completed{color:#71e6bf}.status-action.cancelled{color:#ff9aa9}.status-action.processing{color:#76b8ff}.status-action.on_hold{color:#ffd36d}
@media(max-width:700px){
 .package{min-height:136px;padding:12px;border-radius:16px}.package-icon{width:35px;height:35px;font-size:17px}.package h3{font-size:18px}.package .price{font-size:15px}
 .status-tabs{grid-template-columns:repeat(3,1fr)}.admin-orders-grid{grid-template-columns:1fr}.status-button-row{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:430px){
 .package{min-height:128px;padding:10px}.package-icon{width:32px;height:32px;margin-bottom:6px}.package h3{font-size:17px}.package .price{font-size:14px}.package .select-hint{font-size:8px}
 .admin-order-card{padding:12px}.admin-order-info{grid-template-columns:1fr 1fr}.admin-order-info>div:last-child{grid-column:1/-1}
 .status-action{font-size:7px;min-height:32px}
}


/* Final mobile compact home/header adjustments */
.topbar{padding:7px 12px}
.topbar-inner{min-height:48px;grid-template-columns:48px 1fr 48px;gap:8px}
.header-icon-btn{width:46px;height:46px;border-radius:15px}
.menu-trigger span{width:16px;height:2px}
.logout-btn svg{width:22px;height:22px}
.brand{gap:7px}
.brand-logo-wrap img,.brand-icon{width:34px;height:34px;border-radius:10px}
.brand-icon{font-size:19px}
.online-dot{width:8px;height:8px;border-width:1.5px;right:-2px;bottom:-2px}
.brand-copy b{font-size:15px}
.brand-copy small{font-size:7px;margin-top:1px;letter-spacing:1px}
.header-spacer{width:46px}
.container{padding-top:20px}
.home-clean-head{margin-top:0}
.home-clean-head .home-clean-icon{width:32px;height:32px;font-size:16px;border-radius:10px}
.home-clean-head h1{font-size:19px}
.home-clean-head .eyebrow{font-size:7px;letter-spacing:1.5px}
.section-heading{margin-top:20px}
.section-heading h2{font-size:19px}
.package{min-height:122px;padding:10px;border-radius:15px}
.package-icon{width:31px;height:31px;margin-bottom:5px;border-radius:9px;font-size:16px}
.package small{font-size:8px}
.package h3{font-size:16px;margin:4px 0}
.package .price{font-size:13px}
.package .select-hint{margin-top:6px;font-size:8px}
.package .badge{right:7px;top:7px;padding:3px 5px;font-size:7px}
.buy-wrap{margin:7px 0 0;bottom:106px}
.buy-btn{min-height:44px;padding:11px 14px;font-size:13px;border-radius:15px}
@media(max-width:430px){
 .container{padding-top:17px}
 .package{min-height:116px;padding:9px}
 .package-icon{width:29px;height:29px;font-size:15px}
 .package h3{font-size:15px}
 .package .price{font-size:12px}
 .package .select-hint{font-size:7px}
}