/* MP Aman UI: theme + bottom navigation */
:root{--nav-h:72px}
body{padding-bottom:calc(var(--nav-h) + 28px)}
.mp-bottom-nav{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:240;width:min(620px,calc(100vw - 20px));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:7px;border:1px solid rgba(111,84,196,.18);border-radius:22px;background:rgba(255,255,255,.90);backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 18px 50px rgba(28,18,72,.22)}
.mp-nav-btn{position:relative;min-width:0;height:56px;border:0;border-radius:16px;background:transparent;color:#7a728f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:900;transition:.2s}
.mp-nav-btn .mp-nav-icon{font-size:19px;line-height:1}
.mp-nav-btn.active{background:linear-gradient(135deg,#efeaff,#fff4e9);color:#5638d0;box-shadow:inset 0 0 0 1px #d9cdfd}
.mp-nav-btn.active:after{content:"";position:absolute;bottom:4px;width:18px;height:3px;border-radius:9px;background:linear-gradient(90deg,#704cff,#ff7a1a)}
.mp-nav-btn:active{transform:scale(.96)}
.mp-theme-btn{position:fixed;right:max(14px,calc((100vw - 620px)/2 + 8px));bottom:92px;z-index:241;width:48px;height:48px;border:1px solid rgba(111,84,196,.22);border-radius:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 12px 32px rgba(28,18,72,.18);font-size:21px;color:#37286d}
.mp-theme-btn:active{transform:scale(.95)}
#paymentSection{scroll-margin-top:92px}#productsCard{scroll-margin-top:92px}.hero{scroll-margin-top:86px}
.statusbox{bottom:98px}
.footer{padding-bottom:24px}
html[data-theme="dark"]{color-scheme:dark;--bg:#0d0a18;--paper:#151022;--ink:#f4efff;--muted:#aaa1bf;--line:#2d2540;--shadow:0 22px 60px rgba(0,0,0,.34)}
html[data-theme="dark"] body{background:linear-gradient(180deg,#0d0a18 0%,#141022 48%,#17101a 100%);color:var(--ink)}
html[data-theme="dark"] .top{background:rgba(15,11,26,.90);border-bottom-color:#302747}
html[data-theme="dark"] .brand small{color:#9b91b1}
html[data-theme="dark"] .card,
html[data-theme="dark"] .info{background:linear-gradient(180deg,#171222 0%,#120f1d 100%);border-color:#302744;box-shadow:0 14px 38px rgba(0,0,0,.18)}
html[data-theme="dark"] .card h2,
html[data-theme="dark"] .product-title h3,
html[data-theme="dark"] .info b{color:#f5efff}
html[data-theme="dark"] .uid-row input,
html[data-theme="dark"] .field input,
html[data-theme="dark"] .custom-row input,
html[data-theme="dark"] .contact-tabs label{background:#110d1c;color:#f6f1ff;border-color:#34294b}
html[data-theme="dark"] .uid-row input:focus,
html[data-theme="dark"] .field input:focus{background:#161122}
html[data-theme="dark"] .readonly{background:#100d18!important;color:#a99fbb!important}
html[data-theme="dark"] .player-card{background:#102019;border-color:#274c3b}
html[data-theme="dark"] .player-card small{color:#9ac2ae}
html[data-theme="dark"] .verified{background:#173c2d;color:#8ae0b8}
html[data-theme="dark"] .pack{background:linear-gradient(145deg,#171221,#20182f);border-color:#34294b}
html[data-theme="dark"] .packages .pack:nth-child(3n+1),
html[data-theme="dark"] .packages .pack:nth-child(3n+2),
html[data-theme="dark"] .packages .pack:nth-child(3n),
html[data-theme="dark"] .special-pack{background:linear-gradient(145deg,#171221,#20182f);border-color:#34294b}
html[data-theme="dark"] .pack:hover,
html[data-theme="dark"] .pack.active{background:linear-gradient(145deg,#201731,#2a1c43);border-color:#8b67ff}
html[data-theme="dark"] .pack b,
html[data-theme="dark"] .pack .price{color:#f5efff}
html[data-theme="dark"] .special-pack img{background:#110d1b;box-shadow:inset 0 0 0 1px #342a49}
html[data-theme="dark"] .custom-diamonds{background:linear-gradient(135deg,#1a1428,#211722);border-color:#3b2d55;box-shadow:none}
html[data-theme="dark"] .custom-side label{color:#c2b7d5}
html[data-theme="dark"] .custom-presets button{background:#171121;border-color:#3b2c56;color:#b9a4ff}
html[data-theme="dark"] .custom-presets button:hover{background:#221830}
html[data-theme="dark"] .payment-box{background:linear-gradient(135deg,#211a15,#1c142a);border-color:#44334f}
html[data-theme="dark"] .payment-head b{color:#f4efff}
html[data-theme="dark"] .payments button{background:#15101f;border-color:#372b4c;color:#e9e1f5}
html[data-theme="dark"] .payments button.active{background:#2a1d48;color:#c5b6ff;border-color:#815cff}
html[data-theme="dark"] .payment-detail{background:#120e1b;border-color:#362b49;color:#eae3f4}
html[data-theme="dark"] .pay-amount{background:#241b42;color:#c5b6ff}
html[data-theme="dark"] .payment-note{color:#aaa1b8}
html[data-theme="dark"] .modal-card{background:#171221;color:#f4efff;border:1px solid #302644}
html[data-theme="dark"] .modal-card p{color:#aaa1bf}
html[data-theme="dark"] .close{background:#21192e;color:#fff;border-color:#392c4e}
html[data-theme="dark"] .statusbox{background:#171221;border-color:#33294a;color:#f4efff}
html[data-theme="dark"] .pill{background:#2a2146;color:#c7b9ff}
html[data-theme="dark"] .mp-bottom-nav{background:rgba(18,13,29,.92);border-color:#34294a;box-shadow:0 18px 50px rgba(0,0,0,.45)}
html[data-theme="dark"] .mp-nav-btn{color:#9e94af}
html[data-theme="dark"] .mp-nav-btn.active{background:linear-gradient(135deg,#2a1d48,#241a25);color:#d4c8ff;box-shadow:inset 0 0 0 1px #49366d}
html[data-theme="dark"] .mp-theme-btn{background:rgba(24,18,35,.94);border-color:#3a2d50;color:#f1eaff}
html[data-theme="dark"] .account-card{background:#171221!important;border-color:#34294a!important;color:#f4efff!important}
html[data-theme="dark"] .account-brand{color:#f4efff!important}
html[data-theme="dark"] .account-sub,
html[data-theme="dark"] .account-note{color:#aaa1bf!important}
html[data-theme="dark"] .account-tabs{background:#100c19!important}
html[data-theme="dark"] .account-tab.active{background:#241a35!important;color:#c6b7ff!important}
html[data-theme="dark"] .account-form input,
html[data-theme="dark"] .account-profile-row,
html[data-theme="dark"] .account-order{background:#100d19!important;color:#f4efff!important;border-color:#34294a!important}
html[data-theme="dark"] .account-profile-row span,
html[data-theme="dark"] .account-order small{color:#a99fba!important}
html[data-theme="dark"] .account-close{background:#241b32!important;color:#fff!important}
.payment-explain{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.payment-explain-item{padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid rgba(112,76,255,.14)}.payment-explain-item b{display:block;font-size:11px;color:#2b2145}.payment-explain-item small{display:block;margin-top:5px;font-size:9px;line-height:1.5;color:#7c738e}
html[data-theme="dark"] .wallet-card{background:linear-gradient(135deg,#181224,#21172d)!important;border-color:#3a2c50!important;color:#f4efff!important}
html[data-theme="dark"] .payment-explain-item{background:#15101f;border-color:#372b4c}html[data-theme="dark"] .payment-explain-item b{color:#f4efff}html[data-theme="dark"] .payment-explain-item small{color:#aaa1b8}
@media(max-width:470px){
  :root{--nav-h:68px}
  body{padding-bottom:102px}
  .mp-bottom-nav{bottom:8px;width:calc(100vw - 12px);border-radius:20px;padding:6px}
  .mp-nav-btn{height:54px;border-radius:14px;font-size:8px}
  .mp-nav-btn .mp-nav-icon{font-size:18px}
  .mp-theme-btn{right:12px;bottom:82px;width:44px;height:44px;border-radius:14px}
  .statusbox{bottom:84px}
  .payment-explain{grid-template-columns:1fr}
}