/* ==========================================================
   theme.css — royal blue + gold glossy theme (VIP, matches home.css)
   1 Tokens · 2 Reset · 3 Page layout (scoped) · 4 Skin
   ========================================================== */

/* 1. TOKENS */
:root{
  color-scheme:light;
  --blue-900:#062A8C;
  --blue-700:#0B3FBF;
  --blue-600:#1456E0;
  --blue-500:#2F6BFF;
  --gold-500:#F9B800;
  --gold-400:#FFD23F;
  --bg:#FFFFFF;
  --card:#FFFFFF;
  --text:#0B1B4D;
  --text-muted:#5B6B94;
  --whatsapp:#25D366;
  --whatsapp-deep:#139A48;
  --whatsapp-lite:#4FE88A;
  --border-blue:#C9D9FF;
  --white:#FFFFFF;
  --ok:#166534;
  --ok-bg:#ecfdf3;
  --ok-line:#bbf7d0;
  --bad:#9f1239;
  --bad-bg:#fff1f2;
  --bad-line:#fecdd3;
  --warn:#8a6200;
  --warn-bg:#fff6d8;
  --info-bg:#E7EEFF;
  --ice:#F5F8FF;
  --overlay:rgba(6,42,140,.48);
  --glow-blue:rgba(47,107,255,.10);
  --glow-gold:rgba(249,184,0,.12);
  --inset:rgba(11,63,191,.08);
  --line-on-blue:rgba(255,255,255,.18);
  --gold-glow:rgba(255,210,63,.65);
  --radius-lg:26px;
  --radius-md:20px;
  --radius-sm:16px;
  --shadow-card:0 8px 24px rgba(11,63,191,.15), inset 0 1px 0 var(--white);
  --shadow-btn:0 6px 14px rgba(11,63,191,.35), inset 0 1px 2px rgba(255,255,255,.5);
  --shadow-soft:0 4px 12px rgba(11,63,191,.12);
  --shadow-icon:0 6px 14px rgba(11,63,191,.35), inset 0 2px 3px rgba(255,255,255,.45), inset 0 -3px 6px rgba(6,42,140,.35);
  --shadow-gold:0 3px 8px rgba(249,184,0,.45);
  --shadow-dock:0 -6px 20px rgba(11,63,191,.25);
  --grad-icon:linear-gradient(145deg,var(--blue-500),var(--blue-700) 60%,var(--blue-900));
  --grad-bar:linear-gradient(180deg,var(--blue-700),var(--blue-900));
  --grad-btn:linear-gradient(180deg,var(--blue-500),var(--blue-700));
  --focus:0 0 0 4px rgba(47,107,255,.18);
  --font:'Poppins','Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}

/* 2. RESET */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);overflow-x:hidden}
body{margin:0;min-height:100vh;-webkit-tap-highlight-color:transparent}
img{border:0}
button,input,select,textarea{font-family:inherit}
button{cursor:pointer}
table{border-collapse:collapse}

/* 3. PAGE LAYOUT (structure only).
   FIX: the old per-page dark-theme variable blocks (body.pg-*{--bg:#05050a;--text:#f8f7ff;...})
   were removed. They were overriding --bg/--text and made the page black with white text. */
/* from settings.php */
body.pg-settings *{box-sizing:border-box}
body.pg-settings,body.pg-settings{width:100%;min-height:100%;overflow-x:hidden}
body.pg-settings{margin:0;min-height:100vh;padding-bottom:125px}
body.pg-settings::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.55;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 92%);z-index:-1}
body.pg-settings::after{content:"";position:fixed;width:360px;height:360px;border-radius:50%;right:-170px;bottom:-160px;pointer-events:none;z-index:-1}
body.pg-settings .page{width:min(1120px, calc(100% - 24px));margin:0 auto;padding:12px 0 140px}
body.pg-settings .topbar{position:sticky;top:10px;z-index:50;margin-bottom:12px;padding:10px 12px;-webkit-backdrop-filter:blur(18px);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.pg-settings .brand{font-size:23px;font-weight:900;letter-spacing:-.7px;white-space:nowrap}
body.pg-settings .site-brand-name,body.pg-settings .site-brand-text{font-weight:900}
body.pg-settings .top-btn{width:auto;min-height:42px;padding:10px 13px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:12px;font-weight:900;transition:.22s ease}
body.pg-settings .top-btn:hover{transform:translateY(-2px)}
body.pg-settings .hero{border-radius:30px;padding:20px;margin-bottom:13px;position:relative;overflow:hidden}
body.pg-settings .hero::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-140px;top:-145px}
body.pg-settings .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;gap:16px;align-items:stretch}
body.pg-settings .profile-main-card{border-radius:28px;padding:18px;position:relative;overflow:hidden;text-align:center}
body.pg-settings .profile-main-card::after{content:"";position:absolute;right:-70px;top:-82px;width:180px;height:180px;border-radius:50%}
body.pg-settings .avatar-wrap{position:relative;z-index:2;width:126px;height:126px;margin:0 auto 13px}
body.pg-settings .avatar{width:126px;height:126px;border-radius:36px;display:flex;align-items:center;justify-content:center;overflow:hidden}
body.pg-settings .avatar img{width:100%;height:100%;object-fit:cover}
body.pg-settings .avatar i{font-size:48px}
body.pg-settings .camera-btn{position:absolute;right:-3px;bottom:7px;width:40px;height:40px;border-radius:15px;display:flex;align-items:center;justify-content:center;cursor:pointer}
body.pg-settings .username-title{position:relative;z-index:2;font-size:23px;line-height:1.15;font-weight:900;letter-spacing:-.7px;margin:0;word-break:break-word}
body.pg-settings .user-sub{position:relative;z-index:2;font-size:12px;font-weight:800;margin-top:6px;word-break:break-word}
body.pg-settings .status-badge{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:900;margin-top:12px}
body.pg-settings .hero-info{display:flex;flex-direction:column;justify-content:center}
body.pg-settings .hero-badge{display:inline-flex;width:max-content;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:11.5px;font-weight:900;margin-bottom:11px}
body.pg-settings .hero-title{margin:0;font-size:clamp(29px,4.6vw,52px);line-height:1.06;letter-spacing:-1.6px;font-weight:900}
body.pg-settings .hero-title span{-webkit-background-clip:text}
body.pg-settings .hero-text{margin-top:10px;max-width:650px;font-size:12.5px;line-height:1.7;font-weight:600}
body.pg-settings .balance-chip{margin-top:14px;width:max-content;max-width:100%;padding:11px 14px;border-radius:18px;font-size:12px;font-weight:900}
body.pg-settings .balance-chip span{margin-right:6px}
body.pg-settings .alertx{margin-bottom:13px;padding:12px 14px;border-radius:18px;font-size:13px;font-weight:800;line-height:1.5}
body.pg-settings .layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:13px;align-items:start}
body.pg-settings .cardx{border-radius:28px;position:relative;overflow:hidden}
body.pg-settings .cardx::before{content:"";position:absolute;right:-85px;top:-105px;width:220px;height:220px;border-radius:50%}
body.pg-settings .cardx::after{content:"";position:absolute;left:-95px;bottom:-120px;width:215px;height:215px;border-radius:50%}
body.pg-settings .cardx > *{position:relative;z-index:2}
body.pg-settings .panel{padding:16px}
body.pg-settings .panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px}
body.pg-settings .panel-title{font-size:18px;font-weight:900;letter-spacing:-.35px;margin:0}
body.pg-settings .panel-sub{margin-top:4px;font-size:11.5px;line-height:1.5;font-weight:700}
body.pg-settings .panel-pill{flex:0 0 auto;padding:6px 10px;border-radius:999px;font-size:9px;font-weight:900}
body.pg-settings .upload-box{padding:14px;border-radius:22px}
body.pg-settings .upload-title{font-size:15px;font-weight:900;margin-bottom:5px}
body.pg-settings .upload-text{font-size:11.5px;line-height:1.55;font-weight:700;margin-bottom:11px}
body.pg-settings .file{width:100%;min-height:48px;border-radius:16px;padding:9px 11px;font-weight:800;font-size:12px;outline:none}
body.pg-settings .file::file-selector-button{border:none;border-radius:12px;padding:8px 10px;margin-right:10px;font-weight:900;cursor:pointer}
body.pg-settings .btn-main{width:100%;min-height:50px;border:none;cursor:pointer;font-weight:900;letter-spacing:.3px;border-radius:17px;transition:.22s ease;font-size:12.5px;margin-top:12px}
body.pg-settings .btn-main:hover{transform:translateY(-2px)}
body.pg-settings .fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.pg-settings .detail-item{display:grid;grid-template-columns:43px 1fr;gap:10px;align-items:center;padding:11px;border-radius:18px}
body.pg-settings .detail-icon{width:43px;height:43px;border-radius:15px;display:flex;align-items:center;justify-content:center}
body.pg-settings .detail-body{min-width:0}
body.pg-settings .detail-label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.32px;margin-bottom:4px}
body.pg-settings .detail-value-wrap{display:flex;align-items:center;gap:8px}
body.pg-settings .detail-value{font-size:12.8px;font-weight:900;line-height:1.38;word-break:break-word;flex:1;min-width:0}
body.pg-settings .eye{width:34px;height:34px;min-width:34px;border:none;border-radius:12px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}
body.pg-settings .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}
body.pg-settings .btn-soft{min-height:50px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:12.5px;font-weight:900;transition:.22s ease}
body.pg-settings .btn-soft:hover{transform:translateY(-2px)}
body.pg-settings .tg-bottom-nav,body.pg-settings .bottom-nav,body.pg-settings .user-bottom-nav,body.pg-settings .footer-nav,body.pg-settings .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px, calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;-webkit-backdrop-filter:blur(18px);z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-settings .tg-bottom-nav a,body.pg-settings .bottom-nav a,body.pg-settings .user-bottom-nav a,body.pg-settings .footer-nav a,body.pg-settings .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}
body.pg-settings .tg-bottom-nav a i,body.pg-settings .bottom-nav a i,body.pg-settings .user-bottom-nav a i,body.pg-settings .footer-nav a i,body.pg-settings .mobile-bottom-nav a i{display:block;font-size:16px;line-height:1;margin:0}
body.pg-settings .tg-bottom-nav a span,body.pg-settings .bottom-nav a span,body.pg-settings .user-bottom-nav a span,body.pg-settings .footer-nav a span,body.pg-settings .mobile-bottom-nav a span,body.pg-settings .tg-bottom-nav a small,body.pg-settings .bottom-nav a small,body.pg-settings .user-bottom-nav a small,body.pg-settings .footer-nav a small,body.pg-settings .mobile-bottom-nav a small{display:block;width:100%;max-width:100%;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;white-space:nowrap;overflow:hidden}
body.pg-settings .tg-bottom-nav a.center-nav,body.pg-settings .tg-bottom-nav a:nth-child(4),body.pg-settings .bottom-nav a:nth-child(4),body.pg-settings .user-bottom-nav a:nth-child(4),body.pg-settings .footer-nav a:nth-child(4),body.pg-settings .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px;overflow:visible}
body.pg-settings .tg-bottom-nav a.center-nav i,body.pg-settings .tg-bottom-nav a:nth-child(4) i,body.pg-settings .bottom-nav a:nth-child(4) i,body.pg-settings .user-bottom-nav a:nth-child(4) i,body.pg-settings .footer-nav a:nth-child(4) i,body.pg-settings .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
body.pg-settings .tg-bottom-nav a.center-nav span,body.pg-settings .tg-bottom-nav a:nth-child(4) span,body.pg-settings .bottom-nav a:nth-child(4) span,body.pg-settings .user-bottom-nav a:nth-child(4) span,body.pg-settings .footer-nav a:nth-child(4) span,body.pg-settings .mobile-bottom-nav a:nth-child(4) span{font-size:8px}
@media(max-width:960px){body.pg-settings .hero-inner,body.pg-settings .layout{grid-template-columns:1fr}
body.pg-settings .profile-main-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;text-align:left}
body.pg-settings .avatar-wrap{margin:0}
body.pg-settings .status-badge{margin-top:9px}}
@media(max-width:700px){body.pg-settings .page{width:calc(100% - 16px);padding-top:8px;padding-bottom:138px}
body.pg-settings .topbar{top:8px;border-radius:20px;padding:9px 10px;margin-bottom:9px}
body.pg-settings .brand{font-size:21px}
body.pg-settings .top-btn{min-height:40px;padding:9px 11px;font-size:11.5px}
body.pg-settings .top-btn span{display:none}
body.pg-settings .hero{border-radius:24px;padding:15px;margin-bottom:10px}
body.pg-settings .profile-main-card{display:block;text-align:center;border-radius:22px;padding:16px}
body.pg-settings .avatar-wrap,body.pg-settings .avatar{width:112px;height:112px}
body.pg-settings .avatar-wrap{margin:0 auto 12px}
body.pg-settings .avatar{border-radius:33px}
body.pg-settings .avatar i{font-size:42px}
body.pg-settings .camera-btn{width:38px;height:38px;border-radius:14px}
body.pg-settings .username-title{font-size:21px}
body.pg-settings .hero-title{font-size:28px;letter-spacing:-1px}
body.pg-settings .hero-text{font-size:12px;margin-top:8px}
body.pg-settings .balance-chip{width:100%;text-align:center}
body.pg-settings .panel{padding:12px}
body.pg-settings .cardx{border-radius:22px}
body.pg-settings .panel-title{font-size:15px}
body.pg-settings .panel-sub{font-size:10.8px}
body.pg-settings .fields-grid{grid-template-columns:1fr;gap:9px}
body.pg-settings .detail-item{border-radius:16px;padding:10px;grid-template-columns:40px 1fr}
body.pg-settings .detail-icon{width:40px;height:40px;border-radius:14px}
body.pg-settings .detail-label{font-size:9.5px}
body.pg-settings .detail-value{font-size:12px}
body.pg-settings .actions{grid-template-columns:1fr}
body.pg-settings .tg-bottom-nav,body.pg-settings .bottom-nav,body.pg-settings .user-bottom-nav,body.pg-settings .footer-nav,body.pg-settings .mobile-bottom-nav{width:calc(100% - 8px);bottom:6px;min-height:62px;padding:5px;gap:2px;border-radius:21px;grid-template-columns:repeat(3,minmax(0,1fr)) 1.18fr repeat(3,minmax(0,1fr))}
body.pg-settings .tg-bottom-nav a,body.pg-settings .bottom-nav a,body.pg-settings .user-bottom-nav a,body.pg-settings .footer-nav a,body.pg-settings .mobile-bottom-nav a{height:48px;border-radius:14px;font-size:6.8px;letter-spacing:-.45px;gap:3px;padding:4px 1px}
body.pg-settings .tg-bottom-nav a i,body.pg-settings .bottom-nav a i,body.pg-settings .user-bottom-nav a i,body.pg-settings .footer-nav a i,body.pg-settings .mobile-bottom-nav a i{font-size:14px}
body.pg-settings .tg-bottom-nav a span,body.pg-settings .bottom-nav a span,body.pg-settings .user-bottom-nav a span,body.pg-settings .footer-nav a span,body.pg-settings .mobile-bottom-nav a span{font-size:6.8px;letter-spacing:-.45px}
body.pg-settings .tg-bottom-nav a.center-nav,body.pg-settings .tg-bottom-nav a:nth-child(4),body.pg-settings .bottom-nav a:nth-child(4),body.pg-settings .user-bottom-nav a:nth-child(4),body.pg-settings .footer-nav a:nth-child(4),body.pg-settings .mobile-bottom-nav a:nth-child(4){height:60px;margin-top:-16px;border-radius:20px}
body.pg-settings .tg-bottom-nav a.center-nav i,body.pg-settings .tg-bottom-nav a:nth-child(4) i,body.pg-settings .bottom-nav a:nth-child(4) i,body.pg-settings .user-bottom-nav a:nth-child(4) i,body.pg-settings .footer-nav a:nth-child(4) i,body.pg-settings .mobile-bottom-nav a:nth-child(4) i{font-size:18px}}
@media(max-width:390px){body.pg-settings .page{width:calc(100% - 12px)}
body.pg-settings .brand{font-size:19px}
body.pg-settings .hero-title{font-size:25px}
body.pg-settings .username-title{font-size:19px}}
@media(max-width:360px){body.pg-settings .tg-bottom-nav,body.pg-settings .bottom-nav,body.pg-settings .user-bottom-nav,body.pg-settings .footer-nav,body.pg-settings .mobile-bottom-nav{width:calc(100% - 6px);padding:4px;gap:1px}
body.pg-settings .tg-bottom-nav a,body.pg-settings .bottom-nav a,body.pg-settings .user-bottom-nav a,body.pg-settings .footer-nav a,body.pg-settings .mobile-bottom-nav a{height:46px;font-size:6.1px}
body.pg-settings .tg-bottom-nav a i,body.pg-settings .bottom-nav a i,body.pg-settings .user-bottom-nav a i,body.pg-settings .footer-nav a i,body.pg-settings .mobile-bottom-nav a i{font-size:13px}
body.pg-settings .tg-bottom-nav a span,body.pg-settings .bottom-nav a span,body.pg-settings .user-bottom-nav a span,body.pg-settings .footer-nav a span,body.pg-settings .mobile-bottom-nav a span{font-size:6.1px}
body.pg-settings .tg-bottom-nav a.center-nav,body.pg-settings .tg-bottom-nav a:nth-child(4),body.pg-settings .bottom-nav a:nth-child(4),body.pg-settings .user-bottom-nav a:nth-child(4),body.pg-settings .footer-nav a:nth-child(4),body.pg-settings .mobile-bottom-nav a:nth-child(4){height:56px;margin-top:-14px}}
@media print{body.pg-settings .topbar,body.pg-settings .actions,body.pg-settings .tg-bottom-nav,body.pg-settings .bottom-nav,body.pg-settings .user-bottom-nav,body.pg-settings .footer-nav,body.pg-settings .mobile-bottom-nav{display:none}
body.pg-settings{padding-bottom:0}
body.pg-settings .page{width:100%;padding:0}}
/* from profile.php — page UI now lives in assets/css/dashboard-vip.css + assets/css/pages/; only bottom-nav rules kept here */
body.pg-profile .tg-bottom-nav,body.pg-profile .bottom-nav,body.pg-profile .user-bottom-nav,body.pg-profile .footer-nav,body.pg-profile .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px, calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;-webkit-backdrop-filter:blur(18px);z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-profile .tg-bottom-nav a,body.pg-profile .bottom-nav a,body.pg-profile .user-bottom-nav a,body.pg-profile .footer-nav a,body.pg-profile .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}
body.pg-profile .tg-bottom-nav a i,body.pg-profile .bottom-nav a i,body.pg-profile .user-bottom-nav a i,body.pg-profile .footer-nav a i,body.pg-profile .mobile-bottom-nav a i{display:block;font-size:16px;line-height:1;margin:0}
body.pg-profile .tg-bottom-nav a span,body.pg-profile .bottom-nav a span,body.pg-profile .user-bottom-nav a span,body.pg-profile .footer-nav a span,body.pg-profile .mobile-bottom-nav a span,body.pg-profile .tg-bottom-nav a small,body.pg-profile .bottom-nav a small,body.pg-profile .user-bottom-nav a small,body.pg-profile .footer-nav a small,body.pg-profile .mobile-bottom-nav a small{display:block;width:100%;max-width:100%;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;white-space:nowrap;overflow:hidden}
body.pg-profile .tg-bottom-nav a.center-nav,body.pg-profile .tg-bottom-nav a:nth-child(4),body.pg-profile .bottom-nav a:nth-child(4),body.pg-profile .user-bottom-nav a:nth-child(4),body.pg-profile .footer-nav a:nth-child(4),body.pg-profile .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px;overflow:visible}
body.pg-profile .tg-bottom-nav a.center-nav i,body.pg-profile .tg-bottom-nav a:nth-child(4) i,body.pg-profile .bottom-nav a:nth-child(4) i,body.pg-profile .user-bottom-nav a:nth-child(4) i,body.pg-profile .footer-nav a:nth-child(4) i,body.pg-profile .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
body.pg-profile .tg-bottom-nav a.center-nav span,body.pg-profile .tg-bottom-nav a:nth-child(4) span,body.pg-profile .bottom-nav a:nth-child(4) span,body.pg-profile .user-bottom-nav a:nth-child(4) span,body.pg-profile .footer-nav a:nth-child(4) span,body.pg-profile .mobile-bottom-nav a:nth-child(4) span{font-size:8px}
@media(max-width:560px){
body.pg-profile .tg-bottom-nav,body.pg-profile .bottom-nav,body.pg-profile .user-bottom-nav,body.pg-profile .footer-nav,body.pg-profile .mobile-bottom-nav{width:calc(100% - 8px);bottom:6px;min-height:62px;padding:5px;gap:2px;border-radius:21px;grid-template-columns:repeat(3,minmax(0,1fr)) 1.18fr repeat(3,minmax(0,1fr))}
body.pg-profile .tg-bottom-nav a,body.pg-profile .bottom-nav a,body.pg-profile .user-bottom-nav a,body.pg-profile .footer-nav a,body.pg-profile .mobile-bottom-nav a{height:48px;border-radius:14px;font-size:6.8px;letter-spacing:-.45px;gap:3px;padding:4px 1px}
body.pg-profile .tg-bottom-nav a i,body.pg-profile .bottom-nav a i,body.pg-profile .user-bottom-nav a i,body.pg-profile .footer-nav a i,body.pg-profile .mobile-bottom-nav a i{font-size:14px}
body.pg-profile .tg-bottom-nav a span,body.pg-profile .bottom-nav a span,body.pg-profile .user-bottom-nav a span,body.pg-profile .footer-nav a span,body.pg-profile .mobile-bottom-nav a span{font-size:6.8px;letter-spacing:-.45px}
body.pg-profile .tg-bottom-nav a.center-nav,body.pg-profile .tg-bottom-nav a:nth-child(4),body.pg-profile .bottom-nav a:nth-child(4),body.pg-profile .user-bottom-nav a:nth-child(4),body.pg-profile .footer-nav a:nth-child(4),body.pg-profile .mobile-bottom-nav a:nth-child(4){height:60px;margin-top:-16px;border-radius:20px}
body.pg-profile .tg-bottom-nav a.center-nav i,body.pg-profile .tg-bottom-nav a:nth-child(4) i,body.pg-profile .bottom-nav a:nth-child(4) i,body.pg-profile .user-bottom-nav a:nth-child(4) i,body.pg-profile .footer-nav a:nth-child(4) i,body.pg-profile .mobile-bottom-nav a:nth-child(4) i{font-size:18px}
}
@media(max-width:360px){
body.pg-profile .tg-bottom-nav,body.pg-profile .bottom-nav,body.pg-profile .user-bottom-nav,body.pg-profile .footer-nav,body.pg-profile .mobile-bottom-nav{width:calc(100% - 6px);padding:4px;gap:1px}
body.pg-profile .tg-bottom-nav a,body.pg-profile .bottom-nav a,body.pg-profile .user-bottom-nav a,body.pg-profile .footer-nav a,body.pg-profile .mobile-bottom-nav a{height:46px;font-size:6.1px}
body.pg-profile .tg-bottom-nav a i,body.pg-profile .bottom-nav a i,body.pg-profile .user-bottom-nav a i,body.pg-profile .footer-nav a i,body.pg-profile .mobile-bottom-nav a i{font-size:13px}
body.pg-profile .tg-bottom-nav a span,body.pg-profile .bottom-nav a span,body.pg-profile .user-bottom-nav a span,body.pg-profile .footer-nav a span,body.pg-profile .mobile-bottom-nav a span{font-size:6.1px}
body.pg-profile .tg-bottom-nav a.center-nav,body.pg-profile .tg-bottom-nav a:nth-child(4),body.pg-profile .bottom-nav a:nth-child(4),body.pg-profile .user-bottom-nav a:nth-child(4),body.pg-profile .footer-nav a:nth-child(4),body.pg-profile .mobile-bottom-nav a:nth-child(4){height:56px;margin-top:-14px}
}
/* from records.php — page UI now lives in assets/css/dashboard-vip.css + assets/css/pages/; only bottom-nav rules kept here */
body.pg-records .tg-bottom-nav,body.pg-records .bottom-nav,body.pg-records .user-bottom-nav,body.pg-records .footer-nav,body.pg-records .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px,calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;-webkit-backdrop-filter:blur(18px);z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-records .tg-bottom-nav a,body.pg-records .bottom-nav a,body.pg-records .user-bottom-nav a,body.pg-records .footer-nav a,body.pg-records .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;text-align:center;white-space:nowrap;overflow:hidden}
body.pg-records .tg-bottom-nav a i,body.pg-records .bottom-nav a i,body.pg-records .user-bottom-nav a i,body.pg-records .footer-nav a i,body.pg-records .mobile-bottom-nav a i{display:block;font-size:16px;line-height:1;margin:0}
body.pg-records .tg-bottom-nav a span,body.pg-records .bottom-nav a span,body.pg-records .user-bottom-nav a span,body.pg-records .footer-nav a span,body.pg-records .mobile-bottom-nav a span{display:block;width:100%;font-size:8px;line-height:1;font-weight:900}
body.pg-records .tg-bottom-nav a.center-nav,body.pg-records .tg-bottom-nav a:nth-child(4),body.pg-records .bottom-nav a:nth-child(4),body.pg-records .user-bottom-nav a:nth-child(4),body.pg-records .footer-nav a:nth-child(4),body.pg-records .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px;overflow:visible}
body.pg-records .tg-bottom-nav a.center-nav i,body.pg-records .tg-bottom-nav a:nth-child(4) i,body.pg-records .bottom-nav a:nth-child(4) i,body.pg-records .user-bottom-nav a:nth-child(4) i,body.pg-records .footer-nav a:nth-child(4) i,body.pg-records .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
body.pg-records .tg-bottom-nav a.center-nav span,body.pg-records .tg-bottom-nav a:nth-child(4) span,body.pg-records .bottom-nav a:nth-child(4) span,body.pg-records .user-bottom-nav a:nth-child(4) span,body.pg-records .footer-nav a:nth-child(4) span,body.pg-records .mobile-bottom-nav a:nth-child(4) span{font-size:8px}
@media(max-width:560px){
body.pg-records .tg-bottom-nav,body.pg-records .bottom-nav,body.pg-records .user-bottom-nav,body.pg-records .footer-nav,body.pg-records .mobile-bottom-nav{width:calc(100% - 8px);bottom:6px;min-height:62px;padding:5px;gap:2px;border-radius:21px;grid-template-columns:repeat(3,minmax(0,1fr)) 1.18fr repeat(3,minmax(0,1fr))}
body.pg-records .tg-bottom-nav a,body.pg-records .bottom-nav a,body.pg-records .user-bottom-nav a,body.pg-records .footer-nav a,body.pg-records .mobile-bottom-nav a{height:48px;border-radius:14px;font-size:6.8px;gap:3px;padding:4px 1px}
body.pg-records .tg-bottom-nav a i,body.pg-records .bottom-nav a i,body.pg-records .user-bottom-nav a i,body.pg-records .footer-nav a i,body.pg-records .mobile-bottom-nav a i{font-size:14px}
body.pg-records .tg-bottom-nav a span,body.pg-records .bottom-nav a span,body.pg-records .user-bottom-nav a span,body.pg-records .footer-nav a span,body.pg-records .mobile-bottom-nav a span{font-size:6.8px}
body.pg-records .tg-bottom-nav a.center-nav,body.pg-records .tg-bottom-nav a:nth-child(4),body.pg-records .bottom-nav a:nth-child(4),body.pg-records .user-bottom-nav a:nth-child(4),body.pg-records .footer-nav a:nth-child(4),body.pg-records .mobile-bottom-nav a:nth-child(4){height:60px;margin-top:-16px;border-radius:20px}
body.pg-records .tg-bottom-nav a.center-nav i,body.pg-records .tg-bottom-nav a:nth-child(4) i,body.pg-records .bottom-nav a:nth-child(4) i,body.pg-records .user-bottom-nav a:nth-child(4) i,body.pg-records .footer-nav a:nth-child(4) i,body.pg-records .mobile-bottom-nav a:nth-child(4) i{font-size:18px}
}
/* from levels.php — page UI now lives in assets/css/dashboard-vip.css + assets/css/pages/; only bottom-nav rules kept here */
body.pg-levels .tg-bottom-nav,body.pg-levels .bottom-nav,body.pg-levels .user-bottom-nav,body.pg-levels .footer-nav,body.pg-levels .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px, calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;-webkit-backdrop-filter:blur(18px);z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-levels .tg-bottom-nav a,body.pg-levels .bottom-nav a,body.pg-levels .user-bottom-nav a,body.pg-levels .footer-nav a,body.pg-levels .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}
body.pg-levels .tg-bottom-nav a i,body.pg-levels .bottom-nav a i,body.pg-levels .user-bottom-nav a i,body.pg-levels .footer-nav a i,body.pg-levels .mobile-bottom-nav a i{display:block;font-size:16px;line-height:1;margin:0}
body.pg-levels .tg-bottom-nav a span,body.pg-levels .bottom-nav a span,body.pg-levels .user-bottom-nav a span,body.pg-levels .footer-nav a span,body.pg-levels .mobile-bottom-nav a span,body.pg-levels .tg-bottom-nav a small,body.pg-levels .bottom-nav a small,body.pg-levels .user-bottom-nav a small,body.pg-levels .footer-nav a small,body.pg-levels .mobile-bottom-nav a small{display:block;width:100%;max-width:100%;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;white-space:nowrap;overflow:hidden}
body.pg-levels .tg-bottom-nav a.center-nav,body.pg-levels .tg-bottom-nav a:nth-child(4),body.pg-levels .bottom-nav a:nth-child(4),body.pg-levels .user-bottom-nav a:nth-child(4),body.pg-levels .footer-nav a:nth-child(4),body.pg-levels .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px;overflow:visible}
body.pg-levels .tg-bottom-nav a.center-nav i,body.pg-levels .tg-bottom-nav a:nth-child(4) i,body.pg-levels .bottom-nav a:nth-child(4) i,body.pg-levels .user-bottom-nav a:nth-child(4) i,body.pg-levels .footer-nav a:nth-child(4) i,body.pg-levels .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
@media(max-width:560px){
body.pg-levels .tg-bottom-nav,body.pg-levels .bottom-nav,body.pg-levels .user-bottom-nav,body.pg-levels .footer-nav,body.pg-levels .mobile-bottom-nav{width:calc(100% - 8px);bottom:6px;min-height:62px;padding:5px;gap:2px;border-radius:21px;grid-template-columns:repeat(3,minmax(0,1fr)) 1.18fr repeat(3,minmax(0,1fr))}
body.pg-levels .tg-bottom-nav a,body.pg-levels .bottom-nav a,body.pg-levels .user-bottom-nav a,body.pg-levels .footer-nav a,body.pg-levels .mobile-bottom-nav a{height:48px;border-radius:14px;font-size:6.8px;letter-spacing:-.45px;gap:3px;padding:4px 1px}
body.pg-levels .tg-bottom-nav a i,body.pg-levels .bottom-nav a i,body.pg-levels .user-bottom-nav a i,body.pg-levels .footer-nav a i,body.pg-levels .mobile-bottom-nav a i{font-size:14px}
body.pg-levels .tg-bottom-nav a span,body.pg-levels .bottom-nav a span,body.pg-levels .user-bottom-nav a span,body.pg-levels .footer-nav a span,body.pg-levels .mobile-bottom-nav a span{font-size:6.8px;letter-spacing:-.45px}
body.pg-levels .tg-bottom-nav a.center-nav,body.pg-levels .tg-bottom-nav a:nth-child(4),body.pg-levels .bottom-nav a:nth-child(4),body.pg-levels .user-bottom-nav a:nth-child(4),body.pg-levels .footer-nav a:nth-child(4),body.pg-levels .mobile-bottom-nav a:nth-child(4){height:60px;margin-top:-16px;border-radius:20px}
}
@media(max-width:360px){
body.pg-levels .tg-bottom-nav,body.pg-levels .bottom-nav,body.pg-levels .user-bottom-nav,body.pg-levels .footer-nav,body.pg-levels .mobile-bottom-nav{width:calc(100% - 6px);padding:4px;gap:1px}
body.pg-levels .tg-bottom-nav a,body.pg-levels .bottom-nav a,body.pg-levels .user-bottom-nav a,body.pg-levels .footer-nav a,body.pg-levels .mobile-bottom-nav a{height:46px;font-size:6.1px}
body.pg-levels .tg-bottom-nav a i,body.pg-levels .bottom-nav a i,body.pg-levels .user-bottom-nav a i,body.pg-levels .footer-nav a i,body.pg-levels .mobile-bottom-nav a i{font-size:13px}
body.pg-levels .tg-bottom-nav a span,body.pg-levels .bottom-nav a span,body.pg-levels .user-bottom-nav a span,body.pg-levels .footer-nav a span,body.pg-levels .mobile-bottom-nav a span{font-size:6.1px}
body.pg-levels .tg-bottom-nav a.center-nav,body.pg-levels .tg-bottom-nav a:nth-child(4),body.pg-levels .bottom-nav a:nth-child(4),body.pg-levels .user-bottom-nav a:nth-child(4),body.pg-levels .footer-nav a:nth-child(4),body.pg-levels .mobile-bottom-nav a:nth-child(4){height:56px;margin-top:-14px}
}
/* from login.php — page UI now lives in assets/css/dashboard-vip.css + assets/css/pages/; only bottom-nav rules kept here */

/* from agreement.php */
body.pg-agreement *{margin:0;padding:0;box-sizing:border-box}
body.pg-agreement,body.pg-agreement{width:100%;min-height:100%;overflow-x:hidden}
body.pg-agreement{min-height:100vh;padding:24px;position:relative}
body.pg-agreement::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.55;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 92%)}
body.pg-agreement::after{content:"";position:fixed;width:360px;height:360px;border-radius:50%;right:-170px;bottom:-160px;pointer-events:none}
body.pg-agreement .page{width:min(1100px,100%);margin:0 auto;min-height:calc(100vh - 48px);display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;position:relative;z-index:2}
body.pg-agreement .info-panel{border-radius:40px;padding:44px;position:relative;overflow:hidden;min-width:0}
body.pg-agreement .info-panel::before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-130px;top:-135px}
body.pg-agreement .info-panel::after{content:"";position:absolute;width:235px;height:235px;border-radius:50%;left:-90px;bottom:-100px}
body.pg-agreement .brand,body.pg-agreement .panel-badge,body.pg-agreement .panel-title,body.pg-agreement .panel-text,body.pg-agreement .safe-list{position:relative;z-index:2}
body.pg-agreement .brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}
body.pg-agreement .brand-name{font-size:30px;font-weight:900;letter-spacing:-.9px}
body.pg-agreement .site-brand-name,body.pg-agreement .site-brand-text{font-weight:900}
body.pg-agreement .panel-badge{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border-radius:999px;font-size:12px;font-weight:900;margin-bottom:20px}
body.pg-agreement .panel-badge span{width:9px;height:9px;min-width:9px;border-radius:50%}
body.pg-agreement .panel-title{font-size:45px;line-height:1.07;letter-spacing:-1.9px;font-weight:900;margin-bottom:18px}
body.pg-agreement .panel-title span{-webkit-background-clip:text}
body.pg-agreement .panel-text{font-size:15px;line-height:1.85;font-weight:500;margin-bottom:26px}
body.pg-agreement .safe-list{display:grid;gap:14px}
body.pg-agreement .safe-box{border-radius:24px;padding:16px;display:flex;gap:13px;align-items:flex-start;transition:.25s ease}
body.pg-agreement .safe-box:hover{transform:translateY(-5px)}
body.pg-agreement .safe-icon{width:45px;height:45px;min-width:45px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:900}
body.pg-agreement .safe-box strong{display:block;font-size:13.5px;font-weight:900;margin-bottom:4px}
body.pg-agreement .safe-box p{font-size:12px;line-height:1.55;font-weight:600}
body.pg-agreement .agree-card{border-radius:36px;padding:30px;position:relative;overflow:hidden;min-width:0}
body.pg-agreement .agree-card::before{content:"";position:absolute;inset:0;pointer-events:none}
body.pg-agreement .mobile-brand,body.pg-agreement .agree-head,body.pg-agreement .alert,body.pg-agreement .content,body.pg-agreement form{position:relative;z-index:2}
body.pg-agreement .mobile-brand{display:none;align-items:center;justify-content:center;gap:11px;margin-bottom:18px}
body.pg-agreement .mobile-brand .brand-name{font-size:25px}
body.pg-agreement .agree-head{border-radius:28px;padding:27px 24px;margin-bottom:22px;overflow:hidden;position:relative}
body.pg-agreement .agree-head::after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;right:-55px;top:-62px}
body.pg-agreement .agree-head h1{position:relative;z-index:2;font-size:30px;line-height:1.18;font-weight:900;letter-spacing:-.9px;margin-bottom:9px}
body.pg-agreement .agree-head p{position:relative;z-index:2;font-size:13px;line-height:1.7;font-weight:500}
body.pg-agreement .alert{padding:13px 14px;border-radius:17px;margin-bottom:16px;font-size:12.5px;font-weight:800;line-height:1.5}
body.pg-agreement .content{border-radius:24px;padding:21px;font-size:13px;line-height:1.75;font-weight:600}
body.pg-agreement .content p{margin-bottom:12px}
body.pg-agreement .content b{font-weight:900}
body.pg-agreement .highlight{border-radius:18px;padding:13px 14px;margin:14px 0;font-weight:900;line-height:1.6}
body.pg-agreement ol{margin:14px 0 0 22px}
body.pg-agreement ol li{margin-bottom:9px;padding-left:4px}
body.pg-agreement ol li::marker{font-weight:900}
body.pg-agreement .btn{width:100%;min-height:56px;border:0;outline:0;cursor:pointer;border-radius:19px;font-size:14px;font-weight:900;letter-spacing:.45px;transition:.25s ease;margin-top:20px}
body.pg-agreement .btn:hover{transform:translateY(-3px)}
@media(max-width:940px){body.pg-agreement{padding:18px}
body.pg-agreement .page{grid-template-columns:1fr;max-width:620px;min-height:auto}
body.pg-agreement .info-panel{display:none}
body.pg-agreement .mobile-brand{display:flex}}
@media(max-width:520px){body.pg-agreement{padding:14px}
body.pg-agreement .agree-card{padding:22px;border-radius:30px}
body.pg-agreement .agree-head{padding:23px 20px;border-radius:24px;text-align:center}
body.pg-agreement .agree-head h1{font-size:25px}
body.pg-agreement .agree-head p{font-size:12.5px}
body.pg-agreement .mobile-brand .brand-name{font-size:24px}
body.pg-agreement .content{border-radius:21px;padding:16px;font-size:12.5px}
body.pg-agreement .highlight{border-radius:16px;padding:12px}
body.pg-agreement .btn{min-height:53px;border-radius:17px}}
@media(max-width:380px){body.pg-agreement{padding:10px}
body.pg-agreement .agree-card{padding:17px;border-radius:25px}
body.pg-agreement .mobile-brand .brand-name{font-size:21px}
body.pg-agreement .agree-head{padding:21px 16px}
body.pg-agreement .agree-head h1{font-size:22px}
body.pg-agreement .content{padding:14px}}
/* from signup.php — page UI now lives in assets/css/dashboard-vip.css + assets/css/pages/; only bottom-nav rules kept here */

/* from invest.php */
body.pg-invest *{margin:0;padding:0;box-sizing:border-box}
body.pg-invest,body.pg-invest{width:100%;min-height:100%;overflow-x:hidden}
body.pg-invest{min-height:100vh;padding:18px 14px 34px}
body.pg-invest::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.55;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 92%);z-index:-1}
body.pg-invest::after{content:"";position:fixed;width:360px;height:360px;border-radius:50%;right:-170px;bottom:-160px;pointer-events:none;z-index:-1}
body.pg-invest .page{width:min(1180px, 100%);margin:0 auto}
body.pg-invest .topbar{position:sticky;top:10px;z-index:50;margin-bottom:14px;padding:10px 12px;-webkit-backdrop-filter:blur(18px);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.pg-invest .brand-name{font-size:23px;font-weight:900;letter-spacing:-.7px;white-space:nowrap}
body.pg-invest .site-brand-name,body.pg-invest .site-brand-text{font-weight:900}
body.pg-invest .secure-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 12px;border-radius:999px;font-size:11px;font-weight:900}
body.pg-invest .hero{border-radius:32px;padding:24px;margin-bottom:14px;position:relative;overflow:hidden}
body.pg-invest .hero::before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-145px;top:-150px}
body.pg-invest .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:stretch}
body.pg-invest .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:11.5px;font-weight:900;margin-bottom:12px}
body.pg-invest .hero-title{font-size:clamp(30px,4.8vw,56px);line-height:1.05;letter-spacing:-1.8px;font-weight:900;margin:0}
body.pg-invest .hero-title span{-webkit-background-clip:text}
body.pg-invest .hero-text{margin-top:12px;max-width:720px;font-size:13px;line-height:1.75;font-weight:600}
body.pg-invest .hero-side{border-radius:26px;padding:18px;position:relative;overflow:hidden}
body.pg-invest .hero-side::after{content:"";position:absolute;right:-60px;top:-72px;width:165px;height:165px;border-radius:50%}
body.pg-invest .hero-side span,body.pg-invest .hero-side b,body.pg-invest .hero-side small{position:relative;z-index:2;display:block}
body.pg-invest .hero-side span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.35px;margin-bottom:8px}
body.pg-invest .hero-side b{font-size:clamp(34px,5vw,54px);line-height:1;font-weight:900;letter-spacing:-1.5px}
body.pg-invest .hero-side small{margin-top:10px;font-size:12px;font-weight:900}
body.pg-invest .main-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;align-items:start}
body.pg-invest .card{border-radius:30px;position:relative;overflow:hidden}
body.pg-invest .card::before{content:"";position:absolute;right:-85px;top:-105px;width:220px;height:220px;border-radius:50%}
body.pg-invest .card::after{content:"";position:absolute;left:-95px;bottom:-120px;width:215px;height:215px;border-radius:50%}
body.pg-invest .card > *{position:relative;z-index:2}
body.pg-invest .card-pad{padding:18px}
body.pg-invest .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
body.pg-invest .section-head h2{font-size:19px;font-weight:900;letter-spacing:-.35px;margin:0}
body.pg-invest .section-head p{font-size:11.5px;line-height:1.55;font-weight:700;margin-top:4px}
body.pg-invest .section-pill{flex:0 0 auto;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900}
body.pg-invest .packages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.pg-invest .package-card{min-height:136px;border:none;width:100%;text-align:left;cursor:pointer;border-radius:22px;padding:14px;transition:.22s ease;position:relative;overflow:hidden}
body.pg-invest .package-card::after{content:"";position:absolute;right:-50px;bottom:-60px;width:135px;height:135px;border-radius:50%}
body.pg-invest .package-card:hover{transform:translateY(-3px)}
body.pg-invest .pkg-top{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}
body.pg-invest .pkg-icon{width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center}
body.pg-invest .pkg-check{width:25px;height:25px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;transition:.22s ease}
body.pg-invest .pkg-name{position:relative;z-index:2;font-size:14px;font-weight:900;line-height:1.25;margin-bottom:6px}
body.pg-invest .pkg-price{position:relative;z-index:2;font-size:25px;line-height:1;font-weight:900;letter-spacing:-.8px;margin-bottom:8px}
body.pg-invest .pkg-days{position:relative;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900}
body.pg-invest .selected-card{margin-top:12px;border-radius:22px;padding:16px}
body.pg-invest .selected-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body.pg-invest .selected-label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.35px;margin-bottom:7px}
body.pg-invest .selected-name{font-size:14px;font-weight:900;line-height:1.3}
body.pg-invest .selected-days{flex:0 0 auto;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900}
body.pg-invest .selected-price{margin-top:12px;font-size:clamp(30px,4vw,44px);line-height:1;font-weight:900;letter-spacing:-1.3px}
body.pg-invest .pay-card{border-radius:22px;padding:14px;margin-bottom:13px}
body.pg-invest .pay-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:900;margin-bottom:10px}
body.pg-invest .pay-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:12.5px}
body.pg-invest .pay-row:last-child{border-bottom:none;padding-bottom:0}
body.pg-invest .pay-row span{font-weight:800}
body.pg-invest .pay-row b{font-weight:900;text-align:right;word-break:break-word}
body.pg-invest .alert{margin-bottom:13px;padding:12px 14px;border-radius:18px;font-size:12.5px;font-weight:800;line-height:1.55}
body.pg-invest .input-group{min-width:0;margin-bottom:13px;position:relative}
body.pg-invest .input-group label{display:block;font-size:12px;font-weight:900;margin-bottom:8px;letter-spacing:.15px}
body.pg-invest .input-group input,body.pg-invest .input-group select{width:100%;min-height:50px;border-radius:17px;padding:12px 14px;outline:none;font-size:13px;font-weight:800;transition:.22s ease}
body.pg-invest .input-group select{cursor:pointer}
body.pg-invest .input-group input::placeholder{font-weight:700}
body.pg-invest .file-help{display:block;font-size:11px;font-weight:700;line-height:1.5;margin-top:6px}
body.pg-invest .file-upload{position:relative}
body.pg-invest .file-upload input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:3}
body.pg-invest .file-box{width:100%;min-height:76px;border-radius:20px;padding:14px;display:flex;align-items:center;gap:13px;transition:.22s ease}
body.pg-invest .file-icon{width:46px;height:46px;min-width:46px;border-radius:16px;display:flex;align-items:center;justify-content:center}
body.pg-invest .file-text strong{display:block;font-size:13px;font-weight:900;margin-bottom:3px}
body.pg-invest .file-text span{display:block;font-size:11.5px;font-weight:700;line-height:1.45}
body.pg-invest .btn{width:100%;min-height:54px;border:none;cursor:pointer;border-radius:18px;font-size:13.5px;font-weight:900;letter-spacing:.35px;transition:.22s ease}
body.pg-invest .btn:hover{transform:translateY(-2px)}
body.pg-invest .note{margin-top:13px;text-align:center;font-size:11.5px;line-height:1.6;font-weight:700}
body.pg-invest .steps{display:grid;gap:10px;margin-top:13px}
body.pg-invest .step{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;border-radius:18px;padding:12px}
body.pg-invest .step-no{width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-weight:900}
body.pg-invest .step strong{display:block;font-size:12.5px;font-weight:900;margin-bottom:3px}
body.pg-invest .step p{font-size:11px;line-height:1.5;font-weight:700}
@media(max-width:980px){body.pg-invest .hero-inner,body.pg-invest .main-grid{grid-template-columns:1fr}
body.pg-invest .packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.pg-invest{padding:10px 8px 24px}
body.pg-invest .topbar{top:8px;border-radius:20px;padding:9px 10px}
body.pg-invest .brand-name{font-size:21px}
body.pg-invest .secure-pill{min-height:38px;padding:8px 10px;font-size:10px}
body.pg-invest .secure-pill span{display:none}
body.pg-invest .hero{border-radius:25px;padding:17px}
body.pg-invest .hero-title{font-size:29px;letter-spacing:-1.1px}
body.pg-invest .hero-text{font-size:12px}
body.pg-invest .hero-side{border-radius:22px;padding:15px}
body.pg-invest .hero-side b{font-size:34px}
body.pg-invest .card{border-radius:24px}
body.pg-invest .card-pad{padding:13px}
body.pg-invest .section-head{flex-direction:column;gap:8px}
body.pg-invest .section-pill{width:100%;text-align:center}
body.pg-invest .packages-grid{grid-template-columns:1fr;gap:8px}
body.pg-invest .package-card{min-height:auto;border-radius:18px;padding:12px}
body.pg-invest .pkg-price{font-size:23px}
body.pg-invest .selected-card,body.pg-invest .pay-card{border-radius:19px}
body.pg-invest .selected-row{flex-direction:column;gap:8px}
body.pg-invest .selected-days{width:100%;text-align:center}
body.pg-invest .pay-row{flex-direction:column;gap:4px}
body.pg-invest .pay-row b{text-align:left}
body.pg-invest .input-group input,body.pg-invest .input-group select{min-height:48px;border-radius:15px}
body.pg-invest .file-box{min-height:70px;border-radius:17px;padding:12px}
body.pg-invest .file-icon{width:42px;height:42px;min-width:42px;border-radius:14px}
body.pg-invest .btn{min-height:52px;border-radius:16px}}
@media(max-width:390px){body.pg-invest .brand-name{font-size:19px}
body.pg-invest .hero-title{font-size:26px}
body.pg-invest .hero-side b{font-size:30px}
body.pg-invest .secure-pill{width:38px;height:38px;padding:0;justify-content:center}
body.pg-invest .secure-pill i{font-size:14px}
body.pg-invest .package-card{padding:11px}
body.pg-invest .pkg-icon{width:38px;height:38px;border-radius:14px}}
/* from withdraw_receipt.php — page UI now lives in assets/css/dashboard-vip.css + assets/css/pages/; only bottom-nav rules kept here */
body.pg-withdraw-receipt .tg-bottom-nav,body.pg-withdraw-receipt .bottom-nav,body.pg-withdraw-receipt .user-bottom-nav,body.pg-withdraw-receipt .footer-nav,body.pg-withdraw-receipt .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px, calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;-webkit-backdrop-filter:blur(18px);z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-withdraw-receipt .tg-bottom-nav a,body.pg-withdraw-receipt .bottom-nav a,body.pg-withdraw-receipt .user-bottom-nav a,body.pg-withdraw-receipt .footer-nav a,body.pg-withdraw-receipt .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}
body.pg-withdraw-receipt .tg-bottom-nav a i,body.pg-withdraw-receipt .bottom-nav a i,body.pg-withdraw-receipt .user-bottom-nav a i,body.pg-withdraw-receipt .footer-nav a i,body.pg-withdraw-receipt .mobile-bottom-nav a i{display:block;font-size:16px;line-height:1;margin:0}
body.pg-withdraw-receipt .tg-bottom-nav a span,body.pg-withdraw-receipt .bottom-nav a span,body.pg-withdraw-receipt .user-bottom-nav a span,body.pg-withdraw-receipt .footer-nav a span,body.pg-withdraw-receipt .mobile-bottom-nav a span,body.pg-withdraw-receipt .tg-bottom-nav a small,body.pg-withdraw-receipt .bottom-nav a small,body.pg-withdraw-receipt .user-bottom-nav a small,body.pg-withdraw-receipt .footer-nav a small,body.pg-withdraw-receipt .mobile-bottom-nav a small{display:block;width:100%;max-width:100%;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;white-space:nowrap;overflow:hidden}
body.pg-withdraw-receipt .tg-bottom-nav a.center-nav,body.pg-withdraw-receipt .tg-bottom-nav a:nth-child(4),body.pg-withdraw-receipt .bottom-nav a:nth-child(4),body.pg-withdraw-receipt .user-bottom-nav a:nth-child(4),body.pg-withdraw-receipt .footer-nav a:nth-child(4),body.pg-withdraw-receipt .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px;overflow:visible}
body.pg-withdraw-receipt .tg-bottom-nav a.center-nav i,body.pg-withdraw-receipt .tg-bottom-nav a:nth-child(4) i,body.pg-withdraw-receipt .bottom-nav a:nth-child(4) i,body.pg-withdraw-receipt .user-bottom-nav a:nth-child(4) i,body.pg-withdraw-receipt .footer-nav a:nth-child(4) i,body.pg-withdraw-receipt .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
body.pg-withdraw-receipt .tg-bottom-nav a.center-nav span,body.pg-withdraw-receipt .tg-bottom-nav a:nth-child(4) span,body.pg-withdraw-receipt .bottom-nav a:nth-child(4) span,body.pg-withdraw-receipt .user-bottom-nav a:nth-child(4) span,body.pg-withdraw-receipt .footer-nav a:nth-child(4) span,body.pg-withdraw-receipt .mobile-bottom-nav a:nth-child(4) span{font-size:8px}
@media(max-width:560px){
body.pg-withdraw-receipt .tg-bottom-nav,body.pg-withdraw-receipt .bottom-nav,body.pg-withdraw-receipt .user-bottom-nav,body.pg-withdraw-receipt .footer-nav,body.pg-withdraw-receipt .mobile-bottom-nav{width:calc(100% - 8px);bottom:6px;min-height:62px;padding:5px;gap:2px;border-radius:21px;grid-template-columns:repeat(3,minmax(0,1fr)) 1.18fr repeat(3,minmax(0,1fr))}
body.pg-withdraw-receipt .tg-bottom-nav a,body.pg-withdraw-receipt .bottom-nav a,body.pg-withdraw-receipt .user-bottom-nav a,body.pg-withdraw-receipt .footer-nav a,body.pg-withdraw-receipt .mobile-bottom-nav a{height:48px;border-radius:14px;font-size:6.8px;letter-spacing:-.45px;gap:3px;padding:4px 1px}
body.pg-withdraw-receipt .tg-bottom-nav a i,body.pg-withdraw-receipt .bottom-nav a i,body.pg-withdraw-receipt .user-bottom-nav a i,body.pg-withdraw-receipt .footer-nav a i,body.pg-withdraw-receipt .mobile-bottom-nav a i{font-size:14px}
body.pg-withdraw-receipt .tg-bottom-nav a span,body.pg-withdraw-receipt .bottom-nav a span,body.pg-withdraw-receipt .user-bottom-nav a span,body.pg-withdraw-receipt .footer-nav a span,body.pg-withdraw-receipt .mobile-bottom-nav a span{font-size:6.8px;letter-spacing:-.45px}
body.pg-withdraw-receipt .tg-bottom-nav a.center-nav,body.pg-withdraw-receipt .tg-bottom-nav a:nth-child(4),body.pg-withdraw-receipt .bottom-nav a:nth-child(4),body.pg-withdraw-receipt .user-bottom-nav a:nth-child(4),body.pg-withdraw-receipt .footer-nav a:nth-child(4),body.pg-withdraw-receipt .mobile-bottom-nav a:nth-child(4){height:60px;margin-top:-16px;border-radius:20px}
}
@media print{
body.pg-withdraw-receipt .tg-bottom-nav,body.pg-withdraw-receipt .bottom-nav,body.pg-withdraw-receipt .user-bottom-nav,body.pg-withdraw-receipt .footer-nav,body.pg-withdraw-receipt .mobile-bottom-nav{display:none}
}
/* from index.php */
body.pg-index *{margin:0;padding:0;box-sizing:border-box}
body.pg-index,body.pg-index{width:100%;min-height:100%;overflow-x:hidden}
body.pg-index{min-height:100vh}
body.pg-index::before{content:"";position:fixed;inset:0;pointer-events:none;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 90%)}
body.pg-index .wrapper{width:min(1200px,100%);margin:auto;padding:28px 18px 40px;position:relative;z-index:2}
body.pg-index .header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:34px;padding:14px;border-radius:26px}
body.pg-index .brand{display:flex;align-items:center;gap:12px;min-width:0}
body.pg-index .brand-name{font-size:28px;font-weight:900;letter-spacing:-.9px;white-space:nowrap}
body.pg-index .site-brand-name,body.pg-index .site-brand-text{font-weight:900}
body.pg-index .header-actions{display:flex;align-items:center;gap:12px}
body.pg-index .header-badge{padding:11px 17px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
body.pg-index .header-login{width:44px;height:44px;min-width:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;text-decoration:none}
body.pg-index .header-login svg{width:20px;height:20px;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
body.pg-index .main{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:stretch}
body.pg-index .hero-panel{min-width:0;border-radius:40px;padding:46px;position:relative;overflow:hidden}
body.pg-index .hero-panel::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;top:-130px;right:-120px}
body.pg-index .hero-panel::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:-90px;bottom:-110px}
body.pg-index .hero-content{position:relative;z-index:3}
body.pg-index .small-label{display:inline-flex;align-items:center;gap:10px;padding:11px 15px;border-radius:999px;font-size:12px;font-weight:900;margin-bottom:22px}
body.pg-index .small-label span{width:9px;height:9px;min-width:9px;border-radius:50%}
body.pg-index .hero-title{max-width:700px;font-size:60px;line-height:1.04;letter-spacing:-2.7px;font-weight:900;margin-bottom:20px}
body.pg-index .hero-title span{-webkit-background-clip:text}
body.pg-index .hero-text{max-width:640px;font-size:16px;line-height:1.9;font-weight:500;margin-bottom:30px}
body.pg-index .hero-buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:28px}
body.pg-index .btn{min-height:56px;border:0;outline:0;cursor:pointer;border-radius:18px;font-size:14px;font-weight:900;letter-spacing:.4px;transition:.25s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px}
body.pg-index .btn-primary:hover{transform:translateY(-4px)}
body.pg-index .btn-secondary:hover{transform:translateY(-4px)}
body.pg-index .btn svg{width:19px;height:19px;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
body.pg-index .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
body.pg-index .stat-box{padding:18px 16px;border-radius:24px}
body.pg-index .stat-box strong{display:block;font-size:20px;font-weight:900;margin-bottom:4px}
body.pg-index .stat-box span{font-size:11.5px;font-weight:700}
body.pg-index .app-card{min-width:0;border-radius:38px;padding:24px;position:relative;overflow:hidden}
body.pg-index .app-card::before{content:"";position:absolute;inset:0;pointer-events:none}
body.pg-index .phone-top{position:relative;z-index:2;border-radius:30px;padding:26px;margin-bottom:20px;overflow:hidden}
body.pg-index .phone-top::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;top:-50px}
body.pg-index .phone-top h2{position:relative;z-index:2;font-size:31px;line-height:1.15;font-weight:900;letter-spacing:-1.1px;margin-bottom:10px}
body.pg-index .phone-top p{position:relative;z-index:2;font-size:13px;line-height:1.75;font-weight:500}
body.pg-index .package-preview{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
body.pg-index .preview-chip{padding:14px;border-radius:18px}
body.pg-index .preview-chip span{display:block;font-size:10.5px;font-weight:700;margin-bottom:5px}
body.pg-index .preview-chip strong{display:block;font-size:16px;font-weight:900}
body.pg-index .benefit-list{position:relative;z-index:2;display:grid;gap:13px;margin-bottom:20px}
body.pg-index .benefit{display:flex;align-items:center;gap:13px;padding:15px;border-radius:22px;transition:.25s ease}
body.pg-index .benefit:hover{transform:translateX(5px)}
body.pg-index .benefit-icon{width:46px;height:46px;min-width:46px;border-radius:16px;display:flex;align-items:center;justify-content:center}
body.pg-index .benefit-icon svg{width:21px;height:21px;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
body.pg-index .benefit-text strong{display:block;font-size:13.5px;font-weight:900;margin-bottom:3px}
body.pg-index .benefit-text span{display:block;font-size:12px;line-height:1.5;font-weight:500}
body.pg-index .actions{position:relative;z-index:2;display:grid;gap:12px}
body.pg-index .action-btn{width:100%;min-height:56px;border:0;outline:0;cursor:pointer;border-radius:19px;font-size:14px;font-weight:900;letter-spacing:.5px;transition:.25s ease;text-decoration:none;display:flex;align-items:center;justify-content:center}
body.pg-index .btn-login:hover{transform:translateY(-3px)}
body.pg-index .btn-create:hover{transform:translateY(-3px)}
body.pg-index .note{position:relative;z-index:2;text-align:center;font-size:11.5px;font-weight:600;margin-top:15px}
body.pg-index .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
body.pg-index .feature-card{border-radius:26px;padding:20px;transition:.25s ease}
body.pg-index .feature-card:hover{transform:translateY(-6px)}
body.pg-index .feature-icon{width:45px;height:45px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:13px}
body.pg-index .feature-icon svg{width:21px;height:21px;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
body.pg-index .feature-card strong{display:block;font-size:14px;font-weight:900;margin-bottom:6px}
body.pg-index .feature-card p{font-size:12px;line-height:1.6;font-weight:500}
@media(max-width:1050px){body.pg-index .main{grid-template-columns:1fr;max-width:760px;margin:auto}
body.pg-index .hero-title{font-size:48px}
body.pg-index .hero-panel{padding:40px}
body.pg-index .feature-grid{max-width:760px;margin-left:auto;margin-right:auto}}
@media(max-width:760px){body.pg-index .stats,body.pg-index .feature-grid{grid-template-columns:1fr}
body.pg-index .feature-card{display:flex;align-items:flex-start;gap:14px}
body.pg-index .feature-icon{min-width:45px;margin-bottom:0}}
@media(max-width:620px){body.pg-index .wrapper{padding:14px 11px 28px}
body.pg-index .header{border-radius:22px;padding:12px}
body.pg-index .brand-name{font-size:23px}
body.pg-index .header-actions{gap:8px}
body.pg-index .header-badge{display:none}
body.pg-index .header-login{width:42px;height:42px;min-width:42px;border-radius:15px}
body.pg-index .hero-panel{padding:25px 18px;border-radius:30px}
body.pg-index .small-label{width:100%;justify-content:center;text-align:center;font-size:11px;margin-bottom:18px}
body.pg-index .hero-title{text-align:center;font-size:34px;line-height:1.12;letter-spacing:-1.3px}
body.pg-index .hero-text{text-align:center;font-size:13.5px;line-height:1.75;margin-bottom:23px}
body.pg-index .hero-buttons{display:grid;grid-template-columns:1fr;gap:12px}
body.pg-index .btn{width:100%;min-height:54px}
body.pg-index .stats{gap:12px}
body.pg-index .stat-box{border-radius:20px;text-align:center}
body.pg-index .app-card{padding:18px;border-radius:30px}
body.pg-index .phone-top{padding:23px 19px;border-radius:25px;text-align:center}
body.pg-index .phone-top h2{font-size:25px}
body.pg-index .phone-top p{font-size:12.5px}
body.pg-index .package-preview{grid-template-columns:1fr}
body.pg-index .benefit{padding:13px;border-radius:19px}
body.pg-index .benefit-icon{width:43px;height:43px;min-width:43px}
body.pg-index .action-btn{min-height:54px;border-radius:17px}
body.pg-index .feature-grid{gap:13px;margin-top:22px}
body.pg-index .feature-card{padding:16px;border-radius:21px}}
@media(max-width:390px){body.pg-index .hero-title{font-size:30px}
body.pg-index .hero-text{font-size:12.8px}
body.pg-index .phone-top h2{font-size:22px}
body.pg-index .brand-name{font-size:21px}}
/* from support.php — page UI now lives in assets/css/dashboard-vip.css + assets/css/pages/; only bottom-nav rules kept here */
body.pg-support .tg-bottom-nav,body.pg-support .bottom-nav,body.pg-support .user-bottom-nav,body.pg-support .footer-nav,body.pg-support .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px, calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;-webkit-backdrop-filter:blur(18px);z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-support .tg-bottom-nav a,body.pg-support .bottom-nav a,body.pg-support .user-bottom-nav a,body.pg-support .footer-nav a,body.pg-support .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}
body.pg-support .tg-bottom-nav a i,body.pg-support .bottom-nav a i,body.pg-support .user-bottom-nav a i,body.pg-support .footer-nav a i,body.pg-support .mobile-bottom-nav a i{display:block;font-size:16px;line-height:1;margin:0}
body.pg-support .tg-bottom-nav a span,body.pg-support .bottom-nav a span,body.pg-support .user-bottom-nav a span,body.pg-support .footer-nav a span,body.pg-support .mobile-bottom-nav a span,body.pg-support .tg-bottom-nav a small,body.pg-support .bottom-nav a small,body.pg-support .user-bottom-nav a small,body.pg-support .footer-nav a small,body.pg-support .mobile-bottom-nav a small{display:block;width:100%;max-width:100%;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;white-space:nowrap;overflow:hidden}
body.pg-support .tg-bottom-nav a.center-nav,body.pg-support .tg-bottom-nav a:nth-child(4),body.pg-support .bottom-nav a:nth-child(4),body.pg-support .user-bottom-nav a:nth-child(4),body.pg-support .footer-nav a:nth-child(4),body.pg-support .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px;overflow:visible}
body.pg-support .tg-bottom-nav a.center-nav i,body.pg-support .tg-bottom-nav a:nth-child(4) i,body.pg-support .bottom-nav a:nth-child(4) i,body.pg-support .user-bottom-nav a:nth-child(4) i,body.pg-support .footer-nav a:nth-child(4) i,body.pg-support .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
body.pg-support .tg-bottom-nav a.center-nav span,body.pg-support .tg-bottom-nav a:nth-child(4) span,body.pg-support .bottom-nav a:nth-child(4) span,body.pg-support .user-bottom-nav a:nth-child(4) span,body.pg-support .footer-nav a:nth-child(4) span,body.pg-support .mobile-bottom-nav a:nth-child(4) span{font-size:8px}
@media(max-width:700px){
body.pg-support .tg-bottom-nav,body.pg-support .bottom-nav,body.pg-support .user-bottom-nav,body.pg-support .footer-nav,body.pg-support .mobile-bottom-nav{width:calc(100% - 8px);bottom:6px;min-height:62px;padding:5px;gap:2px;border-radius:21px;grid-template-columns:repeat(3,minmax(0,1fr)) 1.18fr repeat(3,minmax(0,1fr))}
body.pg-support .tg-bottom-nav a,body.pg-support .bottom-nav a,body.pg-support .user-bottom-nav a,body.pg-support .footer-nav a,body.pg-support .mobile-bottom-nav a{height:48px;border-radius:14px;font-size:6.8px;letter-spacing:-.45px;gap:3px;padding:4px 1px}
body.pg-support .tg-bottom-nav a i,body.pg-support .bottom-nav a i,body.pg-support .user-bottom-nav a i,body.pg-support .footer-nav a i,body.pg-support .mobile-bottom-nav a i{font-size:14px}
body.pg-support .tg-bottom-nav a span,body.pg-support .bottom-nav a span,body.pg-support .user-bottom-nav a span,body.pg-support .footer-nav a span,body.pg-support .mobile-bottom-nav a span{font-size:6.8px;letter-spacing:-.45px}
body.pg-support .tg-bottom-nav a.center-nav,body.pg-support .tg-bottom-nav a:nth-child(4),body.pg-support .bottom-nav a:nth-child(4),body.pg-support .user-bottom-nav a:nth-child(4),body.pg-support .footer-nav a:nth-child(4),body.pg-support .mobile-bottom-nav a:nth-child(4){height:60px;margin-top:-16px;border-radius:20px}
body.pg-support .tg-bottom-nav a.center-nav i,body.pg-support .tg-bottom-nav a:nth-child(4) i,body.pg-support .bottom-nav a:nth-child(4) i,body.pg-support .user-bottom-nav a:nth-child(4) i,body.pg-support .footer-nav a:nth-child(4) i,body.pg-support .mobile-bottom-nav a:nth-child(4) i{font-size:18px}
}
@media(max-width:360px){
body.pg-support .tg-bottom-nav,body.pg-support .bottom-nav,body.pg-support .user-bottom-nav,body.pg-support .footer-nav,body.pg-support .mobile-bottom-nav{width:calc(100% - 6px);padding:4px;gap:1px}
body.pg-support .tg-bottom-nav a,body.pg-support .bottom-nav a,body.pg-support .user-bottom-nav a,body.pg-support .footer-nav a,body.pg-support .mobile-bottom-nav a{height:46px;font-size:6.1px}
body.pg-support .tg-bottom-nav a i,body.pg-support .bottom-nav a i,body.pg-support .user-bottom-nav a i,body.pg-support .footer-nav a i,body.pg-support .mobile-bottom-nav a i{font-size:13px}
body.pg-support .tg-bottom-nav a span,body.pg-support .bottom-nav a span,body.pg-support .user-bottom-nav a span,body.pg-support .footer-nav a span,body.pg-support .mobile-bottom-nav a span{font-size:6.1px}
body.pg-support .tg-bottom-nav a.center-nav,body.pg-support .tg-bottom-nav a:nth-child(4),body.pg-support .bottom-nav a:nth-child(4),body.pg-support .user-bottom-nav a:nth-child(4),body.pg-support .footer-nav a:nth-child(4),body.pg-support .mobile-bottom-nav a:nth-child(4){height:56px;margin-top:-14px}
}
@media print{
body.pg-support .tg-bottom-nav,body.pg-support .bottom-nav,body.pg-support .user-bottom-nav,body.pg-support .footer-nav,body.pg-support .mobile-bottom-nav{display:none}
}
/* from tasks.php — page UI now lives in assets/css/dashboard-vip.css + assets/css/pages/; only bottom-nav rules kept here */
body.pg-tasks .tg-bottom-nav,body.pg-tasks .bottom-nav,body.pg-tasks .user-bottom-nav,body.pg-tasks .footer-nav,body.pg-tasks .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px, calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;-webkit-backdrop-filter:blur(18px);z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-tasks .tg-bottom-nav a,body.pg-tasks .bottom-nav a,body.pg-tasks .user-bottom-nav a,body.pg-tasks .footer-nav a,body.pg-tasks .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}
body.pg-tasks .tg-bottom-nav a i,body.pg-tasks .bottom-nav a i,body.pg-tasks .user-bottom-nav a i,body.pg-tasks .footer-nav a i,body.pg-tasks .mobile-bottom-nav a i{display:block;font-size:16px;line-height:1;margin:0}
body.pg-tasks .tg-bottom-nav a span,body.pg-tasks .bottom-nav a span,body.pg-tasks .user-bottom-nav a span,body.pg-tasks .footer-nav a span,body.pg-tasks .mobile-bottom-nav a span,body.pg-tasks .tg-bottom-nav a small,body.pg-tasks .bottom-nav a small,body.pg-tasks .user-bottom-nav a small,body.pg-tasks .footer-nav a small,body.pg-tasks .mobile-bottom-nav a small{display:block;width:100%;max-width:100%;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;white-space:nowrap;overflow:hidden}
body.pg-tasks .tg-bottom-nav a.center-nav,body.pg-tasks .tg-bottom-nav a:nth-child(4),body.pg-tasks .bottom-nav a:nth-child(4),body.pg-tasks .user-bottom-nav a:nth-child(4),body.pg-tasks .footer-nav a:nth-child(4),body.pg-tasks .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px;overflow:visible}
body.pg-tasks .tg-bottom-nav a.center-nav i,body.pg-tasks .tg-bottom-nav a:nth-child(4) i,body.pg-tasks .bottom-nav a:nth-child(4) i,body.pg-tasks .user-bottom-nav a:nth-child(4) i,body.pg-tasks .footer-nav a:nth-child(4) i,body.pg-tasks .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
body.pg-tasks .tg-bottom-nav a.center-nav span,body.pg-tasks .tg-bottom-nav a:nth-child(4) span,body.pg-tasks .bottom-nav a:nth-child(4) span,body.pg-tasks .user-bottom-nav a:nth-child(4) span,body.pg-tasks .footer-nav a:nth-child(4) span,body.pg-tasks .mobile-bottom-nav a:nth-child(4) span{font-size:8px}
@media(max-width:560px){
body.pg-tasks .tg-bottom-nav,body.pg-tasks .bottom-nav,body.pg-tasks .user-bottom-nav,body.pg-tasks .footer-nav,body.pg-tasks .mobile-bottom-nav{width:calc(100% - 8px);bottom:6px;min-height:62px;padding:5px;gap:2px;border-radius:21px;grid-template-columns:repeat(3,minmax(0,1fr)) 1.18fr repeat(3,minmax(0,1fr))}
body.pg-tasks .tg-bottom-nav a,body.pg-tasks .bottom-nav a,body.pg-tasks .user-bottom-nav a,body.pg-tasks .footer-nav a,body.pg-tasks .mobile-bottom-nav a{height:48px;border-radius:14px;font-size:6.8px;letter-spacing:-.45px;gap:3px;padding:4px 1px}
body.pg-tasks .tg-bottom-nav a i,body.pg-tasks .bottom-nav a i,body.pg-tasks .user-bottom-nav a i,body.pg-tasks .footer-nav a i,body.pg-tasks .mobile-bottom-nav a i{font-size:14px}
body.pg-tasks .tg-bottom-nav a span,body.pg-tasks .bottom-nav a span,body.pg-tasks .user-bottom-nav a span,body.pg-tasks .footer-nav a span,body.pg-tasks .mobile-bottom-nav a span{font-size:6.8px;letter-spacing:-.45px}
body.pg-tasks .tg-bottom-nav a.center-nav,body.pg-tasks .tg-bottom-nav a:nth-child(4),body.pg-tasks .bottom-nav a:nth-child(4),body.pg-tasks .user-bottom-nav a:nth-child(4),body.pg-tasks .footer-nav a:nth-child(4),body.pg-tasks .mobile-bottom-nav a:nth-child(4){height:60px;margin-top:-16px;border-radius:20px}
body.pg-tasks .tg-bottom-nav a.center-nav i,body.pg-tasks .tg-bottom-nav a:nth-child(4) i,body.pg-tasks .bottom-nav a:nth-child(4) i,body.pg-tasks .user-bottom-nav a:nth-child(4) i,body.pg-tasks .footer-nav a:nth-child(4) i,body.pg-tasks .mobile-bottom-nav a:nth-child(4) i{font-size:18px}
}
@media(max-width:360px){
body.pg-tasks .tg-bottom-nav,body.pg-tasks .bottom-nav,body.pg-tasks .user-bottom-nav,body.pg-tasks .footer-nav,body.pg-tasks .mobile-bottom-nav{width:calc(100% - 6px);padding:4px;gap:1px}
body.pg-tasks .tg-bottom-nav a,body.pg-tasks .bottom-nav a,body.pg-tasks .user-bottom-nav a,body.pg-tasks .footer-nav a,body.pg-tasks .mobile-bottom-nav a{height:46px;font-size:6.1px}
body.pg-tasks .tg-bottom-nav a i,body.pg-tasks .bottom-nav a i,body.pg-tasks .user-bottom-nav a i,body.pg-tasks .footer-nav a i,body.pg-tasks .mobile-bottom-nav a i{font-size:13px}
body.pg-tasks .tg-bottom-nav a span,body.pg-tasks .bottom-nav a span,body.pg-tasks .user-bottom-nav a span,body.pg-tasks .footer-nav a span,body.pg-tasks .mobile-bottom-nav a span{font-size:6.1px}
body.pg-tasks .tg-bottom-nav a.center-nav,body.pg-tasks .tg-bottom-nav a:nth-child(4),body.pg-tasks .bottom-nav a:nth-child(4),body.pg-tasks .user-bottom-nav a:nth-child(4),body.pg-tasks .footer-nav a:nth-child(4),body.pg-tasks .mobile-bottom-nav a:nth-child(4){height:56px;margin-top:-14px}
}
/* from pending.php — page UI now lives in assets/css/dashboard-vip.css + assets/css/pages/; only bottom-nav rules kept here */

/* from leaderboard.php */
body.pg-leaderboard *{margin:0;padding:0;box-sizing:border-box}
body.pg-leaderboard,body.pg-leaderboard{width:100%;min-height:100%;overflow-x:hidden}
body.pg-leaderboard{min-height:100vh;padding-bottom:125px}
body.pg-leaderboard::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.55;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 92%);z-index:-1}
body.pg-leaderboard::after{content:"";position:fixed;width:360px;height:360px;border-radius:50%;right:-170px;bottom:-160px;pointer-events:none;z-index:-1}
body.pg-leaderboard .page{width:min(1120px, calc(100% - 24px));margin:0 auto;padding:12px 0 140px}
body.pg-leaderboard .topbar{position:sticky;top:10px;z-index:50;margin-bottom:12px;padding:10px 12px;-webkit-backdrop-filter:blur(18px);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.pg-leaderboard .brand{display:flex;align-items:center;gap:12px;min-width:0}
body.pg-leaderboard .brand-name{font-size:23px;font-weight:900;letter-spacing:-.7px;white-space:nowrap}
body.pg-leaderboard .site-brand-name,body.pg-leaderboard .site-brand-text{font-weight:900}
body.pg-leaderboard .menu-btn{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.22s ease}
body.pg-leaderboard .menu-btn:hover{transform:translateY(-2px)}
body.pg-leaderboard .hero{border-radius:30px;padding:22px;margin-bottom:13px;position:relative;overflow:hidden}
body.pg-leaderboard .hero::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-140px;top:-145px}
body.pg-leaderboard .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}
body.pg-leaderboard .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:11.5px;font-weight:900;margin-bottom:11px}
body.pg-leaderboard .hero-title{margin:0;font-size:clamp(29px,4.6vw,52px);line-height:1.06;letter-spacing:-1.6px;font-weight:900}
body.pg-leaderboard .hero-title span{-webkit-background-clip:text}
body.pg-leaderboard .hero-text{margin-top:10px;max-width:650px;font-size:12.5px;line-height:1.7;font-weight:600}
body.pg-leaderboard .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.pg-leaderboard .hero-stat{border-radius:22px;padding:17px;position:relative;overflow:hidden}
body.pg-leaderboard .hero-stat::after{content:"";position:absolute;right:-52px;top:-60px;width:135px;height:135px;border-radius:50%}
body.pg-leaderboard .hero-stat span,body.pg-leaderboard .hero-stat b,body.pg-leaderboard .hero-stat small{position:relative;z-index:2}
body.pg-leaderboard .hero-stat span{display:block;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.35px;margin-bottom:8px}
body.pg-leaderboard .hero-stat b{display:block;font-size:clamp(31px,5vw,48px);line-height:1;font-weight:900;letter-spacing:-1.5px}
body.pg-leaderboard .hero-stat small{display:block;margin-top:8px;font-size:11px;font-weight:900}
body.pg-leaderboard .podium{margin-bottom:13px;border-radius:28px;padding:15px;position:relative;overflow:hidden}
body.pg-leaderboard .podium::before{content:"";position:absolute;right:-85px;top:-105px;width:220px;height:220px;border-radius:50%}
body.pg-leaderboard .podium::after{content:"";position:absolute;left:-100px;bottom:-125px;width:230px;height:230px;border-radius:50%}
body.pg-leaderboard .section-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
body.pg-leaderboard .section-head h2{font-size:18px;font-weight:900;letter-spacing:-.35px}
body.pg-leaderboard .section-head p{margin-top:3px;font-size:11.5px;font-weight:700}
body.pg-leaderboard .section-pill{flex:0 0 auto;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900}
body.pg-leaderboard .top-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.pg-leaderboard .top-card{border-radius:22px;padding:15px;position:relative;overflow:hidden;transition:.22s ease}
body.pg-leaderboard .top-card:hover{transform:translateY(-3px)}
body.pg-leaderboard .top-card::before{content:"";position:absolute;right:-55px;top:-65px;width:145px;height:145px;border-radius:50%}
body.pg-leaderboard .top-medal{position:relative;z-index:2;width:46px;height:46px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:12px}
body.pg-leaderboard .top-name{position:relative;z-index:2;font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pg-leaderboard .top-team{position:relative;z-index:2;margin-top:7px;display:flex;align-items:center;justify-content:space-between;gap:8px}
body.pg-leaderboard .top-team span{font-size:10.5px;font-weight:900;text-transform:uppercase}
body.pg-leaderboard .top-team b{font-size:22px;font-weight:900;line-height:1}
body.pg-leaderboard .leaderboard-card{border-radius:28px;padding:15px;position:relative;overflow:hidden}
body.pg-leaderboard .leaderboard-card::before{content:"";position:absolute;right:-90px;top:-110px;width:220px;height:220px;border-radius:50%}
body.pg-leaderboard .list{position:relative;z-index:2;display:grid;gap:9px}
body.pg-leaderboard .leader{display:grid;grid-template-columns:50px 54px 1fr auto;gap:11px;align-items:center;padding:12px;border-radius:21px;position:relative;overflow:hidden;transition:.22s ease}
body.pg-leaderboard .leader:hover{transform:translateY(-2px)}
body.pg-leaderboard .rank{position:relative;z-index:2;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:14px}
body.pg-leaderboard .rank.top{border-color:transparent}
body.pg-leaderboard .avatar{position:relative;z-index:2;width:52px;height:52px;border-radius:18px;object-fit:cover;display:grid;place-items:center;font-size:21px;font-weight:900}
body.pg-leaderboard .leader-main{position:relative;z-index:2;min-width:0}
body.pg-leaderboard .name{font-weight:900;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pg-leaderboard .sub{font-size:11px;font-weight:700;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pg-leaderboard .score{position:relative;z-index:2;text-align:right;min-width:78px;padding:8px 10px;border-radius:17px}
body.pg-leaderboard .score b{font-size:22px;font-weight:900;line-height:1}
body.pg-leaderboard .score span{display:block;font-size:10px;font-weight:900;margin-top:3px}
body.pg-leaderboard .empty{position:relative;z-index:2;padding:24px;border-radius:22px;font-weight:800;text-align:center}
body.pg-leaderboard .tg-bottom-nav,body.pg-leaderboard .bottom-nav,body.pg-leaderboard .user-bottom-nav,body.pg-leaderboard .footer-nav,body.pg-leaderboard .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px, calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;-webkit-backdrop-filter:blur(18px);z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-leaderboard .tg-bottom-nav a,body.pg-leaderboard .bottom-nav a,body.pg-leaderboard .user-bottom-nav a,body.pg-leaderboard .footer-nav a,body.pg-leaderboard .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}
body.pg-leaderboard .tg-bottom-nav a i,body.pg-leaderboard .bottom-nav a i,body.pg-leaderboard .user-bottom-nav a i,body.pg-leaderboard .footer-nav a i,body.pg-leaderboard .mobile-bottom-nav a i{display:block;font-size:16px;line-height:1;margin:0}
body.pg-leaderboard .tg-bottom-nav a span,body.pg-leaderboard .bottom-nav a span,body.pg-leaderboard .user-bottom-nav a span,body.pg-leaderboard .footer-nav a span,body.pg-leaderboard .mobile-bottom-nav a span,body.pg-leaderboard .tg-bottom-nav a small,body.pg-leaderboard .bottom-nav a small,body.pg-leaderboard .user-bottom-nav a small,body.pg-leaderboard .footer-nav a small,body.pg-leaderboard .mobile-bottom-nav a small{display:block;width:100%;max-width:100%;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;white-space:nowrap;overflow:hidden}
body.pg-leaderboard .tg-bottom-nav a.center-nav,body.pg-leaderboard .tg-bottom-nav a:nth-child(4),body.pg-leaderboard .bottom-nav a:nth-child(4),body.pg-leaderboard .user-bottom-nav a:nth-child(4),body.pg-leaderboard .footer-nav a:nth-child(4),body.pg-leaderboard .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px;overflow:visible}
body.pg-leaderboard .tg-bottom-nav a.center-nav i,body.pg-leaderboard .tg-bottom-nav a:nth-child(4) i,body.pg-leaderboard .bottom-nav a:nth-child(4) i,body.pg-leaderboard .user-bottom-nav a:nth-child(4) i,body.pg-leaderboard .footer-nav a:nth-child(4) i,body.pg-leaderboard .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
body.pg-leaderboard .tg-bottom-nav a.center-nav span,body.pg-leaderboard .tg-bottom-nav a:nth-child(4) span,body.pg-leaderboard .bottom-nav a:nth-child(4) span,body.pg-leaderboard .user-bottom-nav a:nth-child(4) span,body.pg-leaderboard .footer-nav a:nth-child(4) span,body.pg-leaderboard .mobile-bottom-nav a:nth-child(4) span{font-size:8px}
@media(max-width:860px){body.pg-leaderboard .hero-inner{grid-template-columns:1fr}
body.pg-leaderboard .top-grid{grid-template-columns:1fr}
body.pg-leaderboard .top-card{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center}
body.pg-leaderboard .top-medal{margin-bottom:0}
body.pg-leaderboard .top-team{grid-column:2;margin-top:3px}}
@media(max-width:560px){body.pg-leaderboard .page{width:calc(100% - 16px);padding-top:8px;padding-bottom:138px}
body.pg-leaderboard .topbar{top:8px;border-radius:20px;padding:9px 10px;margin-bottom:9px}
body.pg-leaderboard .brand-name{font-size:21px}
body.pg-leaderboard .menu-btn{width:40px;height:40px}
body.pg-leaderboard .hero{border-radius:24px;padding:16px;margin-bottom:10px}
body.pg-leaderboard .hero-title{font-size:28px;letter-spacing:-1px}
body.pg-leaderboard .hero-text{font-size:12px;margin-top:8px}
body.pg-leaderboard .hero-stats{grid-template-columns:1fr 1fr;gap:7px}
body.pg-leaderboard .hero-stat{border-radius:19px;padding:13px}
body.pg-leaderboard .hero-stat span{font-size:9px}
body.pg-leaderboard .hero-stat b{font-size:30px}
body.pg-leaderboard .podium,body.pg-leaderboard .leaderboard-card{border-radius:22px;padding:11px;margin-bottom:10px}
body.pg-leaderboard .section-head{margin-bottom:10px}
body.pg-leaderboard .section-head h2{font-size:15px}
body.pg-leaderboard .section-head p{font-size:10.5px}
body.pg-leaderboard .section-pill{font-size:8.5px;padding:5px 9px}
body.pg-leaderboard .top-card{border-radius:18px;padding:11px}
body.pg-leaderboard .top-medal{width:42px;height:42px;border-radius:15px;font-size:17px}
body.pg-leaderboard .leader{grid-template-columns:42px 46px 1fr;gap:9px;padding:10px;border-radius:18px}
body.pg-leaderboard .rank{width:40px;height:40px;border-radius:14px;font-size:12px}
body.pg-leaderboard .avatar{width:44px;height:44px;border-radius:15px;font-size:18px}
body.pg-leaderboard .name{font-size:12.5px}
body.pg-leaderboard .sub{font-size:10px}
body.pg-leaderboard .score{grid-column:3;text-align:left;min-width:0;display:flex;align-items:center;gap:7px;padding:7px 9px;margin-top:-2px}
body.pg-leaderboard .score b{font-size:17px}
body.pg-leaderboard .score span{margin-top:0}
body.pg-leaderboard .tg-bottom-nav,body.pg-leaderboard .bottom-nav,body.pg-leaderboard .user-bottom-nav,body.pg-leaderboard .footer-nav,body.pg-leaderboard .mobile-bottom-nav{width:calc(100% - 8px);bottom:6px;min-height:62px;padding:5px;gap:2px;border-radius:21px;grid-template-columns:repeat(3,minmax(0,1fr)) 1.18fr repeat(3,minmax(0,1fr))}
body.pg-leaderboard .tg-bottom-nav a,body.pg-leaderboard .bottom-nav a,body.pg-leaderboard .user-bottom-nav a,body.pg-leaderboard .footer-nav a,body.pg-leaderboard .mobile-bottom-nav a{height:48px;border-radius:14px;font-size:6.8px;letter-spacing:-.45px;gap:3px;padding:4px 1px}
body.pg-leaderboard .tg-bottom-nav a i,body.pg-leaderboard .bottom-nav a i,body.pg-leaderboard .user-bottom-nav a i,body.pg-leaderboard .footer-nav a i,body.pg-leaderboard .mobile-bottom-nav a i{font-size:14px}
body.pg-leaderboard .tg-bottom-nav a span,body.pg-leaderboard .bottom-nav a span,body.pg-leaderboard .user-bottom-nav a span,body.pg-leaderboard .footer-nav a span,body.pg-leaderboard .mobile-bottom-nav a span{font-size:6.8px;letter-spacing:-.45px}
body.pg-leaderboard .tg-bottom-nav a.center-nav,body.pg-leaderboard .tg-bottom-nav a:nth-child(4),body.pg-leaderboard .bottom-nav a:nth-child(4),body.pg-leaderboard .user-bottom-nav a:nth-child(4),body.pg-leaderboard .footer-nav a:nth-child(4),body.pg-leaderboard .mobile-bottom-nav a:nth-child(4){height:60px;margin-top:-16px;border-radius:20px}
body.pg-leaderboard .tg-bottom-nav a.center-nav i,body.pg-leaderboard .tg-bottom-nav a:nth-child(4) i,body.pg-leaderboard .bottom-nav a:nth-child(4) i,body.pg-leaderboard .user-bottom-nav a:nth-child(4) i,body.pg-leaderboard .footer-nav a:nth-child(4) i,body.pg-leaderboard .mobile-bottom-nav a:nth-child(4) i{font-size:18px}}
@media(max-width:390px){body.pg-leaderboard .page{width:calc(100% - 12px)}
body.pg-leaderboard .brand-name{font-size:19px}
body.pg-leaderboard .hero-title{font-size:25px}
body.pg-leaderboard .hero-stats{grid-template-columns:1fr}}
@media(max-width:360px){body.pg-leaderboard .tg-bottom-nav,body.pg-leaderboard .bottom-nav,body.pg-leaderboard .user-bottom-nav,body.pg-leaderboard .footer-nav,body.pg-leaderboard .mobile-bottom-nav{width:calc(100% - 6px);padding:4px;gap:1px}
body.pg-leaderboard .tg-bottom-nav a,body.pg-leaderboard .bottom-nav a,body.pg-leaderboard .user-bottom-nav a,body.pg-leaderboard .footer-nav a,body.pg-leaderboard .mobile-bottom-nav a{height:46px;font-size:6.1px}
body.pg-leaderboard .tg-bottom-nav a i,body.pg-leaderboard .bottom-nav a i,body.pg-leaderboard .user-bottom-nav a i,body.pg-leaderboard .footer-nav a i,body.pg-leaderboard .mobile-bottom-nav a i{font-size:13px}
body.pg-leaderboard .tg-bottom-nav a span,body.pg-leaderboard .bottom-nav a span,body.pg-leaderboard .user-bottom-nav a span,body.pg-leaderboard .footer-nav a span,body.pg-leaderboard .mobile-bottom-nav a span{font-size:6.1px}
body.pg-leaderboard .tg-bottom-nav a.center-nav,body.pg-leaderboard .tg-bottom-nav a:nth-child(4),body.pg-leaderboard .bottom-nav a:nth-child(4),body.pg-leaderboard .user-bottom-nav a:nth-child(4),body.pg-leaderboard .footer-nav a:nth-child(4),body.pg-leaderboard .mobile-bottom-nav a:nth-child(4){height:56px;margin-top:-14px}}
/* from menu.php */
body.pg-menu *{box-sizing:border-box}
body.pg-menu,body.pg-menu{width:100%;min-height:100%;overflow-x:hidden}
body.pg-menu{margin:0;min-height:100vh;padding-bottom:125px}
body.pg-menu::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.55;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 92%);z-index:-1}
body.pg-menu::after{content:"";position:fixed;width:360px;height:360px;border-radius:50%;right:-170px;bottom:-160px;pointer-events:none;z-index:-1}
body.pg-menu .page{width:min(1120px, calc(100% - 24px));margin:0 auto;padding:12px 0 140px}
body.pg-menu .topbar{position:sticky;top:10px;z-index:50;margin-bottom:12px;padding:10px 12px;-webkit-backdrop-filter:blur(18px);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.pg-menu .brand{display:flex;align-items:center;gap:12px;min-width:0}
body.pg-menu .brand-name{font-size:23px;font-weight:900;letter-spacing:-.7px;white-space:nowrap}
body.pg-menu .site-brand-name,body.pg-menu .site-brand-text{font-weight:900}
body.pg-menu .menu-btn{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.22s ease}
body.pg-menu .menu-btn:hover{transform:translateY(-2px)}
body.pg-menu .hero{border-radius:30px;padding:22px;margin-bottom:13px;position:relative;overflow:hidden}
body.pg-menu .hero::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-140px;top:-145px}
body.pg-menu .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}
body.pg-menu .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:11.5px;font-weight:900;margin-bottom:11px}
body.pg-menu .hero-title{margin:0;font-size:clamp(29px,4.6vw,52px);line-height:1.06;letter-spacing:-1.6px;font-weight:900}
body.pg-menu .hero-title span{-webkit-background-clip:text}
body.pg-menu .hero-text{margin-top:10px;max-width:650px;font-size:12.5px;line-height:1.7;font-weight:600}
body.pg-menu .hero-card{border-radius:24px;padding:18px;position:relative;overflow:hidden}
body.pg-menu .hero-card::after{content:"";position:absolute;right:-58px;top:-68px;width:155px;height:155px;border-radius:50%}
body.pg-menu .hero-card span,body.pg-menu .hero-card b,body.pg-menu .hero-card small{position:relative;z-index:2}
body.pg-menu .hero-card span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.35px;margin-bottom:8px}
body.pg-menu .hero-card b{display:block;font-size:clamp(32px,5vw,48px);line-height:1;font-weight:900;letter-spacing:-1.4px}
body.pg-menu .hero-card small{display:block;margin-top:9px;font-size:12px;font-weight:900}
body.pg-menu .menu-panel{border-radius:28px;padding:16px;position:relative;overflow:hidden}
body.pg-menu .menu-panel::before{content:"";position:absolute;right:-85px;top:-105px;width:220px;height:220px;border-radius:50%}
body.pg-menu .menu-panel::after{content:"";position:absolute;left:-95px;bottom:-120px;width:215px;height:215px;border-radius:50%}
body.pg-menu .menu-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
body.pg-menu .menu-head h2{margin:0;font-size:18px;font-weight:900;letter-spacing:-.35px}
body.pg-menu .menu-head p{margin:4px 0 0;font-size:11.5px;line-height:1.5;font-weight:700}
body.pg-menu .menu-pill{flex:0 0 auto;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900}
body.pg-menu .menu-list{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.pg-menu .menu-item{min-height:124px;min-width:0;padding:14px;border-radius:22px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;gap:13px;transition:.22s ease;position:relative;overflow:hidden}
body.pg-menu .menu-item::after{content:"";position:absolute;right:-45px;bottom:-55px;width:120px;height:120px;border-radius:50%}
body.pg-menu .menu-item:hover{transform:translateY(-3px)}
body.pg-menu .icon-box{position:relative;z-index:2;width:46px;height:46px;min-width:46px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:18px}
body.pg-menu .menu-copy{position:relative;z-index:2}
body.pg-menu .menu-copy strong{display:block;font-size:14px;font-weight:900;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pg-menu .menu-copy span{display:block;font-size:10.5px;font-weight:700;line-height:1.4}
body.pg-menu .quick-actions{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:2}
body.pg-menu .action-btn{min-height:50px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:0;font-size:12.5px;font-weight:900;transition:.22s ease}
body.pg-menu .action-btn:hover{transform:translateY(-2px)}
body.pg-menu .tg-bottom-nav,body.pg-menu .bottom-nav,body.pg-menu .user-bottom-nav,body.pg-menu .footer-nav,body.pg-menu .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px, calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;-webkit-backdrop-filter:blur(18px);z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-menu .tg-bottom-nav a,body.pg-menu .bottom-nav a,body.pg-menu .user-bottom-nav a,body.pg-menu .footer-nav a,body.pg-menu .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}
body.pg-menu .tg-bottom-nav a i,body.pg-menu .bottom-nav a i,body.pg-menu .user-bottom-nav a i,body.pg-menu .footer-nav a i,body.pg-menu .mobile-bottom-nav a i{display:block;font-size:16px;line-height:1;margin:0}
body.pg-menu .tg-bottom-nav a span,body.pg-menu .bottom-nav a span,body.pg-menu .user-bottom-nav a span,body.pg-menu .footer-nav a span,body.pg-menu .mobile-bottom-nav a span,body.pg-menu .tg-bottom-nav a small,body.pg-menu .bottom-nav a small,body.pg-menu .user-bottom-nav a small,body.pg-menu .footer-nav a small,body.pg-menu .mobile-bottom-nav a small{display:block;width:100%;max-width:100%;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;white-space:nowrap;overflow:hidden}
body.pg-menu .tg-bottom-nav a.center-nav,body.pg-menu .tg-bottom-nav a:nth-child(4),body.pg-menu .bottom-nav a:nth-child(4),body.pg-menu .user-bottom-nav a:nth-child(4),body.pg-menu .footer-nav a:nth-child(4),body.pg-menu .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px;overflow:visible}
body.pg-menu .tg-bottom-nav a.center-nav i,body.pg-menu .tg-bottom-nav a:nth-child(4) i,body.pg-menu .bottom-nav a:nth-child(4) i,body.pg-menu .user-bottom-nav a:nth-child(4) i,body.pg-menu .footer-nav a:nth-child(4) i,body.pg-menu .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
body.pg-menu .tg-bottom-nav a.center-nav span,body.pg-menu .tg-bottom-nav a:nth-child(4) span,body.pg-menu .bottom-nav a:nth-child(4) span,body.pg-menu .user-bottom-nav a:nth-child(4) span,body.pg-menu .footer-nav a:nth-child(4) span,body.pg-menu .mobile-bottom-nav a:nth-child(4) span{font-size:8px}
@media(max-width:960px){body.pg-menu .hero-inner{grid-template-columns:1fr}
body.pg-menu .menu-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body.pg-menu .page{width:calc(100% - 16px);padding-top:8px;padding-bottom:138px}
body.pg-menu .topbar{top:8px;border-radius:20px;padding:9px 10px;margin-bottom:9px}
body.pg-menu .brand-name{font-size:21px}
body.pg-menu .menu-btn{width:40px;height:40px}
body.pg-menu .hero{border-radius:24px;padding:16px;margin-bottom:10px}
body.pg-menu .hero-title{font-size:28px;letter-spacing:-1px}
body.pg-menu .hero-text{font-size:12px;margin-top:8px}
body.pg-menu .hero-card{border-radius:20px;padding:14px}
body.pg-menu .hero-card b{font-size:32px}
body.pg-menu .menu-panel{border-radius:22px;padding:11px}
body.pg-menu .menu-head{margin-bottom:10px}
body.pg-menu .menu-head h2{font-size:15px}
body.pg-menu .menu-head p{font-size:10.8px}
body.pg-menu .menu-pill{font-size:8.5px;padding:5px 9px}
body.pg-menu .menu-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.pg-menu .menu-item{min-height:112px;border-radius:17px;padding:11px;gap:10px}
body.pg-menu .icon-box{width:38px;height:38px;min-width:38px;border-radius:14px;font-size:15px}
body.pg-menu .menu-copy strong{font-size:12.5px}
body.pg-menu .menu-copy span{font-size:9.5px}
body.pg-menu .quick-actions{grid-template-columns:1fr;gap:8px}
body.pg-menu .action-btn{min-height:46px;border-radius:15px;font-size:12px}
body.pg-menu .tg-bottom-nav,body.pg-menu .bottom-nav,body.pg-menu .user-bottom-nav,body.pg-menu .footer-nav,body.pg-menu .mobile-bottom-nav{width:calc(100% - 8px);bottom:6px;min-height:62px;padding:5px;gap:2px;border-radius:21px;grid-template-columns:repeat(3,minmax(0,1fr)) 1.18fr repeat(3,minmax(0,1fr))}
body.pg-menu .tg-bottom-nav a,body.pg-menu .bottom-nav a,body.pg-menu .user-bottom-nav a,body.pg-menu .footer-nav a,body.pg-menu .mobile-bottom-nav a{height:48px;border-radius:14px;font-size:6.8px;letter-spacing:-.45px;gap:3px;padding:4px 1px}
body.pg-menu .tg-bottom-nav a i,body.pg-menu .bottom-nav a i,body.pg-menu .user-bottom-nav a i,body.pg-menu .footer-nav a i,body.pg-menu .mobile-bottom-nav a i{font-size:14px}
body.pg-menu .tg-bottom-nav a span,body.pg-menu .bottom-nav a span,body.pg-menu .user-bottom-nav a span,body.pg-menu .footer-nav a span,body.pg-menu .mobile-bottom-nav a span{font-size:6.8px;letter-spacing:-.45px}
body.pg-menu .tg-bottom-nav a.center-nav,body.pg-menu .tg-bottom-nav a:nth-child(4),body.pg-menu .bottom-nav a:nth-child(4),body.pg-menu .user-bottom-nav a:nth-child(4),body.pg-menu .footer-nav a:nth-child(4),body.pg-menu .mobile-bottom-nav a:nth-child(4){height:60px;margin-top:-16px;border-radius:20px}
body.pg-menu .tg-bottom-nav a.center-nav i,body.pg-menu .tg-bottom-nav a:nth-child(4) i,body.pg-menu .bottom-nav a:nth-child(4) i,body.pg-menu .user-bottom-nav a:nth-child(4) i,body.pg-menu .footer-nav a:nth-child(4) i,body.pg-menu .mobile-bottom-nav a:nth-child(4) i{font-size:18px}}
@media(max-width:390px){body.pg-menu .page{width:calc(100% - 12px)}
body.pg-menu .brand-name{font-size:19px}
body.pg-menu .hero-title{font-size:25px}
body.pg-menu .menu-list{gap:6px}
body.pg-menu .menu-item{min-height:106px;padding:10px 8px}
body.pg-menu .icon-box{width:36px;height:36px;min-width:36px;border-radius:13px;font-size:14px}
body.pg-menu .menu-copy strong{font-size:11.7px}
body.pg-menu .menu-copy span{font-size:8.8px}}
@media(max-width:340px){body.pg-menu .menu-list{grid-template-columns:1fr}
body.pg-menu .menu-item{min-height:auto;display:grid;grid-template-columns:40px 1fr;align-items:center}}
@media(max-width:360px){body.pg-menu .tg-bottom-nav,body.pg-menu .bottom-nav,body.pg-menu .user-bottom-nav,body.pg-menu .footer-nav,body.pg-menu .mobile-bottom-nav{width:calc(100% - 6px);padding:4px;gap:1px}
body.pg-menu .tg-bottom-nav a,body.pg-menu .bottom-nav a,body.pg-menu .user-bottom-nav a,body.pg-menu .footer-nav a,body.pg-menu .mobile-bottom-nav a{height:46px;font-size:6.1px}
body.pg-menu .tg-bottom-nav a i,body.pg-menu .bottom-nav a i,body.pg-menu .user-bottom-nav a i,body.pg-menu .footer-nav a i,body.pg-menu .mobile-bottom-nav a i{font-size:13px}
body.pg-menu .tg-bottom-nav a span,body.pg-menu .bottom-nav a span,body.pg-menu .user-bottom-nav a span,body.pg-menu .footer-nav a span,body.pg-menu .mobile-bottom-nav a span{font-size:6.1px}
body.pg-menu .tg-bottom-nav a.center-nav,body.pg-menu .tg-bottom-nav a:nth-child(4),body.pg-menu .bottom-nav a:nth-child(4),body.pg-menu .user-bottom-nav a:nth-child(4),body.pg-menu .footer-nav a:nth-child(4),body.pg-menu .mobile-bottom-nav a:nth-child(4){height:56px;margin-top:-14px}}
/* from social_media.php — page UI now lives in assets/css/dashboard-vip.css + assets/css/pages/; only bottom-nav rules kept here */
body.pg-social-media .tg-bottom-nav,body.pg-social-media .bottom-nav,body.pg-social-media .user-bottom-nav,body.pg-social-media .footer-nav,body.pg-social-media .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px,calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;-webkit-backdrop-filter:blur(18px);z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-social-media .tg-bottom-nav a,body.pg-social-media .bottom-nav a,body.pg-social-media .user-bottom-nav a,body.pg-social-media .footer-nav a,body.pg-social-media .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}
body.pg-social-media .tg-bottom-nav a i,body.pg-social-media .bottom-nav a i,body.pg-social-media .user-bottom-nav a i,body.pg-social-media .footer-nav a i,body.pg-social-media .mobile-bottom-nav a i{display:block;font-size:16px;line-height:1;margin:0}
body.pg-social-media .tg-bottom-nav a span,body.pg-social-media .bottom-nav a span,body.pg-social-media .user-bottom-nav a span,body.pg-social-media .footer-nav a span,body.pg-social-media .mobile-bottom-nav a span,body.pg-social-media .tg-bottom-nav a small,body.pg-social-media .bottom-nav a small,body.pg-social-media .user-bottom-nav a small,body.pg-social-media .footer-nav a small,body.pg-social-media .mobile-bottom-nav a small{display:block;width:100%;max-width:100%;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;white-space:nowrap;overflow:hidden}
body.pg-social-media .tg-bottom-nav a.center-nav,body.pg-social-media .tg-bottom-nav a:nth-child(4),body.pg-social-media .bottom-nav a:nth-child(4),body.pg-social-media .user-bottom-nav a:nth-child(4),body.pg-social-media .footer-nav a:nth-child(4),body.pg-social-media .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px;overflow:visible}
body.pg-social-media .tg-bottom-nav a.center-nav i,body.pg-social-media .tg-bottom-nav a:nth-child(4) i,body.pg-social-media .bottom-nav a:nth-child(4) i,body.pg-social-media .user-bottom-nav a:nth-child(4) i,body.pg-social-media .footer-nav a:nth-child(4) i,body.pg-social-media .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
@media(max-width:560px){
body.pg-social-media .tg-bottom-nav,body.pg-social-media .bottom-nav,body.pg-social-media .user-bottom-nav,body.pg-social-media .footer-nav,body.pg-social-media .mobile-bottom-nav{width:calc(100% - 8px);bottom:6px;min-height:62px;padding:5px;gap:2px;border-radius:21px;grid-template-columns:repeat(3,minmax(0,1fr)) 1.18fr repeat(3,minmax(0,1fr))}
body.pg-social-media .tg-bottom-nav a,body.pg-social-media .bottom-nav a,body.pg-social-media .user-bottom-nav a,body.pg-social-media .footer-nav a,body.pg-social-media .mobile-bottom-nav a{height:48px;border-radius:14px;font-size:6.8px;letter-spacing:-.45px;gap:3px;padding:4px 1px}
body.pg-social-media .tg-bottom-nav a i,body.pg-social-media .bottom-nav a i,body.pg-social-media .user-bottom-nav a i,body.pg-social-media .footer-nav a i,body.pg-social-media .mobile-bottom-nav a i{font-size:14px}
body.pg-social-media .tg-bottom-nav a span,body.pg-social-media .bottom-nav a span,body.pg-social-media .user-bottom-nav a span,body.pg-social-media .footer-nav a span,body.pg-social-media .mobile-bottom-nav a span{font-size:6.8px;letter-spacing:-.45px}
body.pg-social-media .tg-bottom-nav a.center-nav,body.pg-social-media .tg-bottom-nav a:nth-child(4),body.pg-social-media .bottom-nav a:nth-child(4),body.pg-social-media .user-bottom-nav a:nth-child(4),body.pg-social-media .footer-nav a:nth-child(4),body.pg-social-media .mobile-bottom-nav a:nth-child(4){height:60px;margin-top:-16px;border-radius:20px}
body.pg-social-media .tg-bottom-nav a.center-nav i,body.pg-social-media .tg-bottom-nav a:nth-child(4) i,body.pg-social-media .bottom-nav a:nth-child(4) i,body.pg-social-media .user-bottom-nav a:nth-child(4) i,body.pg-social-media .footer-nav a:nth-child(4) i,body.pg-social-media .mobile-bottom-nav a:nth-child(4) i{font-size:18px}
}
@media(max-width:360px){
body.pg-social-media .tg-bottom-nav,body.pg-social-media .bottom-nav,body.pg-social-media .user-bottom-nav,body.pg-social-media .footer-nav,body.pg-social-media .mobile-bottom-nav{width:calc(100% - 6px);padding:4px;gap:1px}
body.pg-social-media .tg-bottom-nav a,body.pg-social-media .bottom-nav a,body.pg-social-media .user-bottom-nav a,body.pg-social-media .footer-nav a,body.pg-social-media .mobile-bottom-nav a{height:46px;font-size:6.1px}
body.pg-social-media .tg-bottom-nav a i,body.pg-social-media .bottom-nav a i,body.pg-social-media .user-bottom-nav a i,body.pg-social-media .footer-nav a i,body.pg-social-media .mobile-bottom-nav a i{font-size:13px}
body.pg-social-media .tg-bottom-nav a span,body.pg-social-media .bottom-nav a span,body.pg-social-media .user-bottom-nav a span,body.pg-social-media .footer-nav a span,body.pg-social-media .mobile-bottom-nav a span{font-size:6.1px}
body.pg-social-media .tg-bottom-nav a.center-nav,body.pg-social-media .tg-bottom-nav a:nth-child(4),body.pg-social-media .bottom-nav a:nth-child(4),body.pg-social-media .user-bottom-nav a:nth-child(4),body.pg-social-media .footer-nav a:nth-child(4),body.pg-social-media .mobile-bottom-nav a:nth-child(4){height:56px;margin-top:-14px}
}
/* from team.php — page UI now lives in assets/css/dashboard-vip.css + assets/css/pages/; only bottom-nav rules kept here */
body.pg-team .tg-bottom-nav,body.pg-team .bottom-nav,body.pg-team .user-bottom-nav,body.pg-team .footer-nav,body.pg-team .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px,calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-team .tg-bottom-nav a,body.pg-team .bottom-nav a,body.pg-team .user-bottom-nav a,body.pg-team .footer-nav a,body.pg-team .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900}
body.pg-team .tg-bottom-nav a i,body.pg-team .bottom-nav a i,body.pg-team .user-bottom-nav a i,body.pg-team .footer-nav a i,body.pg-team .mobile-bottom-nav a i{display:block;font-size:16px}
body.pg-team .tg-bottom-nav a span,body.pg-team .bottom-nav a span,body.pg-team .user-bottom-nav a span,body.pg-team .footer-nav a span,body.pg-team .mobile-bottom-nav a span{display:block;font-size:8px;font-weight:900}
body.pg-team .tg-bottom-nav a.center-nav,body.pg-team .tg-bottom-nav a:nth-child(4),body.pg-team .bottom-nav a:nth-child(4),body.pg-team .user-bottom-nav a:nth-child(4),body.pg-team .footer-nav a:nth-child(4),body.pg-team .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px}
body.pg-team .tg-bottom-nav a.center-nav i,body.pg-team .tg-bottom-nav a:nth-child(4) i,body.pg-team .bottom-nav a:nth-child(4) i,body.pg-team .user-bottom-nav a:nth-child(4) i,body.pg-team .footer-nav a:nth-child(4) i,body.pg-team .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
/* from upgrade_package.php — page UI now lives in assets/css/dashboard-vip.css + assets/css/pages/; only bottom-nav rules kept here */
body.pg-upgrade-package .tg-bottom-nav,body.pg-upgrade-package .bottom-nav,body.pg-upgrade-package .user-bottom-nav,body.pg-upgrade-package .footer-nav,body.pg-upgrade-package .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px, calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;-webkit-backdrop-filter:blur(18px);z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-upgrade-package .tg-bottom-nav a,body.pg-upgrade-package .bottom-nav a,body.pg-upgrade-package .user-bottom-nav a,body.pg-upgrade-package .footer-nav a,body.pg-upgrade-package .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;text-align:center;white-space:nowrap;overflow:hidden}
body.pg-upgrade-package .tg-bottom-nav a i,body.pg-upgrade-package .bottom-nav a i,body.pg-upgrade-package .user-bottom-nav a i,body.pg-upgrade-package .footer-nav a i,body.pg-upgrade-package .mobile-bottom-nav a i{display:block;font-size:16px;line-height:1;margin:0}
body.pg-upgrade-package .tg-bottom-nav a span,body.pg-upgrade-package .bottom-nav a span,body.pg-upgrade-package .user-bottom-nav a span,body.pg-upgrade-package .footer-nav a span,body.pg-upgrade-package .mobile-bottom-nav a span{display:block;width:100%;font-size:8px;line-height:1;font-weight:900}
body.pg-upgrade-package .tg-bottom-nav a.center-nav,body.pg-upgrade-package .tg-bottom-nav a:nth-child(4),body.pg-upgrade-package .bottom-nav a:nth-child(4),body.pg-upgrade-package .user-bottom-nav a:nth-child(4),body.pg-upgrade-package .footer-nav a:nth-child(4),body.pg-upgrade-package .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px;overflow:visible}
body.pg-upgrade-package .tg-bottom-nav a.center-nav i,body.pg-upgrade-package .tg-bottom-nav a:nth-child(4) i,body.pg-upgrade-package .bottom-nav a:nth-child(4) i,body.pg-upgrade-package .user-bottom-nav a:nth-child(4) i,body.pg-upgrade-package .footer-nav a:nth-child(4) i,body.pg-upgrade-package .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
/* from wallet.php — page UI now lives in assets/css/dashboard-vip.css + assets/css/pages/; only bottom-nav rules kept here */
body.pg-wallet .tg-bottom-nav,body.pg-wallet .bottom-nav,body.pg-wallet .user-bottom-nav,body.pg-wallet .footer-nav,body.pg-wallet .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px,calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;-webkit-backdrop-filter:blur(18px);z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-wallet .tg-bottom-nav a,body.pg-wallet .bottom-nav a,body.pg-wallet .user-bottom-nav a,body.pg-wallet .footer-nav a,body.pg-wallet .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;text-align:center;white-space:nowrap;overflow:hidden}
body.pg-wallet .tg-bottom-nav a i,body.pg-wallet .bottom-nav a i,body.pg-wallet .user-bottom-nav a i,body.pg-wallet .footer-nav a i,body.pg-wallet .mobile-bottom-nav a i{display:block;font-size:16px;line-height:1;margin:0}
body.pg-wallet .tg-bottom-nav a span,body.pg-wallet .bottom-nav a span,body.pg-wallet .user-bottom-nav a span,body.pg-wallet .footer-nav a span,body.pg-wallet .mobile-bottom-nav a span{display:block;width:100%;font-size:8px;line-height:1;font-weight:900}
body.pg-wallet .tg-bottom-nav a.center-nav,body.pg-wallet .tg-bottom-nav a:nth-child(4),body.pg-wallet .bottom-nav a:nth-child(4),body.pg-wallet .user-bottom-nav a:nth-child(4),body.pg-wallet .footer-nav a:nth-child(4),body.pg-wallet .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px;overflow:visible}
body.pg-wallet .tg-bottom-nav a.center-nav i,body.pg-wallet .tg-bottom-nav a:nth-child(4) i,body.pg-wallet .bottom-nav a:nth-child(4) i,body.pg-wallet .user-bottom-nav a:nth-child(4) i,body.pg-wallet .footer-nav a:nth-child(4) i,body.pg-wallet .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
/* from dashboard.php */
body.pg-dashboard *{box-sizing:border-box}
body.pg-dashboard,body.pg-dashboard{width:100%;min-height:100%;overflow-x:hidden}
body.pg-dashboard{margin:0;min-height:100vh;padding-bottom:115px}
body.pg-dashboard::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.55;z-index:-1}
body.pg-dashboard .page{width:min(1080px, calc(100% - 22px));margin:0 auto;padding:11px 0 118px}
body.pg-dashboard .topbar{position:sticky;top:9px;z-index:50;margin-bottom:9px;padding:10px 12px;-webkit-backdrop-filter:blur(18px);border-radius:22px;display:flex;justify-content:space-between;align-items:center}
body.pg-dashboard .brand-name{font-size:23px;font-weight:900;letter-spacing:-.7px;white-space:nowrap}
body.pg-dashboard .site-brand-name,body.pg-dashboard .site-brand-text{font-weight:900}
body.pg-dashboard .menu-btn{width:41px;height:41px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.22s ease}
body.pg-dashboard .menu-btn:hover{transform:translateY(-2px)}
body.pg-dashboard .hero{border-radius:25px;padding:14px;position:relative;overflow:hidden}
body.pg-dashboard .hero::after{content:"";position:absolute;right:-95px;top:-105px;width:250px;height:250px;border-radius:50%}
body.pg-dashboard .member-card{position:relative;z-index:2;border-radius:22px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;overflow:hidden}
body.pg-dashboard .member-card::before{content:"";position:absolute;right:-70px;top:-75px;width:170px;height:170px;border-radius:50%;pointer-events:none}
body.pg-dashboard .member-card::after{content:"";position:absolute;left:-85px;bottom:-95px;width:175px;height:175px;border-radius:50%;pointer-events:none}
body.pg-dashboard .member-avatar{position:relative;z-index:2;width:74px;height:74px;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:28px;font-weight:900}
body.pg-dashboard .member-avatar img{width:100%;height:100%;object-fit:cover}
body.pg-dashboard .member-info{position:relative;z-index:2;min-width:0}
body.pg-dashboard .member-label{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:9.5px;font-weight:900;margin-bottom:7px}
body.pg-dashboard .member-name{margin:0;font-size:clamp(21px,3vw,31px);line-height:1.1;font-weight:900;letter-spacing:-.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pg-dashboard .member-sub{margin-top:5px;font-size:11px;font-weight:800}
body.pg-dashboard .member-package{margin-top:7px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;line-height:1}
body.pg-dashboard .member-package i{font-size:10px}
body.pg-dashboard .member-balance{position:relative;z-index:2;min-width:210px;padding:13px 14px;border-radius:20px;text-align:left}
body.pg-dashboard .member-balance span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.35px;margin-bottom:7px}
body.pg-dashboard .member-balance b{display:block;font-size:clamp(24px,3.2vw,36px);line-height:1;letter-spacing:-1.1px;font-weight:900}
body.pg-dashboard .plan-cta{margin:12px 0;border-radius:24px;padding:16px 18px;display:flex;align-items:center;gap:14px;text-decoration:none;position:relative;overflow:hidden;transition:.25s ease;animation:planCtaPulse 2.4s ease-in-out infinite}
body.pg-dashboard .plan-cta:hover{transform:translateY(-3px) scale(1.01);animation:none}
body.pg-dashboard .plan-cta::before{content:"";position:absolute;inset:0;animation:planCtaShine 3.5s ease-in-out infinite;pointer-events:none;z-index:1}
body.pg-dashboard .plan-cta::after{content:"";position:absolute;right:-40px;top:-50px;width:140px;height:140px;border-radius:50%;pointer-events:none}
body.pg-dashboard .plan-cta-icon{flex:0 0 auto;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;z-index:2}
body.pg-dashboard .plan-cta-body{flex:1;min-width:0;position:relative;z-index:2}
body.pg-dashboard .plan-cta-body strong{display:block;font-size:15.5px;font-weight:900;letter-spacing:-.25px;line-height:1.2;margin-bottom:4px}
body.pg-dashboard .plan-cta-body span{display:block;font-size:11.5px;font-weight:600;line-height:1.35}
body.pg-dashboard .plan-cta-btn{flex:0 0 auto;padding:12px 18px;border-radius:14px;font-size:12.5px;font-weight:900;white-space:nowrap;position:relative;z-index:2;letter-spacing:.2px}
body.pg-dashboard .earning-box{margin:10px 0;border-radius:24px;padding:13px;position:relative;overflow:hidden}
body.pg-dashboard .earning-box::before{content:"";position:absolute;right:-75px;top:-95px;width:195px;height:195px;border-radius:50%}
body.pg-dashboard .earning-box::after{content:"";position:absolute;left:-95px;bottom:-115px;width:205px;height:205px;border-radius:50%}
body.pg-dashboard .earning-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
body.pg-dashboard .earning-head h3{margin:0;font-size:16px;font-weight:900;letter-spacing:-.25px}
body.pg-dashboard .earning-pill{flex:0 0 auto;padding:6px 10px;border-radius:999px;font-size:9px;font-weight:900}
body.pg-dashboard .earning-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
body.pg-dashboard .earning-card{min-height:96px;border-radius:18px;padding:11px 9px;transition:.22s ease}
body.pg-dashboard .earning-card:hover{transform:translateY(-2px)}
body.pg-dashboard .earning-icon{width:35px;height:35px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-size:13px}
body.pg-dashboard .earning-card span{display:block;font-size:8.8px;font-weight:900;text-transform:uppercase;letter-spacing:.14px;margin-bottom:5px;line-height:1.18}
body.pg-dashboard .earning-card b{display:block;font-size:14.8px;font-weight:900;line-height:1.14;word-break:break-word}
body.pg-dashboard .content-grid{display:grid;grid-template-columns:1fr;gap:10px}
body.pg-dashboard .panel{border-radius:23px;padding:15px;position:relative;overflow:hidden}
body.pg-dashboard .panel::before{content:"";position:absolute;right:-70px;top:-80px;width:170px;height:170px;border-radius:50%}
body.pg-dashboard .panel > *{position:relative;z-index:2}
body.pg-dashboard .panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:11px}
body.pg-dashboard .panel-title{margin:0;font-size:15.5px;font-weight:900;letter-spacing:-.2px}
body.pg-dashboard .panel-pill{flex:0 0 auto;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900}
body.pg-dashboard .gift-form{display:flex;gap:8px}
body.pg-dashboard .gift-form input{width:100%;min-height:45px;border-radius:15px;padding:0 12px;outline:none;font-weight:900;text-transform:uppercase;font-size:12px}
body.pg-dashboard .gift-btn{min-width:92px;border:0;border-radius:15px;font-weight:900;font-size:12px}
body.pg-dashboard .gift-alert{border-radius:14px;padding:9px 11px;font-weight:800;font-size:11px;line-height:1.5;margin-top:10px}
body.pg-dashboard .ref-system{margin:10px 0;border-radius:24px;padding:15px;position:relative;overflow:hidden}
body.pg-dashboard .ref-system::before{content:"";position:absolute;right:-75px;top:-95px;width:195px;height:195px;border-radius:50%;pointer-events:none}
body.pg-dashboard .ref-system::after{content:"";position:absolute;left:-95px;bottom:-115px;width:205px;height:205px;border-radius:50%;pointer-events:none}
body.pg-dashboard .ref-system > *{position:relative;z-index:2}
body.pg-dashboard .ref-system-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
body.pg-dashboard .ref-system-logo{display:flex;align-items:center;gap:10px}
body.pg-dashboard .ref-system-logo .logo-icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;flex-shrink:0}
body.pg-dashboard .ref-system-logo h2{margin:0;font-size:17px;font-weight:900;letter-spacing:-.3px}
body.pg-dashboard .ref-system-badge{flex:0 0 auto;padding:6px 11px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}
body.pg-dashboard .ref-system-badge i{font-size:9px;margin-right:3px}
body.pg-dashboard .ref-comm-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
body.pg-dashboard .ref-comm-pill{min-height:96px;border-radius:18px;padding:12px 8px;text-align:center;transition:.22s ease}
body.pg-dashboard .ref-comm-pill:hover{transform:translateY(-2px)}
body.pg-dashboard .ref-comm-pill .pct{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;font-size:13px;font-weight:900;margin-bottom:8px}
body.pg-dashboard .ref-comm-pill h4{margin:0 0 4px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.2px}
body.pg-dashboard .ref-comm-pill p{margin:0;font-size:9px;font-weight:700;line-height:1.35}
body.pg-dashboard .ref-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:14px;border-radius:16px}
body.pg-dashboard .ref-table{width:100%;border-collapse:collapse;min-width:340px}
body.pg-dashboard .ref-table thead th{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.25px;padding:12px 6px;text-align:center;white-space:nowrap}
body.pg-dashboard .ref-table tbody td{padding:11px 6px;text-align:center;font-size:12.5px;font-weight:800}
body.pg-dashboard .ref-table tbody tr:last-child td{border-bottom:none}
body.pg-dashboard .ref-table tbody td:first-child{font-weight:900}
body.pg-dashboard .ref-bottom{text-align:center}
body.pg-dashboard .ref-bottom-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.2px;margin-bottom:12px}
body.pg-dashboard .ref-features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
body.pg-dashboard .ref-feature{border-radius:16px;padding:12px 8px;text-align:center;transition:.22s ease}
body.pg-dashboard .ref-feature:hover{transform:translateY(-2px)}
body.pg-dashboard .ref-feature i{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:11px;font-size:13px;margin-bottom:7px}
body.pg-dashboard .ref-feature span{display:block;font-size:9.5px;font-weight:800;line-height:1.35}
body.pg-dashboard .ref-welcome{margin:0;font-size:12px;font-weight:800}
body.pg-dashboard .wa-backdrop,body.pg-dashboard .share-backdrop{position:fixed;inset:0;-webkit-backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:99998;padding:16px}
body.pg-dashboard .wa-backdrop.show,body.pg-dashboard .share-backdrop.show{display:flex}
body.pg-dashboard .wa-card,body.pg-dashboard .share-modal{width:min(520px,94vw);border-radius:30px;overflow:hidden}
body.pg-dashboard .wa-head,body.pg-dashboard .share-head{padding:16px 18px;display:flex;align-items:center;justify-content:space-between}
body.pg-dashboard .wa-head div,body.pg-dashboard .share-head .ttl{font-weight:900}
body.pg-dashboard .wa-close,body.pg-dashboard .share-close{width:38px;height:38px;border:none;border-radius:14px;cursor:pointer}
body.pg-dashboard .wa-body{padding:24px 22px 18px}
body.pg-dashboard .wa-title{display:flex;align-items:center;gap:11px;font-weight:900;font-size:21px;margin:0 0 10px 0}
body.pg-dashboard .wa-title i{font-size:30px}
body.pg-dashboard .wa-sub{margin:0;font-weight:600;font-size:14px;line-height:1.7}
body.pg-dashboard .wa-actions{padding:0 22px 22px}
body.pg-dashboard .wa-join{display:block;text-align:center;padding:15px 16px;border-radius:20px;text-decoration:none;font-weight:900}
body.pg-dashboard .share-body{padding:18px}
body.pg-dashboard .share-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
body.pg-dashboard .share-btn{min-height:88px;border-radius:20px;padding:13px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;font-weight:900;font-size:12px}
body.pg-dashboard .share-btn i{font-size:24px}
body.pg-dashboard .copyline{margin-top:15px;border-radius:18px;display:flex;align-items:center;gap:10px;padding:10px}
body.pg-dashboard .copyline input{flex:1;min-width:0;border:none;outline:none;font-weight:800}
body.pg-dashboard .copybtn{border:none;border-radius:14px;padding:10px 13px;cursor:pointer;font-weight:900}
body.pg-dashboard .share-sub{margin-top:12px;font-weight:600;font-size:12px;line-height:1.5}
body.pg-dashboard .toastx{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);border-radius:16px;padding:11px 15px;font-weight:900;font-size:13px;display:none;z-index:99999}
body.pg-dashboard .tg-bottom-nav,body.pg-dashboard .bottom-nav,body.pg-dashboard .user-bottom-nav,body.pg-dashboard .footer-nav,body.pg-dashboard .mobile-bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(760px, calc(100% - 12px));min-height:66px;padding:7px;border-radius:24px;-webkit-backdrop-filter:blur(18px);z-index:99999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.28fr repeat(3,minmax(0,1fr));align-items:center;gap:4px;overflow:visible}
body.pg-dashboard .tg-bottom-nav a,body.pg-dashboard .bottom-nav a,body.pg-dashboard .user-bottom-nav a,body.pg-dashboard .footer-nav a,body.pg-dashboard .mobile-bottom-nav a{min-width:0;width:100%;height:52px;padding:5px 2px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}
body.pg-dashboard .tg-bottom-nav a i,body.pg-dashboard .bottom-nav a i,body.pg-dashboard .user-bottom-nav a i,body.pg-dashboard .footer-nav a i,body.pg-dashboard .mobile-bottom-nav a i{display:block;font-size:16px;line-height:1;margin:0}
body.pg-dashboard .tg-bottom-nav a span,body.pg-dashboard .bottom-nav a span,body.pg-dashboard .user-bottom-nav a span,body.pg-dashboard .footer-nav a span,body.pg-dashboard .mobile-bottom-nav a span{display:block;width:100%;max-width:100%;font-size:8px;line-height:1;font-weight:900;letter-spacing:-.35px;white-space:nowrap;overflow:hidden}
body.pg-dashboard .tg-bottom-nav a.center-nav,body.pg-dashboard .tg-bottom-nav a:nth-child(4),body.pg-dashboard .bottom-nav a:nth-child(4),body.pg-dashboard .user-bottom-nav a:nth-child(4),body.pg-dashboard .footer-nav a:nth-child(4),body.pg-dashboard .mobile-bottom-nav a:nth-child(4){height:64px;margin-top:-18px;border-radius:22px;overflow:visible}
body.pg-dashboard .tg-bottom-nav a.center-nav i,body.pg-dashboard .tg-bottom-nav a:nth-child(4) i,body.pg-dashboard .bottom-nav a:nth-child(4) i,body.pg-dashboard .user-bottom-nav a:nth-child(4) i,body.pg-dashboard .footer-nav a:nth-child(4) i,body.pg-dashboard .mobile-bottom-nav a:nth-child(4) i{font-size:20px}
body.pg-dashboard .tg-bottom-nav a.center-nav span,body.pg-dashboard .tg-bottom-nav a:nth-child(4) span,body.pg-dashboard .bottom-nav a:nth-child(4) span,body.pg-dashboard .user-bottom-nav a:nth-child(4) span,body.pg-dashboard .footer-nav a:nth-child(4) span,body.pg-dashboard .mobile-bottom-nav a:nth-child(4) span{font-size:8px}
@media(max-width:720px){body.pg-dashboard .member-card{grid-template-columns:auto 1fr}
body.pg-dashboard .member-balance{grid-column:1 / -1;min-width:0}}
@media(max-width:560px){body.pg-dashboard .page{width:calc(100% - 16px);padding-top:8px;padding-bottom:112px}
body.pg-dashboard .topbar{top:7px;border-radius:19px;padding:9px 10px;margin-bottom:8px}
body.pg-dashboard .brand-name{font-size:21px}
body.pg-dashboard .menu-btn{width:39px;height:39px}
body.pg-dashboard .hero{border-radius:23px;padding:12px}
body.pg-dashboard .member-card{border-radius:20px;padding:12px;gap:10px}
body.pg-dashboard .member-avatar{width:62px;height:62px;border-radius:20px;font-size:24px}
body.pg-dashboard .member-label{font-size:8.5px;padding:4px 8px;margin-bottom:6px}
body.pg-dashboard .member-name{font-size:21px;letter-spacing:-.7px}
body.pg-dashboard .member-sub{font-size:10px}
body.pg-dashboard .member-package{font-size:8.8px;padding:5px 8px;margin-top:6px}
body.pg-dashboard .member-balance{border-radius:17px;padding:12px}
body.pg-dashboard .member-balance span{font-size:9px;margin-bottom:6px}
body.pg-dashboard .member-balance b{font-size:29px}
body.pg-dashboard .plan-cta{margin:9px 0;padding:12px 13px;border-radius:20px;gap:11px}
body.pg-dashboard .plan-cta-icon{width:42px;height:42px;border-radius:14px;font-size:16px}
body.pg-dashboard .plan-cta-body strong{font-size:13px}
body.pg-dashboard .plan-cta-body span{font-size:10px}
body.pg-dashboard .plan-cta-btn{padding:9px 11px;font-size:10.5px;border-radius:12px}
body.pg-dashboard .earning-box{margin:9px 0;padding:11px;border-radius:22px}
body.pg-dashboard .earning-head{margin-bottom:9px}
body.pg-dashboard .earning-head h3{font-size:15px}
body.pg-dashboard .earning-pill{font-size:8.5px;padding:5px 9px}
body.pg-dashboard .earning-grid{grid-template-columns:repeat(3,1fr);gap:7px}
body.pg-dashboard .earning-card{min-height:90px;border-radius:16px;padding:9px 6px}
body.pg-dashboard .earning-icon{width:32px;height:32px;border-radius:12px;margin-bottom:7px;font-size:12px}
body.pg-dashboard .earning-card span{font-size:7.8px;margin-bottom:4px;line-height:1.16}
body.pg-dashboard .earning-card b{font-size:12.6px;line-height:1.12}
body.pg-dashboard .panel{border-radius:21px;padding:13px}
body.pg-dashboard .panel-title{font-size:14.5px}
body.pg-dashboard .panel-pill{font-size:8.5px;padding:5px 8px}
body.pg-dashboard .gift-form{gap:7px}
body.pg-dashboard .gift-form input{min-height:43px;border-radius:14px;font-size:11.5px}
body.pg-dashboard .gift-btn{min-width:84px;border-radius:14px;font-size:11.5px}
body.pg-dashboard .share-row{grid-template-columns:repeat(2,1fr)}
body.pg-dashboard .ref-system{border-radius:22px;padding:13px}
body.pg-dashboard .ref-system-logo h2{font-size:15.5px}
body.pg-dashboard .ref-system-badge{font-size:8.5px;padding:5px 9px}
body.pg-dashboard .ref-comm-pills{gap:7px;margin-bottom:12px}
body.pg-dashboard .ref-comm-pill{min-height:90px;padding:10px 6px;border-radius:16px}
body.pg-dashboard .ref-comm-pill .pct{width:34px;height:34px;border-radius:11px;font-size:12px;margin-bottom:7px}
body.pg-dashboard .ref-comm-pill h4{font-size:10px}
body.pg-dashboard .ref-comm-pill p{font-size:8.5px}
body.pg-dashboard .ref-table thead th{font-size:9px;padding:10px 4px}
body.pg-dashboard .ref-table tbody td{font-size:11.5px;padding:9px 4px}
body.pg-dashboard .ref-features{gap:7px}
body.pg-dashboard .ref-feature{padding:10px 5px;border-radius:14px}
body.pg-dashboard .ref-feature i{width:28px;height:28px;border-radius:9px;font-size:12px}
body.pg-dashboard .ref-feature span{font-size:8.5px}
body.pg-dashboard .tg-bottom-nav,body.pg-dashboard .bottom-nav,body.pg-dashboard .user-bottom-nav,body.pg-dashboard .footer-nav,body.pg-dashboard .mobile-bottom-nav{width:calc(100% - 8px);bottom:6px;min-height:62px;padding:5px;gap:2px;border-radius:21px;grid-template-columns:repeat(3,minmax(0,1fr)) 1.18fr repeat(3,minmax(0,1fr))}
body.pg-dashboard .tg-bottom-nav a,body.pg-dashboard .bottom-nav a,body.pg-dashboard .user-bottom-nav a,body.pg-dashboard .footer-nav a,body.pg-dashboard .mobile-bottom-nav a{height:48px;border-radius:14px;font-size:6.8px;letter-spacing:-.45px;gap:3px;padding:4px 1px}
body.pg-dashboard .tg-bottom-nav a i,body.pg-dashboard .bottom-nav a i,body.pg-dashboard .user-bottom-nav a i,body.pg-dashboard .footer-nav a i,body.pg-dashboard .mobile-bottom-nav a i{font-size:14px}
body.pg-dashboard .tg-bottom-nav a span,body.pg-dashboard .bottom-nav a span,body.pg-dashboard .user-bottom-nav a span,body.pg-dashboard .footer-nav a span,body.pg-dashboard .mobile-bottom-nav a span{font-size:6.8px;letter-spacing:-.45px}
body.pg-dashboard .tg-bottom-nav a.center-nav,body.pg-dashboard .tg-bottom-nav a:nth-child(4),body.pg-dashboard .bottom-nav a:nth-child(4),body.pg-dashboard .user-bottom-nav a:nth-child(4),body.pg-dashboard .footer-nav a:nth-child(4),body.pg-dashboard .mobile-bottom-nav a:nth-child(4){height:60px;margin-top:-16px;border-radius:20px}
body.pg-dashboard .tg-bottom-nav a.center-nav i,body.pg-dashboard .tg-bottom-nav a:nth-child(4) i,body.pg-dashboard .bottom-nav a:nth-child(4) i,body.pg-dashboard .user-bottom-nav a:nth-child(4) i,body.pg-dashboard .footer-nav a:nth-child(4) i,body.pg-dashboard .mobile-bottom-nav a:nth-child(4) i{font-size:18px}}
@media(max-width:390px){body.pg-dashboard .page{width:calc(100% - 12px)}
body.pg-dashboard .brand-name{font-size:19px}
body.pg-dashboard .member-name{font-size:19px}
body.pg-dashboard .member-balance b{font-size:26px}
body.pg-dashboard .earning-card b{font-size:11.8px}
body.pg-dashboard .ref-system-logo h2{font-size:14.5px}
body.pg-dashboard .ref-comm-pill h4{font-size:9px}
body.pg-dashboard .ref-comm-pill p{font-size:8px}}
@media(max-width:360px){body.pg-dashboard .earning-grid{gap:5px}
body.pg-dashboard .earning-card{min-height:86px;padding:8px 5px}
body.pg-dashboard .earning-card span{font-size:7px}
body.pg-dashboard .earning-card b{font-size:10.8px}
body.pg-dashboard .tg-bottom-nav,body.pg-dashboard .bottom-nav,body.pg-dashboard .user-bottom-nav,body.pg-dashboard .footer-nav,body.pg-dashboard .mobile-bottom-nav{width:calc(100% - 6px);padding:4px;gap:1px}
body.pg-dashboard .tg-bottom-nav a,body.pg-dashboard .bottom-nav a,body.pg-dashboard .user-bottom-nav a,body.pg-dashboard .footer-nav a,body.pg-dashboard .mobile-bottom-nav a{height:46px;font-size:6.1px}
body.pg-dashboard .tg-bottom-nav a i,body.pg-dashboard .bottom-nav a i,body.pg-dashboard .user-bottom-nav a i,body.pg-dashboard .footer-nav a i,body.pg-dashboard .mobile-bottom-nav a i{font-size:13px}
body.pg-dashboard .tg-bottom-nav a span,body.pg-dashboard .bottom-nav a span,body.pg-dashboard .user-bottom-nav a span,body.pg-dashboard .footer-nav a span,body.pg-dashboard .mobile-bottom-nav a span{font-size:6.1px}
body.pg-dashboard .tg-bottom-nav a.center-nav,body.pg-dashboard .tg-bottom-nav a:nth-child(4),body.pg-dashboard .bottom-nav a:nth-child(4),body.pg-dashboard .user-bottom-nav a:nth-child(4),body.pg-dashboard .footer-nav a:nth-child(4),body.pg-dashboard .mobile-bottom-nav a:nth-child(4){height:56px;margin-top:-14px}}
/* from admin/referral_settings.php */
body.pg-admin-referral-settings .wrap{max-width:1050px;margin:24px auto;padding:0 12px}
body.pg-admin-referral-settings .cardx{border-radius:16px;padding:16px}
body.pg-admin-referral-settings .smallmuted{font-size:12px}
/* from admin/deposit_gateways.php */
body.pg-admin-deposit-gateways .gateway-note{font-size:12px;font-weight:700}
body.pg-admin-deposit-gateways .gateway-actions{white-space:nowrap}
body.pg-admin-deposit-gateways .table textarea{min-width:220px}
body.pg-admin-deposit-gateways .table input{min-width:150px}
/* from admin/earning_settings.php */
body.pg-admin-earning-settings .wrap{max-width:1100px;margin:24px auto;padding:0 12px}
body.pg-admin-earning-settings .cardx{border-radius:16px;padding:18px}
body.pg-admin-earning-settings .smallmuted{font-size:12px}
/* from admin/login.php */
body.pg-admin-login{min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;padding:16px}
body.pg-admin-login .login-card{width:100%;max-width:420px;border-radius:18px;padding:35px 30px}
body.pg-admin-login .brand{text-align:center;margin-bottom:12px}
body.pg-admin-login .sub{text-align:center;font-size:14px;margin-bottom:22px}
body.pg-admin-login .form-control{border-radius:12px;padding:12px;font-weight:600}
body.pg-admin-login .btn-login{width:100%;padding:12px;border-radius:14px;font-weight:900;border:none;letter-spacing:.5px;margin-top:10px}
body.pg-admin-login .btn-login:hover{opacity:.95}
body.pg-admin-login .alert{border-radius:12px;font-size:13px;font-weight:700}
body.pg-admin-login .footer-text{text-align:center;margin-top:18px;font-size:12px}
/* from admin/profit_report.php */
body.pg-admin-profit-report{margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial}
body.pg-admin-profit-report .wrap{max-width:1200px;margin:0 auto;padding:18px}
body.pg-admin-profit-report .top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
body.pg-admin-profit-report h1{margin:0;font-size:18px}
body.pg-admin-profit-report .pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px}
body.pg-admin-profit-report .card{border-radius:14px;padding:14px;margin-top:12px}
body.pg-admin-profit-report .err{font-weight:900}
body.pg-admin-profit-report .row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
body.pg-admin-profit-report label{display:block;font-size:12px;margin-bottom:6px}
body.pg-admin-profit-report input{border-radius:10px;padding:10px 10px;outline:none}
body.pg-admin-profit-report button{border:0;border-radius:10px;padding:10px 14px;font-weight:900;cursor:pointer}
body.pg-admin-profit-report table{width:100%;border-collapse:collapse}
body.pg-admin-profit-report th,body.pg-admin-profit-report td{padding:10px;vertical-align:top;text-align:left}
body.pg-admin-profit-report th{font-size:12px;font-weight:900}
body.pg-admin-profit-report .num{font-variant-numeric:tabular-nums}
body.pg-admin-profit-report .good{font-weight:950}
body.pg-admin-profit-report .bad{font-weight:950}
body.pg-admin-profit-report details{border-radius:12px;padding:10px}
body.pg-admin-profit-report summary{cursor:pointer;font-weight:950}
body.pg-admin-profit-report .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:900px){body.pg-admin-profit-report .grid3{grid-template-columns:1fr}}
body.pg-admin-profit-report code{padding:2px 6px;border-radius:8px}
body.pg-admin-profit-report .mini{font-size:12px}
/* from admin/user_passwords.php */
body.pg-admin-user-passwords .brand-dot{width:10px;height:10px;border-radius:999px;display:inline-block}
/* from admin/user_passwords.php */
body.pg-admin-user-passwords .rounded-4{border-radius:1rem}
body.pg-admin-user-passwords .brand{display:flex;align-items:center;gap:.6rem;font-weight:700}
body.pg-admin-user-passwords .dot{width:10px;height:10px;border-radius:999px}
body.pg-admin-user-passwords .pill{border-radius:999px;padding:.25rem .6rem;font-size:.75rem}
body.pg-admin-user-passwords .table thead th{position:sticky;top:0;z-index:1}
body.pg-admin-user-passwords .btn-icon{display:inline-flex;align-items:center;gap:.45rem}
/* from admin/task_settings.php */
body.pg-admin-task-settings .wrap{max-width:1450px;margin:24px auto;padding:0 12px}
body.pg-admin-task-settings .cardx{border-radius:16px;padding:16px}
body.pg-admin-task-settings .smallmuted{font-size:12px}
body.pg-admin-task-settings .url{min-width:330px}
/* from admin/general_settings.php */
body.pg-admin-general-settings .wrap{max-width:1050px;margin:24px auto;padding:0 12px}
body.pg-admin-general-settings .cardx{border-radius:16px;padding:18px}
body.pg-admin-general-settings .smallmuted{font-size:12px}
body.pg-admin-general-settings .brand-preview{min-height:100px;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:18px}
body.pg-admin-general-settings .brand-preview img{max-width:240px;max-height:90px;object-fit:contain}
body.pg-admin-general-settings .fav-preview{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center}
body.pg-admin-general-settings .fav-preview img{max-width:48px;max-height:48px;object-fit:contain}
body.pg-admin-general-settings .section-title{font-weight:900;margin-bottom:4px}
body.pg-admin-general-settings .help{font-size:12px;margin-top:5px}
/* from admin/verify_2fa.php */
body.pg-admin-verify-2fa{min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;padding:16px}
body.pg-admin-verify-2fa .cardx{width:100%;max-width:430px;border-radius:18px;padding:32px}
body.pg-admin-verify-2fa .code{font-size:28px;letter-spacing:8px;text-align:center;font-weight:800}
body.pg-admin-verify-2fa .btnx{width:100%;padding:12px;border:0;border-radius:13px;font-weight:900}
/* from admin/investments.php */
body.pg-admin-investments .wrap{max-width:1480px;margin:24px auto;padding:0 12px}
body.pg-admin-investments .cardx{border-radius:14px;padding:14px}
body.pg-admin-investments .table td,body.pg-admin-investments .table th{vertical-align:middle}
body.pg-admin-investments .smallmuted{font-size:12px}
body.pg-admin-investments .noteinput{min-width:170px}
body.pg-admin-investments .nowrap{white-space:nowrap}
body.pg-admin-investments .slip-actions{display:flex;flex-wrap:wrap;gap:6px}
body.pg-admin-investments .refbox{min-width:190px}
/* from admin/social_settings.php */
body.pg-admin-social-settings .wrap{max-width:1250px;margin:25px auto;padding:0 12px}
body.pg-admin-social-settings .cardx{border-radius:16px;padding:16px}
body.pg-admin-social-settings .smallmuted{font-size:12px}
body.pg-admin-social-settings .preview{border-radius:14px;padding:12px}
body.pg-admin-social-settings .preview a{display:inline-flex;align-items:center;gap:7px;margin:4px;padding:8px 10px;border-radius:12px;text-decoration:none;font-weight:800;font-size:12px}
body.pg-admin-social-settings .form-control{font-weight:600}
body.pg-admin-social-settings .form-label{font-weight:800}
body.pg-admin-social-settings .help{font-size:12px;margin-top:4px}
/* from admin/support.php */
body.pg-admin-support .wrap{max-width:1400px;margin:22px auto;padding:0 12px}
body.pg-admin-support .cardx{border-radius:16px;padding:16px}
body.pg-admin-support .thread{display:block;padding:10px;border-radius:12px;text-decoration:none;margin-bottom:7px}
body.pg-admin-support .msg{padding:10px 12px;border-radius:14px;margin:8px 0;max-width:76%}
body.pg-admin-support .admin{margin-left:auto}
body.pg-admin-support .small{font-size:12px}
/* from admin/members.php */
body.pg-admin-members .wrap{max-width:1550px;margin:24px auto;padding:0 12px}
body.pg-admin-members .cardx{border-radius:16px;padding:16px}
body.pg-admin-members .smallmuted{font-size:12px}
body.pg-admin-members .stat{padding:17px;border-radius:16px}
body.pg-admin-members .stat .v{font-size:28px;font-weight:900;line-height:1.1}
body.pg-admin-members .nowrap{white-space:nowrap}
body.pg-admin-members .table td,body.pg-admin-members .table th{vertical-align:middle}
body.pg-admin-members .member-status{font-size:11px;font-weight:800}
body.pg-admin-members .searchbox{min-width:280px}
@media(max-width:650px){body.pg-admin-members .searchbox{min-width:0;width:100%}}
/* from admin/packages.php */
body.pg-admin-packages .wrap{max-width:1350px;margin:24px auto;padding:0 12px}
body.pg-admin-packages .cardx{border-radius:16px;padding:16px}
body.pg-admin-packages .smallmuted{font-size:12px}
body.pg-admin-packages .amount-input{min-width:135px}
/* from admin/security_2fa.php */
body.pg-admin-security-2fa .wrap{max-width:900px;margin:24px auto;padding:0 12px}
body.pg-admin-security-2fa .cardx{border-radius:18px;padding:22px}
body.pg-admin-security-2fa .secret{font-size:18px;word-break:break-all;border-radius:12px;padding:12px}
body.pg-admin-security-2fa .qr{width:220px;min-height:220px;display:flex;align-items:center;justify-content:center;border-radius:14px;padding:10px}
body.pg-admin-security-2fa .steps li{margin-bottom:8px}
/* from admin/reward_targets.php */
body.pg-admin-reward-targets .wrap{max-width:1200px;margin:25px auto;padding:0 12px}
body.pg-admin-reward-targets .cardx{border-radius:16px;padding:16px}
body.pg-admin-reward-targets .nav a{margin-right:8px}
/* from admin/levels_manager.php */
body.pg-admin-levels-manager .wrap{max-width:1250px;margin:25px auto;padding:0 12px}
body.pg-admin-levels-manager .cardx{border-radius:16px;padding:16px}
body.pg-admin-levels-manager .small{font-size:12px}
/* from admin/leaderboard.php */
body.pg-admin-leaderboard .wrap{max-width:1250px;margin:auto;padding:22px}
body.pg-admin-leaderboard .cardx{border-radius:24px;padding:20px}
body.pg-admin-leaderboard .table{--bs-table-bg:transparent;--bs-table-color:#e5eefb;--bs-table-border-color:rgba(255,255,255,.14)}
body.pg-admin-leaderboard .btn-grad{border:0;font-weight:800}
body.pg-admin-leaderboard .smallmuted{font-size:12px}
/* from admin/admin_accounts.php */
body.pg-admin-admin-accounts .wrap{max-width:1300px;margin:22px auto;padding:0 12px}
body.pg-admin-admin-accounts .cardx{border-radius:16px;padding:16px}
body.pg-admin-admin-accounts .perm{display:inline-block;margin:3px 9px 3px 0}
/* from admin/user_manage.php */
body.pg-admin-user-manage .wrap{max-width:1400px;margin:22px auto;padding:0 12px}
body.pg-admin-user-manage .cardx{border-radius:16px;padding:16px}
body.pg-admin-user-manage .small{font-size:12px}
body.pg-admin-user-manage .form-note{font-size:12px;margin-top:6px}
/* from admin/gift_codes.php */
body.pg-admin-gift-codes .wrap{max-width:1200px;margin:auto;padding:22px}
body.pg-admin-gift-codes .cardx{border-radius:24px;padding:20px}
body.pg-admin-gift-codes .table{--bs-table-bg:transparent;--bs-table-color:#e5eefb;--bs-table-border-color:rgba(255,255,255,.14)}
body.pg-admin-gift-codes .btn-grad{border:0;font-weight:800}
body.pg-admin-gift-codes .code{font-weight:950;letter-spacing:1px}
/* from admin/total_approved_withdraws.php */
body.pg-admin-total-approved-withdraws{padding:30px}
body.pg-admin-total-approved-withdraws .box{padding:25px;max-width:460px;margin:auto;border-radius:16px;text-align:center}
body.pg-admin-total-approved-withdraws .amount{font-size:30px;font-weight:900}
/* from admin/users.php */
body.pg-admin-users .wrap{max-width:1600px;margin:24px auto;padding:0 12px}
body.pg-admin-users .cardx{border-radius:14px;padding:14px}
body.pg-admin-users .table td,body.pg-admin-users .table th{vertical-align:middle}
body.pg-admin-users .smallmuted{font-size:12px}
body.pg-admin-users .nowrap{white-space:nowrap}
body.pg-admin-users .passbox{font-size:12px;border-radius:8px;padding:6px 8px;display:inline-block;min-width:110px}
body.pg-admin-users .mini-form{min-width:220px}
body.pg-admin-users .btn-copy{border:0;border-radius:8px;padding:5px 8px;font-weight:800}
body.pg-admin-users .quick-edit-form{min-width:520px;display:grid;grid-template-columns:1fr 1.15fr .9fr auto;gap:6px;align-items:center}
body.pg-admin-users .quick-edit-form .form-control{min-height:32px}
body.pg-admin-users .quick-edit-form .btn{white-space:nowrap}
@media(max-width:900px){body.pg-admin-users .quick-edit-form{min-width:340px;grid-template-columns:1fr}
body.pg-admin-users .quick-edit-form .btn{width:100%}}
/* from admin/package_upgrades.php */
body.pg-admin-package-upgrades .wrap{max-width:1480px;margin:24px auto;padding:0 12px}
body.pg-admin-package-upgrades .cardx{border-radius:16px;padding:16px}
body.pg-admin-package-upgrades .smallmuted{font-size:12px}
body.pg-admin-package-upgrades .noteinput{min-width:170px}
body.pg-admin-package-upgrades .nowrap{white-space:nowrap}
body.pg-admin-package-upgrades .slip-actions{display:flex;flex-wrap:wrap;gap:6px}
body.pg-admin-package-upgrades .statgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.pg-admin-package-upgrades .stat{border-radius:16px;padding:16px}
body.pg-admin-package-upgrades .stat .label{font-size:12px;font-weight:800}
body.pg-admin-package-upgrades .stat .value{font-size:30px;font-weight:900}
@media(max-width:760px){body.pg-admin-package-upgrades .statgrid{grid-template-columns:1fr}
body.pg-admin-package-upgrades .wrap{margin:12px auto}}
/* from admin/withdraw_gateways.php */
body.pg-admin-withdraw-gateways .gateway-note{font-size:12px;font-weight:700}
body.pg-admin-withdraw-gateways .gateway-actions{white-space:nowrap}
body.pg-admin-withdraw-gateways .table textarea{min-width:220px}
body.pg-admin-withdraw-gateways .table input{min-width:150px}
/* from admin/dashboard.php */
body.pg-admin-dashboard .wrap{max-width:1480px;margin:24px auto;padding:0 12px}
body.pg-admin-dashboard .cardx{border-radius:18px;padding:18px}
body.pg-admin-dashboard .smallmuted{font-size:12px}
body.pg-admin-dashboard .big{font-size:30px;font-weight:900}
body.pg-admin-dashboard .am-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.pg-admin-dashboard .am-stat{border-radius:18px;padding:18px}
body.pg-admin-dashboard .am-stat .label{font-size:12px;font-weight:900;text-transform:uppercase}
body.pg-admin-dashboard .am-stat .value{font-size:34px;font-weight:900;line-height:1}
body.pg-admin-dashboard .am-stat .note{font-size:12px;margin-top:8px}
body.pg-admin-dashboard .am-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
@media(max-width:1000px){body.pg-admin-dashboard .am-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){body.pg-admin-dashboard .am-stat-grid{grid-template-columns:1fr}
body.pg-admin-dashboard .wrap{margin:12px auto}}
/* from admin/withdraw_requests.php */
body.pg-admin-withdraw-requests .wrap{max-width:1300px;margin:0 auto;padding:18px 14px 40px}
body.pg-admin-withdraw-requests .topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px}
body.pg-admin-withdraw-requests .brand{display:flex;align-items:center;gap:10px}
body.pg-admin-withdraw-requests .logo{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:950}
body.pg-admin-withdraw-requests .title{margin:0;font-size:18px;font-weight:950}
body.pg-admin-withdraw-requests .sub{margin-top:2px;font-size:12px;font-weight:700}
body.pg-admin-withdraw-requests .cardx{border-radius:18px;padding:14px}
body.pg-admin-withdraw-requests .table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}
body.pg-admin-withdraw-requests .badge{font-weight:900;border-radius:999px;padding:8px 10px}
body.pg-admin-withdraw-requests .btnx{border-radius:12px;font-weight:900;padding:8px 10px}
body.pg-admin-withdraw-requests .small-muted{font-size:12px;font-weight:700}
/* from config/site_settings.php */
body.pg-site-settings .brand-icon{display:none}
body.pg-site-settings .brand,body.pg-site-settings .mobile-brand,body.pg-site-settings .topbar .logo,body.pg-site-settings .header .logo{gap:0}
body.pg-site-settings .site-brand-logo{max-width:170px;max-height:56px;width:auto;height:auto;object-fit:contain;display:block}
body.pg-site-settings .brand-name.site-brand-name{font-size:0;line-height:1;margin:0}
body.pg-site-settings .mobile-brand .site-brand-logo,body.pg-site-settings .topbar .site-brand-logo,body.pg-site-settings .header .site-brand-logo{max-width:160px;max-height:52px}
body.pg-site-settings .am-brand-logo{max-width:190px;max-height:58px;width:auto;height:auto;object-fit:contain;display:block}
@media(max-width:650px){body.pg-site-settings .site-brand-logo{max-width:132px;max-height:44px}
body.pg-site-settings .am-brand-logo{max-width:155px;max-height:48px}}

/* ==========================================================
   theme skin — components, pages, admin, utilities
   Loaded after page layout rules. Colours come from :root.
   ========================================================== */

/* 11. GLOBAL SKIN */
body{
  font-family:var(--font);
  color:var(--text);
  background:
    radial-gradient(520px 320px at 100% 0%, var(--white), transparent 70%),
    radial-gradient(480px 360px at 0% 55%, var(--glow-blue), transparent 70%),
    radial-gradient(420px 300px at 100% 85%, var(--glow-gold), transparent 70%),
    var(--bg);
  min-height:100vh;
}
body.by-client:has(.app-dock){padding-bottom:108px}
h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:700;letter-spacing:-.02em;line-height:1.2}
p,li,label,small,.sub,.hint,.meta,.note,.smallmuted,.small-muted,.smallx{color:var(--text-muted)}
a{color:var(--blue-600)}
a:hover{color:var(--blue-700)}
img{max-width:100%;height:auto}
.site-brand-logo,.am-brand-logo{max-width:168px;max-height:52px;width:auto;height:auto;object-fit:contain;display:block}
.site-brand-text{font-weight:700;color:var(--text);font-size:1.05rem}

body.by-client .page,
body.by-client .wrapper,
body.by-client .wrap,
body.by-client .page-wrap,
body.by-client .app{
  width:min(480px,100%);
  margin-left:auto;
  margin-right:auto;
  position:relative;
  z-index:1;
}

/* cards & shells */
.card,.cardx,.panel,.box,.hero-panel,.hero-card,.login-card,.form-container,
.ref-card,.info-card,.paycard,.pay-card,.pay-box,.amount-box,.kpi,.levelItem,
.level-card,.member,.menu-item,.social-card,.package-card,.pkg,.gw,.selected-card,
.status-bar,.salaryBox,.bonus-card,.info-panel,.feature-box,.balance-box,.info-box,
.task,.progress-card,.wa-card,.share-modal,.detail-card,.stat,.plan{
  background:var(--card);
  color:var(--text);
  border:1.5px solid var(--border-blue);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
}
.topbar,.header{
  background:var(--card);
  color:var(--text);
  border:2px solid var(--border-blue);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  margin:8px auto 12px;
}
.login-card,.info-panel{padding:18px}
.login-head h1,.panel-title,.hero-title{color:var(--text)}
.panel-title span,.hero-title span{color:var(--blue-600)}
.panel-badge,.hero-chip,.section-pill,.menu-pill,.panel-pill,.earning-pill,.lvl{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--ice);color:var(--blue-700);
  border:1.5px solid var(--border-blue);border-radius:999px;
  padding:6px 12px;font-weight:600;font-size:.82rem;
}

/* inputs */
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=image]),
select,textarea,.form-control,.form-select,.field,.inp,.ref__input{
  background:var(--card);
  color:var(--text);
  border:1.5px solid var(--border-blue);
  border-radius:var(--radius-sm);
  min-height:46px;
  padding:10px 14px;
  font:500 .92rem var(--font);
  box-shadow:inset 0 2px 4px var(--inset);
  width:100%;
  max-width:100%;
}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{
  outline:none;border-color:var(--blue-500);box-shadow:var(--focus);
}
input[type=checkbox],input[type=radio],.form-check-input{
  width:18px;height:18px;min-height:0;accent-color:var(--blue-600);box-shadow:none;
}
.form-label,label{display:block;font-weight:600;font-size:.86rem;margin:10px 0 6px;color:var(--text)}
.help,.form-note{display:block;margin-top:6px;font-size:.78rem;color:var(--text-muted);font-weight:500}
.input-group{margin-bottom:12px}
.password-wrap{position:relative}
.toggle-pass,.eye{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  width:40px;height:40px;display:grid;place-items:center;cursor:pointer;color:var(--blue-600);
}

/* buttons */
button,.btn,.btnx,.btn-main,.btn-primary,.btn-login,.btnGrad,.claimBtn,.gift-btn,
.action-btn,.copybtn,.wa-join,.btn-success,.btn-info,.btn-dark,.btn-grad,.by-plan-go{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--grad-btn);color:var(--white);border:0;border-radius:var(--radius-sm);
  box-shadow:var(--shadow-btn);font-weight:700;min-height:46px;padding:10px 16px;
  cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s;
}
button:hover,.btn:hover,.btn-primary:hover,.claimBtn:hover:not(:disabled){transform:translateY(-1px)}
button:active,.btn:active{transform:translateY(1px) scale(.98)}
button:disabled,.btn:disabled,.claimBtn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.btn-outline,.btn-soft,.btn-secondary,.btn-create,.btn-light,.btn-outline-dark,
.btn-outline-primary,.btn-outline-success,.btn-outline-info,.btn-outline-secondary,
.btn-outline-light,.back,.back-link,.top-btn,.menu-btn,.action-btn.soft{
  background:var(--card);color:var(--blue-700);border:2px solid var(--gold-500);box-shadow:var(--shadow-soft);
}
.btn-danger,.btn-outline-danger,.menu-item.logout{
  background:var(--card);color:var(--bad);border:1.5px solid var(--bad-line);box-shadow:none;
}
.btn-sm,.form-control-sm{min-height:36px;padding:6px 10px;font-size:.8rem;border-radius:12px}
.btn-warning{background:var(--gold-400);color:var(--blue-900)}
.w-100,button.w-100,.btn.w-100{width:100%}

/* alerts & badges */
.alert,.flash,.gift-alert,.gift-ok,.gift-bad,.empty{
  border-radius:14px;padding:12px 14px;font-weight:600;margin:10px 0;
  background:var(--card);border:0;border-left:5px solid var(--blue-600);color:var(--text);
}
.ok,.flash.ok,.gift-ok,.alert-success,.alert.ok{background:var(--ok-bg);color:var(--ok);border-left-color:var(--ok)}
.err,.flash.err,.gift-bad,.alert-danger,.alert.err{background:var(--bad-bg);color:var(--bad);border-left-color:var(--bad)}
.warn,.alert-warning,.alert.warn{background:var(--warn-bg);color:var(--warn);border-left-color:var(--gold-500)}
.alert-info,.alert.info,.locked{background:var(--info-bg);color:var(--blue-700);border-left-color:var(--blue-600)}
.badge,.badgex,.status-pill,.badgeS,.status,.pill-status{
  display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;
  font-size:.75rem;font-weight:700;background:var(--ice);color:var(--blue-700);
}
.bg-success,.status.done,.done,.good{background:var(--ok-bg);color:var(--ok)}
.bg-warning,.status.pending,.pending{background:var(--warn-bg);color:var(--warn)}
.bg-danger,.status.failed,.failed,.bad,.bg-secondary{background:var(--bad-bg);color:var(--bad)}
.bg-light,.bg-white{background:var(--ice);color:var(--text)}
.text-muted,.text-secondary{color:var(--text-muted)}
.text-dark,.text-center{color:inherit}
.text-decoration-none{text-decoration:none}

/* tables */
.table-responsive,.ref-table-wrap,.table-wrap{overflow-x:auto;max-width:100%;border-radius:18px}
table,.table{width:100%;border-collapse:collapse;background:var(--card);color:var(--text)}
.table thead th,table thead th,th{
  background:var(--grad-bar);color:var(--white);font-weight:700;
  font-size:.75rem;letter-spacing:.03em;text-align:left;
}
td,th{padding:12px 14px;border-bottom:1px solid var(--border-blue);vertical-align:middle}
tbody tr:nth-child(even) td{background:var(--ice)}
.table-sm td,.table-sm th{padding:8px 10px}

/* icon chips */
.icon-box,.pkg-icon,.social-icon,.earning-icon,.kpiIcon,.detail-icon,.feature-icon{
  background:var(--grad-icon);color:var(--white);
  border:3px solid var(--gold-500);border-radius:50%;
  display:grid;place-items:center;
  box-shadow:var(--shadow-icon);
}
.feature-icon svg,.icon-box svg{width:22px;height:22px;stroke:var(--white);fill:none;stroke-width:2}
.social-card.wa .social-icon,.social-card.wa2 .social-icon,.ico--wa{
  background:linear-gradient(145deg,var(--whatsapp-lite),var(--whatsapp) 60%,var(--whatsapp-deep));
  border-color:var(--white);
}

/* progress */
.bar,.progressWrap,.progressx,.progress{background:var(--ice);border-radius:999px;overflow:hidden}
.bar span,.bar i,.progress-bar,.progressx span{display:block;height:100%;background:var(--grad-btn);border-radius:999px}

/* modals */
.wa-backdrop,.share-backdrop{background:var(--overlay)}
.wa-card,.share-modal{background:var(--card);border:2px solid var(--gold-500)}
.wa-head,.share-head{background:var(--grad-bar);color:var(--white)}
.wa-head div,.share-head .ttl,.wa-title{color:var(--white)}
.toastx,.toast{
  background:var(--card);color:var(--text);border-left:5px solid var(--gold-500);
  border-radius:14px;box-shadow:var(--shadow-card);font-weight:600;
}
.share-btn{
  background:var(--card);border:1.5px solid var(--border-blue);border-radius:14px;
  color:var(--blue-700);font-weight:700;
}

/* rates / packages */
.pkg,.package-card{position:relative;overflow:hidden}
.pkg::before,.package-card::before,.plan::before{
  content:"";position:absolute;top:-4px;left:8px;width:12px;height:30px;
  background:linear-gradient(180deg,var(--gold-400),var(--gold-500));
  transform:skewX(-20deg);border-radius:0 0 4px 4px;
}
.pkg .price,.pkg-price,.plan .price{color:var(--blue-600);font-weight:700}
.package-card.active,.gw.selected,.pkg:focus{border-color:var(--blue-600);box-shadow:var(--focus),var(--shadow-card)}

/* 12. DASHBOARD (demo layout) */
.app{max-width:480px;margin:0 auto;padding:14px 12px 12px;display:flex;flex-direction:column;gap:14px}
.ico{
  flex:none;display:grid;place-items:center;border-radius:50%;color:var(--white);
  background:var(--grad-icon);border:3px solid var(--gold-500);
  box-shadow:var(--shadow-icon);position:relative;
}
.ico i{font-size:.46em;line-height:1}
.ico img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.hero{
  position:relative;overflow:hidden;background:var(--card);
  border:2px solid var(--border-blue);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);padding:20px 18px;display:flex;align-items:center;gap:18px;min-height:132px;
}
.hero__swoosh{position:absolute;top:0;right:0;width:62%;height:100%;pointer-events:none}
.hero .ico{width:84px;height:84px;font-size:44px;border-width:5px;z-index:1}
.hero__txt{position:relative;z-index:1;min-width:0}
.hero__hello{font-size:.95rem;font-weight:600;color:var(--blue-700)}
.hero__name{font-size:1.65rem;font-weight:700;line-height:1.15;overflow-wrap:anywhere;color:var(--text)}
.hero__meta{font-size:.92rem;color:var(--text);margin-top:4px;font-weight:500}
.hero__meta b{color:var(--blue-600);font-weight:700}
.ref{
  background:var(--card);border:2px solid var(--gold-500);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);padding:12px 14px 14px;
}
.ref__title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;margin-bottom:8px;color:var(--text)}
.ref__badge{
  width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,var(--gold-400),var(--gold-500));
  display:grid;place-items:center;color:var(--blue-900);font-size:16px;box-shadow:var(--shadow-gold);
}
.ref__row{display:flex;gap:10px;align-items:center}
.ref__input{flex:1;min-width:0;border-radius:999px}
.btn-copy{
  flex:none;width:64px;height:46px;border:0;border-radius:16px;cursor:pointer;color:var(--white);font-size:20px;
  display:grid;place-items:center;background:var(--grad-btn);box-shadow:var(--shadow-btn);min-height:46px;padding:0;
}
.ref__share{
  display:inline-flex;align-items:center;gap:10px;margin-top:10px;color:var(--blue-600);
  font-weight:600;font-size:1.02rem;background:transparent;border:0;box-shadow:none;padding:4px 0;min-height:0;
}
.quick{
  display:grid;grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);align-items:center;gap:4px;
  background:linear-gradient(180deg,var(--card),var(--ice));border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);padding:12px 6px;
}
.quick.is-solo{grid-template-columns:84px minmax(0,1fr)}
.quick__col{display:flex;flex-direction:column;gap:10px;min-width:0}
.pill{
  display:flex;align-items:center;gap:6px;min-height:56px;padding:4px 8px 4px 4px;min-width:0;
  background:var(--card);border:2px solid var(--gold-500);border-radius:var(--radius-md);
  box-shadow:var(--shadow-soft);font-weight:600;font-size:.72rem;line-height:1.2;color:var(--text);text-decoration:none;
}
.pill--block{margin-bottom:0}
.pill .ico{width:36px;height:36px;font-size:18px;border-width:2px}
.pill > span:not(.ico){flex:1;min-width:0}
.pill .chev,.tile .chev{color:var(--blue-600);flex:none}
.logo{
  width:84px;height:84px;border-radius:50%;background:var(--card);display:grid;place-items:center;justify-self:center;
  border:4px solid var(--blue-700);box-shadow:0 0 0 3px var(--gold-500), var(--shadow-card);overflow:hidden;padding:8px;
}
.logo .site-brand-logo{max-width:100%;max-height:100%}
.logo .site-brand-text{font-size:.62rem;text-align:center;line-height:1.15}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tile{
  position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;min-height:116px;padding:12px 6px 10px;background:linear-gradient(180deg,var(--card),var(--ice));
  border:1.5px solid var(--border-blue);border-radius:var(--radius-md);box-shadow:var(--shadow-card);
  font-weight:700;font-size:.8rem;text-align:center;color:var(--text);text-decoration:none;
}
.tile::before{
  content:"";position:absolute;top:-4px;left:8px;width:12px;height:30px;
  background:linear-gradient(180deg,var(--gold-400),var(--gold-500));transform:skewX(-20deg);border-radius:0 0 4px 4px;
}
.tile:active,.pill:active{transform:scale(.97)}
.tile .ico{width:54px;height:54px;font-size:26px}
.tile .chev{position:absolute;right:8px;bottom:10px;font-size:13px}
.section-title{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-weight:700;font-size:.95rem;color:var(--text);
}
.section-title a{font-size:.8rem}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat{padding:12px 14px}
.stat span{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted)}
.stat b{display:block;margin-top:4px;font-size:.98rem;color:var(--blue-700);word-break:break-word}
.plans{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.plan{flex:0 0 min(78%,260px);scroll-snap-align:start;padding:16px;position:relative}
.plan h3{margin:0 0 4px;font-size:1rem;position:relative}
.plan .price{font-size:1.5rem;position:relative}
.plan ul{list-style:none;margin:8px 0 0;padding:0;position:relative}
.plan li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--border-blue);font-size:.78rem;font-weight:600}
.plan .btn{position:relative;margin-top:10px;width:100%}
.levels{display:flex;gap:8px;overflow-x:auto}
.level{
  flex:none;min-width:92px;background:var(--card);border:1.5px solid var(--border-blue);
  border-radius:16px;padding:10px;text-align:center;box-shadow:var(--shadow-soft);
}
.level b{display:block;color:var(--blue-600);font-size:1.1rem}
.level span{font-size:.72rem;font-weight:700;color:var(--text-muted)}
.note{font-size:.78rem;line-height:1.45}
.gift{display:flex;gap:8px;align-items:center}
.gift input{flex:1;min-width:0}
.gift .btn{width:auto;flex:none}

/* 13. BOTTOM DOCK + SUPPORT */
.app-dock{
  position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;z-index:30;
  height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);
  background:var(--grad-bar);border-top:4px solid var(--gold-500);border-radius:30px 30px 0 0;
  display:flex;align-items:center;justify-content:space-around;color:var(--white);
  box-shadow:var(--shadow-dock);
}
.app-dock a{
  width:56px;height:48px;display:grid;place-items:center;color:var(--white);font-size:22px;text-decoration:none;
}
.app-dock__home{
  width:38px;height:38px;border-radius:50%;border:4px solid var(--gold-400);
  box-shadow:0 0 12px var(--gold-glow);display:block;
}
.tg-support-fab-wrap{
  position:fixed;right:14px;bottom:84px;z-index:31;
  display:flex;flex-direction:column;align-items:center;gap:6px;
}
.tg-support-fab{
  width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;
  color:var(--white);background:var(--grad-icon);border:3px solid var(--gold-400);
  box-shadow:var(--shadow-btn);font-size:20px;text-decoration:none;
}
.tg-support-close{
  width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  color:var(--white);background:var(--blue-900);font-size:11px;text-decoration:none;
}
.is-hidden{display:none}

/* 14. ADMIN */
.am-backdrop{display:none}
.am-sidebar{
  position:fixed;left:0;top:0;bottom:0;width:286px;z-index:40;overflow:auto;
  background:var(--grad-bar);color:var(--white);padding:18px 14px 28px;
  border-right:4px solid var(--gold-500);
}
.am-brand{padding:8px 8px 16px;border-bottom:1px solid var(--line-on-blue);margin-bottom:10px}
.am-brand p{margin:8px 0 0;color:var(--gold-400);font-size:.8rem;font-weight:600}
.am-brand .site-brand-text{color:var(--white);font-size:1.25rem}
.am-nav-title{
  font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-400);
  font-weight:700;margin:16px 8px 6px;
}
.am-nav a{
  display:flex;align-items:center;gap:10px;padding:11px 12px;margin:4px 0;border-radius:14px;
  text-decoration:none;color:var(--white);font-weight:600;font-size:.92rem;
}
.am-nav a:hover{background:var(--line-on-blue)}
.am-nav a.am-active{background:var(--card);color:var(--blue-900);box-shadow:var(--shadow-soft)}
.am-main{margin-left:286px;min-height:100vh}
.am-topbar{
  position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 22px;background:var(--card);border-bottom:4px solid var(--gold-500);
}
.am-topbar-start{display:flex;align-items:center;gap:12px}
.am-topbar h1{margin:0;font-size:1.45rem;color:var(--blue-900)}
.am-topbar p{margin:2px 0 0;color:var(--text-muted);font-size:.85rem;font-weight:600}
.am-user{
  background:var(--ice);border:1.5px solid var(--border-blue);border-radius:16px;
  padding:8px 12px;font-weight:700;color:var(--blue-700);white-space:nowrap;
}
.am-content{padding:18px 18px 40px}
.am-content .wrap,.am-content .container,.am-content .container-fluid{max-width:none;width:auto;margin:0;padding:0}
.am-mobile-toggle{
  display:none;border:2px solid var(--gold-500);background:var(--card);color:var(--blue-700);
  border-radius:14px;min-height:42px;padding:8px 12px;font-weight:800;box-shadow:none;
}
.am-stat-grid,.statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.am-stat,.statgrid .stat{background:var(--card);border:1.5px solid var(--border-blue);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-card)}
.am-stat .label,.stat .label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}
.am-stat .value,.stat .value,.big{font-size:1.7rem;font-weight:800;color:var(--blue-900);line-height:1.1}
.am-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.am-section-title h3,.am-section-title h5{margin:0}
.am-chart{
  height:210px;background:var(--ice);border-radius:22px;padding:18px;
  display:flex;align-items:flex-end;gap:8px;border:1.5px solid var(--border-blue);
}
.am-bar{background:var(--grad-bar);border-radius:12px 12px 0 0;flex:1;min-height:8px}
.cardx,.am-content .card{padding:16px;margin-bottom:14px}
.denied{font-family:var(--font);padding:28px;color:var(--text)}
.secret{font-family:ui-monospace,monospace;font-size:1rem;word-break:break-all;background:var(--ice);border:1.5px dashed var(--border-blue);border-radius:12px;padding:12px}
.qr{width:220px;min-height:220px;display:flex;align-items:center;justify-content:center;background:var(--card);border:1.5px solid var(--border-blue);border-radius:14px;padding:10px}
.thread{display:block;padding:10px;border:1.5px solid var(--border-blue);border-radius:12px;text-decoration:none;color:var(--text);margin-bottom:7px;background:var(--card)}
.thread.active{background:var(--info-bg);border-color:var(--blue-500)}
.msg{padding:10px 12px;border-radius:14px;margin:8px 0;max-width:76%}
.msg.user{background:var(--info-bg)}
.msg.admin{background:var(--ok-bg);margin-left:auto}
.perm{display:inline-block;margin:3px 9px 3px 0}
.gateway-note{font-size:.75rem;color:var(--text-muted);font-weight:700}
.gateway-actions,.nowrap{white-space:nowrap}
.slip-actions{display:flex;flex-wrap:wrap;gap:6px}
.num{font-weight:800;color:var(--blue-700)}
.steps{display:flex;gap:6px;margin:8px 0 12px}
.steps .s{
  flex:1;text-align:center;font-size:.72rem;font-weight:700;padding:8px 4px;border-radius:999px;
  background:var(--card);border:1.5px solid var(--border-blue);color:var(--text-muted);
}
.steps .s.active{background:var(--grad-btn);color:var(--white);border-color:transparent}
.steps .s.done{border-color:var(--gold-500);color:var(--blue-700)}

/* 15. UTILITIES */
.row{display:flex;flex-wrap:wrap;gap:12px}
.row > *{min-width:0}
.row > [class*="col-"]{flex:1 1 100%}
.g-2{gap:.5rem}.g-3{gap:1rem}.g-4{gap:1.5rem}
.col-12{flex:1 1 100%;width:100%}
.col-6{flex:1 1 calc(50% - 12px);width:calc(50% - 12px)}
.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none}.d-inline{display:inline}
.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.align-items-start{align-items:flex-start}
.align-middle{vertical-align:middle}
.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}
.w-100{width:100%}.ms-auto{margin-left:auto}.me-1{margin-right:.25rem}.ms-2{margin-left:.5rem}
.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}
.p-3{padding:1rem}.p-4{padding:1.5rem}.py-3{padding-top:1rem;padding-bottom:1rem}
.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-5{padding-top:2rem;padding-bottom:2rem}
.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}
.text-center{text-align:center}.text-end{text-align:right}
.fw-bold{font-weight:700}.fw-semibold{font-weight:600}
.fs-5{font-size:1.25rem}.fs-6{font-size:1rem}
.border{border:1px solid var(--border-blue)}.border-0{border:0}
.border-bottom{border-bottom:1px solid var(--border-blue)}
.rounded-3{border-radius:16px}.rounded-4{border-radius:18px}
.shadow-sm{box-shadow:var(--shadow-soft)}
.container{width:min(720px,calc(100% - 24px));margin:24px auto}
.form-check{display:flex;align-items:center;gap:8px}
.form-check-label{margin:0}
.input-group-text{display:flex;align-items:center;padding:0 12px;background:var(--ice);border:1.5px solid var(--border-blue);border-radius:12px;font-weight:700;color:var(--blue-700)}

@media (min-width:768px){
  .col-md-1{flex-basis:8.33%;width:8.33%}
  .col-md-2{flex-basis:16.66%;width:16.66%}
  .col-md-3{flex-basis:25%;width:25%}
  .col-md-4{flex-basis:33.33%;width:33.33%}
  .col-md-5{flex-basis:41.66%;width:41.66%}
  .col-md-6{flex-basis:50%;width:50%}
  .col-md-7{flex-basis:58.33%;width:58.33%}
  .col-md-8{flex-basis:66.66%;width:66.66%}
  .col-md-10{flex-basis:83.33%;width:83.33%}
  .d-md-inline{display:inline}
  .p-md-5{padding:2rem}
  body.by-client{padding-top:8px}
}
@media (min-width:992px){
  .col-lg-4{flex-basis:33.33%;width:33.33%}
  .col-lg-5{flex-basis:41.66%;width:41.66%}
  .col-lg-7{flex-basis:58.33%;width:58.33%}
  .col-lg-8{flex-basis:66.66%;width:66.66%}
}
@media (min-width:1200px){
  .col-xl-4{flex-basis:33.33%;width:33.33%}
  .col-xl-6{flex-basis:50%;width:50%}
  .col-xl-8{flex-basis:66.66%;width:66.66%}
}
@media (max-width:900px){
  .am-sidebar{transform:translateX(-105%);transition:transform .22s ease}
  .am-sidebar.am-open{transform:translateX(0)}
  .am-main{margin-left:0}
  .am-mobile-toggle{display:inline-flex}
  .am-backdrop.am-show{display:block;position:fixed;inset:0;background:var(--overlay);z-index:39}
  .am-topbar{padding:12px 14px}
  .am-content{padding:14px 12px 28px}
  .am-user{display:none}
  .am-stat-grid,.statgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:650px){
  .am-stat-grid,.statgrid{grid-template-columns:1fr}
  .am-topbar p{display:none}
  .site-brand-logo{max-width:132px;max-height:44px}
}
@media (max-width:360px){
  .hero__name{font-size:1.35rem}
  .hero .ico{width:70px;height:70px;font-size:36px}
  .quick,.quick.is-solo{grid-template-columns:1fr}
  .logo{width:70px;height:70px;order:-1}
  .pill{font-size:.68rem}
  .tile{font-size:.74rem}
}


/* 16. VIP POLISH — same look as home.css (client pages only: body.by-client)
   Round gold-ringed buttons, soft glossy cards, gold-edged bars and tables.
   Dashboard + menu have their own file: dashboard.css */
body.by-client{font-family:var(--font)}
body.by-client h1,body.by-client h2{font-weight:800;letter-spacing:-.025em}
body.by-client .card,body.by-client .cardx,body.by-client .panel,body.by-client .box,
body.by-client .info-card,body.by-client .paycard,body.by-client .pay-card,body.by-client .package-card,
body.by-client .pkg,body.by-client .social-card,body.by-client .login-card,body.by-client .detail-card,
body.by-client .level-card,body.by-client .levelItem,body.by-client .bonus-card,body.by-client .salaryBox,
body.by-client .task,body.by-client .progress-card{
  background:linear-gradient(180deg,#fff,#F7FAFF);
  border:1.5px solid var(--border-blue);
  border-radius:24px;
  box-shadow:0 10px 28px rgba(11,63,191,.14);
}
body.by-client .btn,body.by-client .btnx,body.by-client .btn-main,body.by-client .btn-primary,
body.by-client .btn-login,body.by-client .btnGrad,body.by-client .claimBtn,body.by-client .gift-btn,
body.by-client .action-btn,body.by-client .copybtn,body.by-client .btn-grad,body.by-client .by-plan-go{
  border-radius:999px;
  box-shadow:0 8px 18px rgba(11,63,191,.35),inset 0 1px 2px rgba(255,255,255,.5);
}
body.by-client .btn-warning,body.by-client .btn-gold{
  background:linear-gradient(180deg,var(--gold-400),var(--gold-500));color:var(--blue-900);
  box-shadow:0 8px 20px rgba(249,184,0,.45),inset 0 1px 2px rgba(255,255,255,.6);
}
body.by-client .btn-outline,body.by-client .btn-soft,body.by-client .btn-secondary,body.by-client .btn-light,
body.by-client .back,body.by-client .back-link,body.by-client .top-btn,body.by-client .action-btn.soft{
  border-radius:999px;background:#fff;color:var(--blue-700);border:2px solid var(--gold-500);box-shadow:var(--shadow-soft);
}
body.by-client .topbar,body.by-client .header{border-bottom:3px solid var(--gold-500)}
body.by-client table thead th,body.by-client .table thead th{
  background:linear-gradient(145deg,var(--blue-700),var(--blue-900));border-bottom:3px solid var(--gold-500);
}
body.by-client .table-responsive,body.by-client .table-wrap{border:1.5px solid var(--border-blue);border-radius:20px}
body.by-client .panel-badge,body.by-client .hero-chip,body.by-client .section-pill,body.by-client .menu-pill,
body.by-client .panel-pill,body.by-client .earning-pill,body.by-client .lvl{
  background:var(--info-bg);color:var(--blue-600);border-color:var(--border-blue);
}
body.by-client input:focus,body.by-client select:focus,body.by-client textarea:focus{border-color:var(--gold-500);box-shadow:0 0 0 4px rgba(249,184,0,.22)}
body.by-client a:focus-visible,body.by-client button:focus-visible{outline:3px solid var(--blue-500);outline-offset:2px}
@media (prefers-reduced-motion:reduce){body.by-client *{scroll-behavior:auto}}