:root{--p:#5627d8;--p2:#1b68e5;--ink:#172033;--muted:#667085;--line:#e6e8ef;--bg:#f6f7fb;--dark:#101828;--green:#12a150;--red:#d92d20}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Noto Sans Bengali",sans-serif}a{text-decoration:none;color:inherit}img,video{max-width:100%}
.notice{display:flex;justify-content:space-between;gap:20px;padding:12px 6vw;background:#eee9ff;color:#293047;white-space:nowrap;overflow:hidden}.topbar{height:76px;padding:0 6vw;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.brand{font-size:28px;font-weight:900;color:var(--p)}nav{display:flex;gap:22px;align-items:center}.nav-btn,.btn{border:0;border-radius:6px;background:var(--p);color:white;padding:11px 18px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.btn.ghost{background:white;color:var(--p);border:1px solid var(--p)}.btn.dark{background:var(--dark)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;padding:70px 6vw;align-items:center;background:#eee9ff;min-height:560px}.hero h1{font-size:56px;line-height:1.08;margin:0 0 18px}.hero p{font-size:20px;color:#3f485b}.eyebrow{font-weight:900;color:var(--p)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.media{aspect-ratio:16/9;background:#111827;color:white;border-radius:8px;display:grid;place-items:center;text-align:center;overflow:hidden}.media span{display:block;color:#cbd5e1;margin-top:8px}.media video{width:100%;height:100%;object-fit:cover}
.hero-video-field{position:relative;display:flex;align-items:center;min-height:560px;overflow:hidden;background:linear-gradient(135deg,#eaf8ef 0%,#f7fff9 62%,#dff7e7 100%)}.hero-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-video-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(238,255,244,.9) 0%,rgba(238,255,244,.72) 44%,rgba(238,255,244,.36) 100%)}.hero-video-field .hero-copy{position:relative;z-index:2;max-width:620px}.hero-video-field .hero-copy h1,.hero-video-field .hero-copy p,.hero-video-field .eyebrow{text-shadow:0 2px 18px rgba(255,255,255,.7)}.hero-video-empty{position:absolute;right:6vw;top:50%;transform:translateY(-50%);z-index:2;width:min(420px,42vw);aspect-ratio:16/9;background:#087a36;color:#fff;border-radius:8px;display:grid;place-items:center;text-align:center}.hero-video-empty span{display:block;margin-top:8px;color:#eafff1}
.wrap,.panel,.balance,.user-grid{width:min(1180px,92vw);margin:30px auto}.wide{width:min(1280px,94vw)}.small{max-width:560px}.panel,.card,.balance{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 24px rgba(16,24,40,.06);padding:24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card h3{margin-top:0}.link-card span{color:var(--muted);font-weight:700}.link-card h2{font-size:36px;margin:8px 0 0}.section-head{display:flex;align-items:center;justify-content:space-between}.balance{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--p),var(--p2));color:white}.balance h1{font-size:46px;margin:6px 0}.quick{display:flex;gap:12px;flex-wrap:wrap}.user-grid{display:grid;grid-template-columns:240px 1fr;gap:22px}.user-menu{background:var(--dark);border-radius:8px;padding:14px;display:grid;gap:6px;align-content:start}.user-menu a{color:white;padding:11px;border-radius:6px}.user-menu a:hover{background:rgba(255,255,255,.1)}
.form{display:grid;gap:15px}.inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end;margin-bottom:18px}label{display:grid;gap:7px;font-weight:800}input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:12px;font:inherit;background:white}textarea{min-height:95px}table{width:100%;border-collapse:collapse;background:white}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.02em}.alert{width:min(1180px,92vw);margin:16px auto 0;padding:13px 16px;border-radius:6px;background:#e0f2fe}.success{background:#dcfce7;color:#166534}.danger{background:#fee2e2;color:#991b1b}.muted{color:var(--muted)}footer{text-align:center;color:var(--muted);padding:30px}
.kyc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kyc-form .btn,.form-section{grid-column:1/-1}.form-section{margin:18px 0 0;padding:14px 16px;background:#f1f5f9;border-radius:6px;font-size:20px}.req{color:var(--red);margin-left:4px}
.plan-note{font-size:13px;line-height:1.5;color:#374151;background:#f8fafc;border:1px solid var(--line);border-radius:6px;padding:10px;margin:10px 0}
.admin-body{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:#f4f6fb}.admin-sidebar{background:#111827;color:#d1d5db;padding:18px;display:grid;gap:5px;align-content:start;height:100vh;position:sticky;top:0;overflow:auto}.admin-logo{font-size:26px;font-weight:900;color:white;padding:12px 10px 20px}.admin-sidebar a{padding:11px 12px;border-radius:6px}.admin-sidebar a:hover{background:#1f2937;color:white}.admin-main{padding:24px;min-width:0}.admin-top{height:58px;background:white;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;margin-bottom:22px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.stat-card,.admin-card{background:white;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 8px 20px rgba(16,24,40,.05)}.stat-card span{color:var(--muted);font-weight:800}.stat-card h2{font-size:36px;margin:8px 0 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions a,.actions button{font-weight:900}.action-form{display:inline-flex;margin:0}
.admin-menu-group{border:1px solid rgba(255,255,255,.12);border-radius:8px;margin:4px 0;background:rgba(255,255,255,.04);overflow:hidden}.admin-menu-group summary{list-style:none;cursor:pointer;padding:12px;border-radius:8px;background:linear-gradient(135deg,#065f46,#16a34a);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:space-between}.admin-menu-group summary::-webkit-details-marker{display:none}.admin-menu-group summary::after{content:"+";font-size:16px;font-weight:900}.admin-menu-group[open] summary::after{content:"-"}.admin-menu-group div{display:grid;gap:3px;padding:7px}.admin-menu-group a{padding:9px 10px 9px 18px;background:rgba(255,255,255,.03);border-left:3px solid transparent}.admin-menu-group a:hover{background:#1f2937;border-left-color:#22c55e}.admin-sidebar>.menu-label{margin-top:8px}
.admin-sidebar>.menu-label{padding:8px 10px 3px;color:#86efac;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.admin-sidebar>a{background:linear-gradient(135deg,#065f46,#16a34a);border:1px solid rgba(255,255,255,.12);color:#fff!important;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.14)}.admin-sidebar>a:hover{background:linear-gradient(135deg,#047857,#22c55e);color:#fff;transform:translateY(-1px)}.admin-sidebar>a[href*="logout"]{background:linear-gradient(135deg,#7f1d1d,#dc2626);margin-top:4px}
@keyframes liveLogoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.04)}}@keyframes liveLogoGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(34,197,94,0))}50%{filter:drop-shadow(0 0 12px rgba(34,197,94,.55))}}.live-logo{display:block;max-width:150px;max-height:58px;width:auto;height:auto;object-fit:contain;animation:liveLogoFloat 3.2s ease-in-out infinite,liveLogoGlow 2.8s ease-in-out infinite}.brand{min-width:70px;display:flex;align-items:center}.brand .live-logo{max-width:180px;max-height:52px}.admin-logo{min-height:64px;display:flex;align-items:center}.admin-logo .live-logo{max-width:180px;max-height:68px}.logo-upload-box{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:18px;align-items:center;border:1px solid #dbeee2;border-radius:8px;background:#f8fffb;padding:16px}.logo-preview{min-width:180px;min-height:90px;display:grid;place-items:center;border:1px dashed #86efac;border-radius:8px;background:#fff}.logo-preview img{max-width:220px;max-height:110px;width:auto;height:auto;object-fit:contain;animation:liveLogoFloat 3.2s ease-in-out infinite,liveLogoGlow 2.8s ease-in-out infinite}
.video-preview{width:min(340px,32vw);aspect-ratio:16/9;border:1px dashed #86efac;border-radius:8px;background:#052e16;overflow:hidden}.video-preview video{width:100%;height:100%;object-fit:cover;display:block}
.action-btn,.actions a,.actions button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:7px 10px;border-radius:7px;background:#eef2ff;color:#3730a3!important;border:1px solid #c7d2fe;font-size:12px;line-height:1;box-shadow:0 6px 14px rgba(15,23,42,.07);font-family:inherit;cursor:pointer}.action-btn.info,.actions a[href*="detail"],.actions a[href*="kyc"]{background:#e0f2fe;color:#0369a1!important;border-color:#7dd3fc}.action-btn.approve,.actions a[href*="approve"],.actions a[href*="email-verify"],.actions a[href*="mobile-verify"],.actions a[href*="active"]{background:#dcfce7;color:#166534!important;border-color:#86efac}.action-btn.reject,.actions a[href*="reject"],.actions a[href*="ban"],.actions a[href*="unverify"]{background:#fee2e2;color:#991b1b!important;border-color:#fca5a5}.action-btn.warn,.actions a[href*="KYC"]{background:#fef3c7;color:#92400e!important;border-color:#fcd34d}.action-btn:hover,.actions a:hover,.actions button:hover{filter:saturate(1.15);transform:translateY(-1px)}
.user-search-card{margin-bottom:16px}.admin-search-form{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:end}.admin-search-form label{font-size:13px;color:var(--muted)}.admin-search-form .btn{height:45px}.user-search-card .muted{margin:12px 0 0}
.menu-label{color:#7f8aa3;font-size:11px;text-transform:uppercase;font-weight:900;margin:12px 10px 4px}.admin-two{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:20px}.module-list{display:grid;gap:10px}.module-list div{display:grid;grid-template-columns:36px 1fr auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:12px;background:#fbfcff}.module-list span{width:28px;height:28px;border-radius:50%;background:#eee9ff;color:var(--p);display:grid;place-items:center;font-weight:900}.module-list em{font-style:normal;color:var(--green);font-weight:900}.module-list a{color:var(--p);font-weight:900}.module-list.compact div{grid-template-columns:36px 1fr auto}.module-list.compact a{display:none}
.rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.rule-grid div{border:1px solid var(--line);border-radius:7px;padding:12px;background:#fbfcff}.rule-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.rule-grid strong{display:block;margin-top:6px}.action-row{margin-top:12px}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-weight:700}.check input{width:auto}hr{border:0;border-top:1px solid var(--line);margin:20px 0}
.admin-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.request-jump{display:flex;gap:10px;flex-wrap:wrap}.request-tables .admin-card{overflow:auto}.request-tables table{font-size:12px}.request-tables th,.request-tables td{padding:10px 8px}
.editable-plan-table{overflow:auto}.editable-plan-table table{min-width:980px}.editable-plan-table input,.editable-plan-table select{min-height:34px;padding:8px 9px;font-size:12px}.plan-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.withdraw-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.nested{width:auto;margin:0;box-shadow:none}.summary-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-box div,.info-row{display:flex;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:7px;padding:12px;background:#fbfcff;margin-bottom:10px}.summary-box span,.info-row span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.instruction{border:1px solid var(--line);border-radius:7px;padding:12px;background:#f8fafc}.btn.danger{background:var(--red)}
.withdraw-notice-page{display:grid;gap:18px}.withdraw-notice-page h1{margin-bottom:0}.notice-card{display:grid;gap:8px}.withdraw-notice-page .instruction{font-size:16px;line-height:1.6;color:#12301f;background:#f4fff8}
.withdraw-preview-page{overflow:hidden}.withdraw-preview-page h1{font-size:42px;margin:0 0 18px}.withdraw-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.withdraw-preview-card{min-width:0;padding:22px}.withdraw-preview-card h2{font-size:28px;margin:0 0 16px}.withdraw-preview-card .info-row{align-items:center;min-width:0}.withdraw-preview-card .info-row strong{font-size:18px;min-width:0;overflow-wrap:anywhere;text-align:right}.withdraw-preview-card .instruction{font-size:16px;line-height:1.55;overflow-wrap:anywhere}
.withdraw-preview-card .withdraw-notice-amount strong,.withdraw-preview-card .withdraw-notice-message{color:#dc2626!important;font-weight:950!important}.withdraw-preview-card .withdraw-notice-amount span{color:#991b1b!important}.withdraw-preview-card .withdraw-notice-message{border-color:#fecaca!important;background:#fff5f5!important}
.kyc-thumb{width:180px;max-height:180px;object-fit:contain;border:1px solid var(--line);border-radius:7px;background:#f8fafc;padding:4px}
.signature-field{grid-column:1/-1}.signature-pad{position:relative;display:block;width:100%;min-height:190px;padding:12px;border:1px solid #b7e4c7;border-radius:8px;background:linear-gradient(135deg,#f7fff9,#eefbf3);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 32px rgba(18,161,80,.12)}.signature-pad::before{content:"";position:absolute;left:18px;right:18px;bottom:54px;border-bottom:1px dashed rgba(5,46,26,.28);pointer-events:none}.signature-pad canvas{display:block;width:100%;height:145px;border-radius:7px;background:linear-gradient(180deg,#fff,#fbfffd);touch-action:none;cursor:crosshair}.signature-clear{position:absolute;right:12px;bottom:10px;border:1px solid #bbf7d0;border-radius:999px;background:#fff;color:#087a36;padding:7px 14px;font-weight:900;box-shadow:0 8px 18px rgba(8,122,54,.12);cursor:pointer}.signature-preview{display:block;width:min(100%,420px);max-height:170px;object-fit:contain;margin-top:10px;border:1px solid #b7e4c7;border-radius:8px;background:#fff;padding:10px;box-shadow:0 10px 24px rgba(18,161,80,.1)}.signature-readonly{grid-column:1/-1}
.withdraw-proof-box{border:1px solid #bbf7d0;border-radius:10px;background:#f7fff9;padding:14px;margin:14px 0}.proof-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.withdraw-proof-img{display:block;width:100%;max-height:520px;object-fit:contain;border:1px solid #dbeee2;border-radius:8px;background:white;padding:6px}
.user-page-shortcuts{width:min(1180px,92vw);margin:18px auto 0}
.user-dashboard{width:min(1180px,96vw);margin:18px auto 70px;color:#172033}.user-dashboard *{letter-spacing:0}.dash-titlebar{height:48px;display:flex;align-items:center;justify-content:space-between}.dash-titlebar h1{font-size:18px;margin:0;font-weight:800}.dash-titlebar span{font-size:12px;color:#5d667a}.dash-alert{background:#fff;border:1px solid #f6a21a;border-radius:2px;padding:14px 18px;margin-bottom:14px}.dash-alert strong{display:block;color:#f39800;font-size:16px;margin-bottom:8px}.dash-alert span{display:block;border-top:1px solid #d7dce7;padding-top:9px;color:#3478c9;font-size:12px}.dash-alert a{display:inline-block;margin-top:7px;color:#3478c9;font-size:12px}.dash-action-panel{background:linear-gradient(135deg,#087a36 0%,#21c45a 100%);border-radius:9px;padding:10px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.dash-service-card{width:102px;min-height:82px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7px 5px;color:#1e293b}.dash-service-card i{width:24px;height:24px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:900;font-size:14px;margin-bottom:5px}.dash-service-card strong{font-size:9px;line-height:1.2}.dash-service-card span{font-size:8px;color:#607089;margin-top:2px}.dash-service-card.green i{background:#16a34a}.dash-service-card.teal i{background:#22c55e}.dash-service-card.gold i{background:#f6b51d}.dash-service-card.violet i{background:#7367f0}.dash-service-card.red i{background:#ff3d3d}.dash-service-card.pink i{background:#ff2f87}.dash-service-card.gray i{background:#64748b}.dash-recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:linear-gradient(135deg,#087a36,#21c45a);border-radius:9px;margin-top:14px;padding:12px}.dash-recent-card h2{font-size:15px;color:#eaffff;margin:0 0 10px}.dash-recent-card table{border-radius:4px;overflow:hidden;font-size:11px}.dash-recent-card th,.dash-recent-card td{padding:10px 12px;border-bottom:1px solid #edf2f7}.dash-recent-card th{font-size:10px;color:#475569;background:#fff}.dash-recent-card td{background:#fff;color:#1f2937}.dash-shortcuts{background:linear-gradient(135deg,#087a36 0%,#21c45a 100%);border:0;border-radius:9px;box-shadow:0 8px 20px rgba(16,24,40,.05);margin-top:18px;padding:12px;display:flex;gap:8px;flex-wrap:wrap}.dash-shortcut{width:88px;min-height:58px;background:#fff;border:1px solid rgba(255,255,255,.22);border-radius:3px;display:grid;place-items:center;text-align:center;padding:8px 5px;color:#344054}.dash-shortcut b{font-size:15px;color:#4c5f7a}.dash-shortcut span{font-size:9px;line-height:1.15}.dash-shortcut.active{background:#16a34a;color:#fff;border-color:#16a34a}.dash-shortcut.active b{color:#fff}
@media(max-width:900px){.hero,.user-grid,.admin-body,.admin-three,.logo-upload-box{grid-template-columns:1fr}.hero h1{font-size:38px}.topbar,.notice,.balance{height:auto;align-items:flex-start;flex-direction:column;padding:16px 5vw}.topbar nav{width:100%;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.topbar nav a{font-size:14px;line-height:1.2}.brand .live-logo{max-width:120px;max-height:54px}.admin-sidebar{position:static;height:auto}.admin-main{padding:14px}.dash-action-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.dash-service-card{width:100%;min-width:0}.dash-recent-grid{grid-template-columns:1fr}.dash-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dash-shortcut{width:100%;min-width:0}.wrap,.panel,.balance,.user-grid,.user-page-shortcuts{width:min(100% - 18px,1180px)}.admin-card,.panel,.card{max-width:100%;overflow-x:auto}table{min-width:0}}
@media(max-width:520px){.user-dashboard{width:min(100% - 12px,480px);margin-top:12px}.dash-service-card{width:100%;min-height:76px;padding:8px 4px}.dash-service-card strong{font-size:8.5px;overflow-wrap:anywhere}.dash-service-card span{font-size:7.5px;overflow-wrap:anywhere}.dash-service-card i{width:22px;height:22px;font-size:13px}.dash-action-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:7px;gap:7px}.dash-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-recent-card table{font-size:10px}.dash-recent-card th,.dash-recent-card td{padding:8px 6px}.kyc-form,.summary-box,.withdraw-grid,.admin-search-form{grid-template-columns:1fr}.topbar nav{gap:10px 12px}.topbar nav a{font-size:13px}.hero h1{font-size:34px}.hero p{font-size:16px}.hero-actions .btn{padding:10px 12px}}
.video-preview{max-width:100%}@media(max-width:900px){.video-preview{width:100%}}
.hero-video-field .hero-copy{padding-right:0}.hero-video-field .btn.ghost{background:rgba(255,255,255,.88)}@media(max-width:900px){.hero-video-field{min-height:520px}.hero-video-empty{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:420px;margin-top:24px}.hero-video-shade{background:rgba(238,255,244,.76)}}

/* Premium green theme */
:root{--p:#087a36;--p2:#21c45a;--green-dark:#075b2b;--green-soft:#eaf8ef;--gold:#f6b51d}
body{background:linear-gradient(180deg,#f6fbf7 0%,#eef6f1 42%,#f8fafc 100%);color:#102018}
.notice{background:#eaf8ef;color:#0b3d22;border-bottom:1px solid #d8efdf}
.bottom-notice{border-bottom:0;border-top:1px solid #d8efdf;margin-top:26px}
.topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid #dceee3;box-shadow:0 10px 26px rgba(8,122,54,.08)}
.brand{color:#087a36;letter-spacing:.02em}
nav a{color:#102018;font-weight:800}
nav a:hover{color:#087a36}
.nav-btn,.btn{background:linear-gradient(135deg,#087a36,#21c45a);box-shadow:0 8px 18px rgba(8,122,54,.22)}
.btn.ghost{background:#fff;color:#087a36;border-color:#16a34a;box-shadow:none}
.btn.dark{background:#075b2b}
.hero{background:linear-gradient(135deg,#eaf8ef 0%,#f7fff9 62%,#dff7e7 100%)}
.hero h1,.panel h1,.wrap h1{color:#082f1a}
.eyebrow{color:#087a36}
.media{background:linear-gradient(135deg,#075b2b,#16a34a)}
.panel,.card,.balance,.admin-card,.stat-card{border:1px solid #dbeee2;box-shadow:0 14px 32px rgba(8,122,54,.08)}
.panel,.card{background:rgba(255,255,255,.96)}
.balance{background:linear-gradient(135deg,#075b2b,#21c45a)}
.link-card:hover,.card:hover{border-color:#16a34a;box-shadow:0 16px 34px rgba(8,122,54,.14)}
input:focus,textarea:focus,select:focus{outline:2px solid rgba(33,196,90,.22);border-color:#16a34a}
th{color:#075b2b;background:#f3fbf5}
td{background:#fff}
.alert{border:1px solid #ccebd5}
.success{background:#dcfce7;color:#166534}
.danger{background:#fee2e2;color:#991b1b}
.user-menu{background:linear-gradient(180deg,#075b2b,#087a36)}
.user-menu a:hover{background:rgba(255,255,255,.14)}
.admin-sidebar{background:linear-gradient(180deg,#052e16,#075b2b)}
.admin-sidebar a:hover{background:rgba(255,255,255,.12)}
.admin-logo{color:#dfffe8}
.admin-top{border-color:#dbeee2;box-shadow:0 10px 24px rgba(8,122,54,.07)}
.actions a,.module-list a{color:#087a36}
.module-list span{background:#eaf8ef;color:#087a36}
.module-list em{color:#16a34a}
.form-section,.plan-note,.instruction,.rule-grid div,.summary-box div,.info-row{background:#f7fff9;border-color:#dbeee2}
footer{color:#38624a}
.dash-alert{background:#fffdf7;border-color:#f6b51d;box-shadow:0 10px 24px rgba(246,181,29,.08)}
.dash-alert strong{color:#d98b00}
.dash-action-panel,.dash-recent-grid,.dash-shortcuts{background:linear-gradient(135deg,#087a36 0%,#21c45a 100%);box-shadow:0 16px 34px rgba(8,122,54,.18)}
.dash-service-card,.dash-shortcut{box-shadow:0 8px 18px rgba(6,95,40,.08)}
.dash-service-card:hover,.dash-shortcut:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(6,95,40,.16)}
.dash-service-card,.dash-shortcut{transition:transform .15s ease,box-shadow .15s ease}
.dash-service-card.green i,.dash-shortcut.active{background:linear-gradient(135deg,#059669,#22c55e);border-color:#16a34a}.dash-service-card.teal i{background:linear-gradient(135deg,#0d9488,#2dd4bf)}.dash-service-card.gold i{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.dash-service-card.violet i{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.dash-service-card.red i{background:linear-gradient(135deg,#ef4444,#fb7185)}.dash-service-card.pink i{background:linear-gradient(135deg,#ec4899,#f472b6)}.dash-service-card.gray i{background:linear-gradient(135deg,#475569,#94a3b8)}
.dash-icon svg{width:16px;height:16px;display:block;stroke:currentColor;fill:none;stroke-width:2.45;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.dash-icon svg path{vector-effect:non-scaling-stroke}
.dash-photo-icon{overflow:hidden!important;background:linear-gradient(135deg,#dcfce7,#fff)!important;padding:2px!important}.dash-photo-icon img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:inherit!important}
@keyframes dashCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes dashCardShine{0%{transform:translateX(-130%) rotate(16deg)}60%,100%{transform:translateX(190%) rotate(16deg)}}@keyframes dashIconPulse{0%,100%{box-shadow:inset 0 -2px 5px rgba(0,0,0,.14),0 7px 14px rgba(8,122,54,.18)}50%{box-shadow:inset 0 -2px 5px rgba(0,0,0,.12),0 9px 18px rgba(22,163,74,.28)}}.dash-action-panel .dash-service-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffff 0%,#fafffc 56%,#effaf3 100%);border-color:rgba(8,122,54,.12);box-shadow:0 12px 26px rgba(6,95,40,.12);animation:dashCardFloat 4.8s ease-in-out infinite}.dash-action-panel .dash-service-card::before{content:"";position:absolute;top:-28%;bottom:-28%;left:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);opacity:.58;animation:dashCardShine 5.5s ease-in-out infinite;z-index:0}.dash-action-panel .dash-service-card:nth-child(2n){animation-delay:.45s}.dash-action-panel .dash-service-card:nth-child(3n)::before{animation-delay:1.1s}.dash-action-panel .dash-service-card>*{position:relative;z-index:1}.dash-action-panel .dash-service-card i{animation:dashIconPulse 3.8s ease-in-out infinite}.dash-action-panel .dash-service-card strong{color:#062d1a;text-shadow:0 1px 0 rgba(255,255,255,.7)}.dash-action-panel .dash-service-card span{color:#31566f;font-weight:800}.dash-action-panel .dash-service-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(6,95,40,.18);border-color:rgba(22,163,74,.3)}
.plan-wrap .section-head{margin-bottom:18px}.plan-wrap .section-head h1{font-size:34px}.plan-wrap .section-head a{color:#087a36;font-weight:900}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.loan-card{position:relative;overflow:hidden;min-height:255px;border:1px solid #cfeede;background:linear-gradient(145deg,#ffffff 0%,#f6fff8 58%,#e7f9ed 100%);padding:26px}.loan-card::before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#087a36,#21c45a,#f6b51d)}.loan-card::after{content:"";position:absolute;right:-48px;bottom:-58px;width:150px;height:150px;border-radius:50%;background:rgba(33,196,90,.12)}.loan-card:nth-child(2n){background:linear-gradient(145deg,#ffffff 0%,#f7fffb 52%,#ddf7e7 100%);border-color:#16a34a}.loan-card:nth-child(3n)::before{background:linear-gradient(90deg,#f6b51d,#21c45a)}.loan-card h3{font-size:26px;margin:8px 0 18px;color:#052e16}.loan-range{font-size:20px;font-weight:900;color:#075b2b;margin-bottom:16px}.loan-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.loan-meta span{background:#eaf8ef;color:#075b2b;border:1px solid #cbeed7;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.loan-fee{color:#526371;font-size:13px;margin:0 0 12px}.loan-card .plan-note{max-height:70px;overflow:auto;font-size:12px}.loan-card .btn{margin-top:8px;position:relative;z-index:1}
@keyframes loanMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.loan-marquee{overflow:hidden;width:100%;padding:22px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.loan-marquee-track{display:flex;gap:18px;width:max-content;animation:loanMarquee 28s linear infinite}.loan-marquee:hover .loan-marquee-track{animation-play-state:paused}.loan-marquee .loan-card{width:270px;flex:0 0 270px}.loan-page-marquee .loan-card{width:300px;flex-basis:300px}
@keyframes loanGlow{0%{transform:translateX(-140%) rotate(12deg)}55%,100%{transform:translateX(180%) rotate(12deg)}}@keyframes loanFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.loan-card{animation:loanFloat 5s ease-in-out infinite;background-size:180% 180%;border:0;color:#fff;box-shadow:0 18px 36px rgba(8,122,54,.18)}.loan-card::before{content:"";position:absolute;inset:0;height:auto;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.28) 45%,transparent 70%);width:45%;animation:loanGlow 4.2s ease-in-out infinite;z-index:0}.loan-card::after{background:rgba(255,255,255,.16);z-index:0}.loan-card>*{position:relative;z-index:1}.loan-card:nth-child(1){background:linear-gradient(135deg,#087a36,#22c55e)}.loan-card:nth-child(2){background:linear-gradient(135deg,#0f766e,#14b8a6)}.loan-card:nth-child(3){background:linear-gradient(135deg,#166534,#84cc16)}.loan-card:nth-child(4){background:linear-gradient(135deg,#14532d,#16a34a)}.loan-card:nth-child(5){background:linear-gradient(135deg,#15803d,#f6b51d)}.loan-card:nth-child(6){background:linear-gradient(135deg,#065f46,#10b981)}.loan-card:nth-child(7){background:linear-gradient(135deg,#047857,#34d399)}.loan-card:nth-child(8){background:linear-gradient(135deg,#3f6212,#22c55e)}.loan-card h3,.loan-range{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18)}.loan-card .loan-meta span{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.34);color:#fff}.loan-card .loan-fee{color:rgba(255,255,255,.82)}.loan-card .plan-note{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.24);color:#fff}.loan-card .btn{background:#fff;color:#087a36;box-shadow:0 10px 22px rgba(0,0,0,.16)}.loan-card:hover{transform:translateY(-6px);box-shadow:0 24px 44px rgba(8,122,54,.28);animation-play-state:paused}

@media(max-width:640px){
  body{overflow-x:hidden}
  .topbar{position:relative;width:100%;padding:12px 18px}
  .topbar nav{width:100%;display:flex;flex-wrap:wrap;gap:10px 14px;overflow:hidden}
  .topbar nav a{font-size:13px;white-space:normal}
  .user-dashboard{width:calc(100vw - 12px);max-width:calc(100vw - 12px);margin-left:auto;margin-right:auto;overflow:hidden}
  .dash-action-panel{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:7px!important;width:100%!important;overflow:hidden!important}
  .dash-service-card{width:100%!important;max-width:100%!important;min-width:0!important;min-height:76px}
  .dash-service-card strong,.dash-service-card span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .dash-recent-grid{display:grid!important;grid-template-columns:1fr!important;width:100%;overflow:hidden}
  .dash-shortcuts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100vw - 18px);max-width:calc(100vw - 18px)}
  .dash-shortcut{width:100%!important;min-width:0!important}
  .wrap,.panel,.card,.balance,.user-grid,.user-page-shortcuts{max-width:calc(100vw - 18px);overflow-x:auto}
  .withdraw-preview-page{width:calc(100vw - 12px)!important;max-width:378px!important;margin-left:6px!important;margin-right:0!important;padding:16px!important;overflow:hidden!important}
  .withdraw-preview-page h1{font-size:30px!important;line-height:1.15!important;margin-bottom:14px!important}
  .withdraw-preview-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:start!important}
  .withdraw-preview-card{padding:10px!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  .withdraw-preview-card h2{font-size:17px!important;line-height:1.15!important;margin-bottom:8px!important}
  .withdraw-preview-card .info-row{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;padding:7px!important;margin-bottom:6px!important}
  .withdraw-preview-card .info-row span{font-size:9px!important}
  .withdraw-preview-card .info-row strong{text-align:left!important;font-size:12px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
  .withdraw-preview-card .instruction{font-size:12px!important;line-height:1.35!important;padding:8px!important;max-height:94px!important;overflow:auto!important}
  .withdraw-preview-card label{font-size:11px!important;gap:4px!important}
  .withdraw-preview-card input,.withdraw-preview-card textarea{padding:8px!important;font-size:12px!important}
  .withdraw-preview-card textarea{min-height:58px!important}
  .withdraw-preview-card .btn{width:100%!important;padding:9px 8px!important;font-size:12px!important}
}

@media(max-width:430px){
  .topbar{padding:6px 12px!important}
  .topbar nav{gap:7px 12px!important}
  .topbar nav a{font-size:12px!important}
  .brand{min-width:auto!important}
  .brand .live-logo{max-width:82px!important;max-height:38px!important}
  .user-dashboard{margin-top:8px!important}
  .dash-alert{padding:9px 11px!important}
}

@media(max-width:900px){
  .topbar{width:calc(100vw - 12px)!important;max-width:378px!important;margin-left:6px!important;margin-right:0!important;padding:8px 14px!important}
  .topbar nav{width:100%!important;max-width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:10px 14px!important;overflow:hidden!important}
  .topbar nav a{font-size:13px!important;white-space:normal!important}
  .brand .live-logo{max-width:88px!important;max-height:42px!important}
  .user-dashboard{width:calc(100vw - 12px)!important;max-width:378px!important;margin-left:6px!important;margin-right:0!important;overflow:hidden!important}
  .dash-titlebar{height:38px!important;margin-top:4px}
  .dash-titlebar h1{font-size:17px!important}
  .dash-alert{padding:10px 12px!important;margin-bottom:10px!important}
  .dash-alert strong{font-size:14px!important;margin-bottom:5px!important;line-height:1.2}
  .dash-alert span{padding-top:6px!important;font-size:11px!important}
  .dash-alert a{font-size:11px!important;margin-top:5px!important}
  .dash-action-panel{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:7px!important;padding:7px!important}
  .dash-service-card{width:100%!important;max-width:100%!important;min-width:0!important}
  .dash-recent-grid{grid-template-columns:1fr!important;width:100%!important}
}

/* Final mobile normalization */
@media(max-width:640px){
  body{font-size:14px!important}
  .notice{font-size:11px!important;line-height:1.35!important;padding:7px 12px!important;gap:8px!important}
  .topbar{width:100%!important;max-width:none!important;margin:0!important;padding:8px 12px!important;display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:8px 10px!important;align-items:center!important}
  .brand{min-width:0!important}
  .brand .live-logo{max-width:70px!important;max-height:42px!important}
  .topbar nav{width:100%!important;max-width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:7px 12px!important;align-items:center!important;overflow:visible!important}
  .topbar nav a{font-size:12px!important;line-height:1.2!important;white-space:normal!important}
  .topbar .nav-btn{padding:8px 10px!important;font-size:12px!important;border-radius:5px!important}

  .wrap,.panel,.balance,.user-grid,.user-page-shortcuts,.user-dashboard{width:calc(100vw - 16px)!important;max-width:none!important;margin-left:8px!important;margin-right:8px!important}
  .wrap,.panel,.card,.balance,.user-grid,.user-page-shortcuts{overflow-x:hidden!important}
  .panel,.card,.balance{padding:16px!important}
  .section-head{gap:10px!important}
  .section-head h1,.plan-wrap .section-head h1,.panel h1,.wrap h1{font-size:26px!important;line-height:1.2!important;margin:0!important}
  .section-head a{font-size:15px!important;white-space:nowrap!important}

  .hero,.hero-video-field{min-height:360px!important;padding:38px 16px!important}
  .hero h1,.hero-video-field .hero-copy h1{font-size:34px!important;line-height:1.12!important}
  .hero p,.hero-video-field .hero-copy p{font-size:15px!important;line-height:1.45!important}
  .hero-actions{gap:8px!important}
  .hero-actions .btn{padding:9px 11px!important;font-size:12px!important}

  .plan-wrap{margin-top:20px!important}
  .plan-wrap .section-head{margin-bottom:10px!important}
  .loan-marquee{padding:10px 0!important;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)!important}
  .loan-marquee-track{gap:10px!important}
  .loan-marquee .loan-card,.loan-page-marquee .loan-card{width:190px!important;flex:0 0 190px!important;min-height:172px!important;padding:16px!important;border-radius:7px!important}
  .loan-card h3{font-size:20px!important;line-height:1.2!important;margin:4px 0 12px!important}
  .loan-range{font-size:15px!important;line-height:1.35!important;margin-bottom:10px!important}
  .loan-meta{gap:6px!important;margin-bottom:8px!important}
  .loan-meta span{font-size:10px!important;padding:5px 7px!important}
  .loan-fee{font-size:11px!important;margin-bottom:8px!important}
  .loan-card .plan-note{max-height:44px!important;font-size:10px!important;padding:6px!important;margin:6px 0!important}
  .loan-card .btn{padding:8px 10px!important;font-size:12px!important;margin-top:6px!important}

  .dash-titlebar{height:34px!important}
  .dash-titlebar h1{font-size:16px!important}
  .dash-alert{padding:9px 10px!important}
  .dash-alert strong{font-size:13px!important}
}

@media(max-width:430px){
  .topbar{grid-template-columns:64px minmax(0,1fr)!important;padding:7px 10px!important}
  .brand .live-logo{max-width:62px!important;max-height:36px!important}
  .topbar nav{gap:6px 10px!important}
  .topbar nav a{font-size:11.5px!important}
  .section-head h1,.plan-wrap .section-head h1,.panel h1,.wrap h1{font-size:24px!important}
  .loan-marquee .loan-card,.loan-page-marquee .loan-card{width:176px!important;flex-basis:176px!important;min-height:166px!important;padding:14px!important}
  .loan-card h3{font-size:18px!important}
  .loan-range{font-size:14px!important}
}

/* User-facing pages: mobile fit pass */
@media(max-width:640px){
  .alert{width:calc(100vw - 16px)!important;margin:10px 8px 0!important;padding:10px 12px!important;font-size:12px!important;line-height:1.35!important}
  .panel .alert,.wrap .alert{width:100%!important;margin:10px 0!important}
  .small{max-width:none!important}
  .wide{width:calc(100vw - 16px)!important}
  .panel h1,.wrap h1{font-size:24px!important;line-height:1.2!important;margin-bottom:14px!important}
  .panel h2,.card h2,.nested h2{font-size:18px!important;line-height:1.25!important;margin:0 0 10px!important}
  .card h3{font-size:17px!important;line-height:1.25!important}
  .form{gap:10px!important}
  .inline{grid-template-columns:1fr!important;gap:9px!important;margin-bottom:12px!important}
  label{font-size:12px!important;gap:5px!important}
  input,textarea,select{padding:10px!important;font-size:13px!important;min-height:40px!important}
  textarea{min-height:76px!important}
  .btn,.nav-btn{min-height:38px!important;padding:9px 12px!important;font-size:12px!important}

  .admin-two,.withdraw-grid,.kyc-form,.summary-box{grid-template-columns:1fr!important;gap:10px!important}
  .nested{padding:12px!important}
  .info-row,.summary-box div{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;padding:9px!important;margin-bottom:7px!important}
  .info-row span,.summary-box span{font-size:10px!important;line-height:1.2!important}
  .info-row strong,.summary-box strong{font-size:13px!important;line-height:1.25!important;text-align:left!important;overflow-wrap:anywhere!important}
  .instruction,.plan-note{font-size:12px!important;line-height:1.45!important;padding:9px!important}
  .form-section{font-size:15px!important;line-height:1.25!important;padding:10px!important;margin:10px 0 0!important}

  table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important;border-radius:6px!important}
  th,td{padding:8px 9px!important;font-size:11px!important;line-height:1.25!important}
  td .btn,td .btn.ghost{padding:7px 9px!important;min-height:30px!important;font-size:11px!important}

  .cards,.plan-grid{grid-template-columns:1fr!important;gap:10px!important}
  .link-card h2,.balance h1{font-size:26px!important}
  .balance{display:grid!important;gap:8px!important;align-items:start!important}
  .quick{gap:8px!important}

  .user-page-shortcuts{margin-top:12px!important;padding:8px!important;gap:7px!important}
  .user-page-shortcuts .dash-shortcut{min-height:52px!important;padding:6px 4px!important}
  .user-page-shortcuts .dash-shortcut b{font-size:13px!important}
  .user-page-shortcuts .dash-shortcut span{font-size:8px!important}

  .bottom-notice{margin-top:16px!important;display:grid!important;grid-template-columns:1fr!important;gap:4px!important;white-space:normal!important}
  footer{padding:18px 12px!important;font-size:12px!important}
}

@media(max-width:430px){
  .panel h1,.wrap h1{font-size:22px!important}
  .panel,.card,.balance{padding:14px!important}
  th,td{font-size:10.5px!important;padding:7px!important}
}

@media(max-width:640px){
  .topbar{grid-template-columns:1fr!important;gap:6px!important}
  .brand{height:38px!important;align-items:center!important}
  .topbar nav{grid-row:2!important;justify-content:flex-start!important}
  .wrap,.panel,.balance,.user-grid,.user-page-shortcuts,.user-dashboard{width:calc(100vw - 24px)!important;margin-left:12px!important;margin-right:12px!important}
  .form>.btn{width:100%!important}
  input,textarea,select,.btn{max-width:100%!important}
}

@media(max-width:430px){
  .topbar{grid-template-columns:1fr!important}
  .brand .live-logo{max-width:68px!important;max-height:36px!important}
}

/* User-facing mobile overflow guard */
@media(max-width:900px){
  body:not(.admin-body){overflow-x:hidden!important}
  body:not(.admin-body) .wrap,
  body:not(.admin-body) .panel,
  body:not(.admin-body) .balance,
  body:not(.admin-body) .user-grid,
  body:not(.admin-body) .user-page-shortcuts,
  body:not(.admin-body) .user-dashboard,
  body:not(.admin-body) .alert{
    width:auto!important;
    max-width:none!important;
    margin-left:12px!important;
    margin-right:12px!important;
  }
  body:not(.admin-body) .panel,
  body:not(.admin-body) .card,
  body:not(.admin-body) .nested,
  body:not(.admin-body) form,
  body:not(.admin-body) label{
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body:not(.admin-body) input,
  body:not(.admin-body) textarea,
  body:not(.admin-body) select,
  body:not(.admin-body) button,
  body:not(.admin-body) .btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body:not(.admin-body) .hero-actions .btn,
  body:not(.admin-body) .topbar .nav-btn,
  body:not(.admin-body) .section-head a,
  body:not(.admin-body) td .btn{
    width:auto!important;
  }
  body:not(.admin-body) .admin-two,
  body:not(.admin-body) .withdraw-grid,
  body:not(.admin-body) .kyc-form,
  body:not(.admin-body) .summary-box,
  body:not(.admin-body) .inline{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media(max-width:430px){
  body:not(.admin-body) .wrap,
  body:not(.admin-body) .panel,
  body:not(.admin-body) .balance,
  body:not(.admin-body) .user-grid,
  body:not(.admin-body) .user-page-shortcuts,
  body:not(.admin-body) .user-dashboard,
  body:not(.admin-body) .alert{
    margin-left:8px!important;
    margin-right:8px!important;
  }
}

/* Dashboard mobile: show service boxes in four columns */
@media(max-width:640px){
  body:not(.admin-body) .user-dashboard .dash-action-panel{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    padding:7px!important;
    border-radius:8px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-service-card{
    min-height:76px!important;
    padding:8px 3px!important;
    border-radius:7px!important;
    gap:2px!important;
    border:1px solid rgba(8,122,54,.12)!important;
    background:linear-gradient(180deg,#fff 0%,#fbfffd 100%)!important;
    box-shadow:0 9px 20px rgba(6,95,40,.11)!important;
  }
  body:not(.admin-body) .user-dashboard .dash-service-card i{
    width:30px!important;
    height:30px!important;
    border-radius:12px!important;
    font-size:15px!important;
    margin-bottom:4px!important;
    border:1px solid rgba(255,255,255,.42)!important;
    box-shadow:inset 0 -2px 5px rgba(0,0,0,.14),0 7px 14px rgba(8,122,54,.18)!important;
  }
  body:not(.admin-body) .user-dashboard .dash-photo-icon{
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    padding:2px!important;
    border:2px solid #fff!important;
    box-shadow:0 0 0 2px rgba(22,163,74,.24),0 8px 16px rgba(8,122,54,.22)!important;
  }
  body:not(.admin-body) .user-dashboard .dash-icon svg{
    width:17px!important;
    height:17px!important;
    stroke-width:2.7!important;
  }
  body:not(.admin-body) .user-dashboard .dash-service-card strong{
    font-size:8.8px!important;
    line-height:1.12!important;
    font-weight:900!important;
    max-width:100%!important;
    white-space:normal!important;
  }
  body:not(.admin-body) .user-dashboard .dash-service-card span{
    font-size:7.4px!important;
    line-height:1.1!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}

@media(max-width:430px){
  body:not(.admin-body) .user-dashboard .dash-action-panel{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    padding:6px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-service-card{
    min-height:72px!important;
    padding:7px 2px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-service-card i{
    width:28px!important;
    height:28px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-photo-icon{
    width:34px!important;
    height:34px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-service-card strong{
    font-size:8px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-service-card span{
    font-size:6.9px!important;
  }
}

/* Keep nested user forms inside the mobile viewport */
@media(max-width:640px){
  body:not(.admin-body) .panel .panel,
  body:not(.admin-body) .panel.nested,
  body:not(.admin-body) .nested{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body:not(.admin-body) .panel,
  body:not(.admin-body) .wrap,
  body:not(.admin-body) .card,
  body:not(.admin-body) form,
  body:not(.admin-body) label,
  body:not(.admin-body) .form,
  body:not(.admin-body) .inline,
  body:not(.admin-body) .admin-two,
  body:not(.admin-body) .withdraw-grid,
  body:not(.admin-body) .kyc-form{
    min-width:0!important;
    max-width:100%!important;
  }
  body:not(.admin-body) input,
  body:not(.admin-body) textarea,
  body:not(.admin-body) select{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

/* Compact mobile header: keep navigation beside the logo */
@media(max-width:640px){
  body:not(.admin-body) .topbar{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px 10px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:6px 8px!important;
    height:auto!important;
    overflow:visible!important;
  }
  body:not(.admin-body) .topbar .brand{
    grid-column:1!important;
    grid-row:1!important;
    width:64px!important;
    min-width:64px!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
  }
  body:not(.admin-body) .topbar .brand .live-logo{
    max-width:64px!important;
    max-height:48px!important;
  }
  body:not(.admin-body) .topbar nav{
    grid-column:2!important;
    grid-row:1!important;
    width:calc(100vw - 90px)!important;
    max-width:calc(100vw - 90px)!important;
    display:grid!important;
    grid-template-columns:repeat(3,max-content)!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:5px 9px!important;
    overflow:visible!important;
  }
  body:not(.admin-body) .topbar nav a{
    font-size:11.5px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  body:not(.admin-body) .topbar .nav-btn{
    padding:7px 9px!important;
    min-height:32px!important;
    font-size:11.5px!important;
    flex:0 0 auto!important;
  }
}

@media(max-width:430px){
  body:not(.admin-body) .topbar{
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:5px 8px!important;
    padding:5px 7px!important;
  }
  body:not(.admin-body) .topbar .brand{
    width:56px!important;
    min-width:56px!important;
    height:42px!important;
  }
  body:not(.admin-body) .topbar .brand .live-logo{
    max-width:56px!important;
    max-height:42px!important;
  }
  body:not(.admin-body) .topbar nav{
    width:calc(100vw - 76px)!important;
    max-width:calc(100vw - 76px)!important;
    grid-template-columns:repeat(3,max-content)!important;
    gap:4px 7px!important;
  }
  body:not(.admin-body) .topbar nav a{
    font-size:10.5px!important;
  }
  body:not(.admin-body) .topbar .nav-btn{
    padding:6px 8px!important;
    min-height:30px!important;
    font-size:10.5px!important;
  }
}

/* Premium mobile header */
@media(max-width:640px){
  body:not(.admin-body) .topbar{
    margin:6px 8px 0!important;
    width:calc(100% - 16px)!important;
    padding:9px!important;
    border:1px solid rgba(22,163,74,.14)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(241,253,246,.96))!important;
    box-shadow:0 14px 32px rgba(8,122,54,.13)!important;
    backdrop-filter:blur(12px)!important;
  }
  body:not(.admin-body) .topbar .brand{
    width:72px!important;
    min-width:72px!important;
    height:58px!important;
    padding:4px!important;
    border-radius:10px!important;
    background:#fff!important;
    border:1px solid #dbeee2!important;
    box-shadow:0 8px 18px rgba(8,122,54,.12)!important;
    justify-content:center!important;
  }
  body:not(.admin-body) .topbar .brand .live-logo{
    max-width:64px!important;
    max-height:50px!important;
    border-radius:7px!important;
    object-fit:cover!important;
  }
  body:not(.admin-body) .topbar nav{
    width:calc(100vw - 116px)!important;
    max-width:calc(100vw - 116px)!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    align-content:center!important;
  }
  body:not(.admin-body) .topbar nav a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:24px!important;
    padding:4px 5px!important;
    border-radius:999px!important;
    background:rgba(234,248,239,.75)!important;
    border:1px solid rgba(22,163,74,.14)!important;
    color:#0b3d22!important;
    font-size:10.5px!important;
    font-weight:900!important;
    line-height:1!important;
    box-shadow:0 4px 10px rgba(8,122,54,.06)!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body:not(.admin-body) .topbar nav a:not(.nav-btn):hover{
    background:#dcfce7!important;
  }
  body:not(.admin-body) .topbar .nav-btn{
    min-height:28px!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#087a36,#22c55e)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 9px 18px rgba(8,122,54,.22)!important;
  }
}

@media(max-width:430px){
  body:not(.admin-body) .topbar{
    margin:5px 6px 0!important;
    width:calc(100% - 12px)!important;
    padding:7px!important;
    gap:6px!important;
  }
  body:not(.admin-body) .topbar .brand{
    width:64px!important;
    min-width:64px!important;
    height:54px!important;
  }
  body:not(.admin-body) .topbar .brand .live-logo{
    max-width:56px!important;
    max-height:46px!important;
  }
  body:not(.admin-body) .topbar nav{
    width:calc(100vw - 96px)!important;
    max-width:calc(100vw - 96px)!important;
    gap:4px!important;
  }
  body:not(.admin-body) .topbar nav a{
    min-height:22px!important;
    padding:4px 5px!important;
    font-size:9.2px!important;
  }
  body:not(.admin-body) .topbar .nav-btn{
    min-height:26px!important;
    padding:5px 7px!important;
    font-size:9.8px!important;
  }
}

/* Mobile dashboard: remove the extra title/language row */
@media(max-width:640px){
  body:not(.admin-body) .user-dashboard .dash-titlebar{
    display:none!important;
  }
  body:not(.admin-body) .user-dashboard{
    margin-top:10px!important;
  }
}

/* Premium dashboard card finish */
body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card strong{
  color:#041f13!important;
  font-weight:950!important;
  text-shadow:0 1px 0 rgba(255,255,255,.82)!important;
}
body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card span{
  color:#3d5875!important;
  font-weight:800!important;
}
body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card{
  background:linear-gradient(145deg,#ffffff 0%,#fbfffd 55%,#eefaf3 100%)!important;
}
body:not(.admin-body) .user-dashboard .dash-action-panel .dash-photo-icon{
  background:linear-gradient(135deg,#f0fdf4,#fff)!important;
}

/* Dashboard service cards: equal mobile boxes */
@media(max-width:640px){
  body:not(.admin-body) .user-dashboard .dash-action-panel{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    grid-auto-rows:76px!important;
    gap:5px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card{
    width:100%!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    display:grid!important;
    grid-template-rows:25px 29px 13px!important;
    align-items:center!important;
    justify-items:center!important;
    align-content:center!important;
    padding:5px 3px 4px!important;
    gap:1px!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#ecfdf3 0%,#dff8ea 52%,#c9f2db 100%)!important;
    border:1px solid rgba(187,247,208,.78)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 9px 20px rgba(5,46,22,.14)!important;
    overflow:hidden!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card i{
    width:24px!important;
    height:24px!important;
    border-radius:50%!important;
    margin:0!important;
    flex:0 0 24px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-photo-icon{
    width:26px!important;
    height:26px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-photo-icon img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:50%!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card strong,
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card span{
    width:100%!important;
    max-width:100%!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card strong{
    min-height:24px!important;
    max-height:29px!important;
    -webkit-line-clamp:2!important;
    font-size:8.8px!important;
    line-height:1.12!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card span{
    min-height:10px!important;
    max-height:14px!important;
    -webkit-line-clamp:1!important;
    font-size:7.1px!important;
    line-height:1.05!important;
  }
}

@media(max-width:390px){
  body:not(.admin-body) .user-dashboard .dash-action-panel{
    grid-auto-rows:72px!important;
    gap:5px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card{
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    grid-template-rows:23px 27px 12px!important;
    padding:4px 2px!important;
    border-radius:13px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card i,
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-photo-icon{
    width:23px!important;
    height:23px!important;
    border-radius:50%!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card strong{
    font-size:8.1px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card span{
    font-size:6.8px!important;
  }
}

/* Premium mobile KYC form */
@media(max-width:640px){
  body:not(.admin-body) .panel:has(.kyc-form){
    background:linear-gradient(145deg,#ffffff 0%,#fbfffd 58%,#eefaf3 100%)!important;
    border:1px solid rgba(22,163,74,.18)!important;
    border-radius:14px!important;
    box-shadow:0 18px 38px rgba(8,122,54,.12)!important;
    padding:12px!important;
  }
  body:not(.admin-body) .panel:has(.kyc-form)>h1{
    font-size:22px!important;
    line-height:1.1!important;
    margin:0 0 8px!important;
    color:#052e16!important;
  }
  body:not(.admin-body) .panel:has(.kyc-form)>.muted{
    font-size:11px!important;
    margin:6px 0 10px!important;
    color:#3d5875!important;
  }
  body:not(.admin-body) .kyc-form{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    align-items:start!important;
  }
  body:not(.admin-body) .kyc-form .form-section{
    grid-column:1/-1!important;
    margin:5px 0 0!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,#dcfce7,#f0fdf4)!important;
    border:1px solid rgba(22,163,74,.16)!important;
    color:#075b2b!important;
    font-size:13px!important;
    font-weight:950!important;
    box-shadow:0 8px 18px rgba(8,122,54,.08)!important;
  }
  body:not(.admin-body) .kyc-form label,
  body:not(.admin-body) .kyc-form .readonly-field{
    min-height:68px!important;
    padding:8px!important;
    border:1px solid rgba(22,163,74,.14)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 8px 18px rgba(6,95,40,.07)!important;
    color:#09251a!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    overflow:hidden!important;
  }
  body:not(.admin-body) .kyc-form label{
    display:grid!important;
    gap:5px!important;
    font-weight:950!important;
  }
  body:not(.admin-body) .kyc-form input,
  body:not(.admin-body) .kyc-form textarea,
  body:not(.admin-body) .kyc-form select{
    min-height:34px!important;
    padding:7px 8px!important;
    border-radius:8px!important;
    border:1px solid #bfe7ce!important;
    background:#fafffc!important;
    font-size:11px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
  }
  body:not(.admin-body) .kyc-form input[type="file"]{
    padding:6px!important;
    font-size:9.5px!important;
    background:#ffffff!important;
  }
  body:not(.admin-body) .kyc-form .btn{
    grid-column:1/-1!important;
    min-height:40px!important;
    border-radius:10px!important;
    font-size:12px!important;
    font-weight:950!important;
    box-shadow:0 12px 24px rgba(8,122,54,.2)!important;
  }
  body:not(.admin-body) .kyc-form .req{
    color:#ef4444!important;
    font-weight:950!important;
  }
  body:not(.admin-body) .readonly-kyc input{
    color:#254636!important;
    opacity:1!important;
    -webkit-text-fill-color:#254636!important;
  }
  body:not(.admin-body) .readonly-field{
    display:grid!important;
    gap:6px!important;
  }
  body:not(.admin-body) .readonly-field span{
    font-weight:950!important;
    color:#09251a!important;
  }
  body:not(.admin-body) .readonly-field strong{
    color:#64748b!important;
    font-size:11px!important;
  }
  body:not(.admin-body) .readonly-field .btn{
    width:100%!important;
    min-height:32px!important;
    padding:7px!important;
    font-size:10px!important;
  }
}

@media(max-width:390px){
  body:not(.admin-body) .kyc-form{
    gap:6px!important;
  }
  body:not(.admin-body) .kyc-form label,
  body:not(.admin-body) .kyc-form .readonly-field{
    min-height:64px!important;
    padding:7px!important;
    font-size:9.8px!important;
  }
  body:not(.admin-body) .kyc-form input,
  body:not(.admin-body) .kyc-form textarea,
  body:not(.admin-body) .kyc-form select{
    font-size:10.5px!important;
    padding:6px 7px!important;
  }
}

/* Premium dark header and notice surfaces */
body:not(.admin-body) .notice{
  background:linear-gradient(135deg,#064e3b 0%,#087a36 52%,#0f766e 100%)!important;
  color:#eafff1!important;
  border:1px solid rgba(134,239,172,.24)!important;
  box-shadow:0 14px 30px rgba(6,78,59,.22)!important;
}
body:not(.admin-body) .notice span{
  color:#eafff1!important;
  font-weight:850!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12)!important;
}
body:not(.admin-body) .topbar{
  background:
    radial-gradient(circle at 10% 0%,rgba(34,197,94,.24),transparent 34%),
    linear-gradient(135deg,#052e16 0%,#075b2b 56%,#0f766e 100%)!important;
  border:1px solid rgba(134,239,172,.24)!important;
  box-shadow:0 18px 38px rgba(6,78,59,.24)!important;
}
body:not(.admin-body) .topbar nav a:not(.nav-btn){
  color:#ecfff4!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(187,247,208,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 18px rgba(0,0,0,.12)!important;
}
body:not(.admin-body) .topbar nav a:not(.nav-btn):hover{
  background:rgba(255,255,255,.17)!important;
  color:#fff!important;
}
body:not(.admin-body) .topbar .brand{
  background:rgba(255,255,255,.1)!important;
  border:1px solid rgba(187,247,208,.22)!important;
  border-radius:12px!important;
  color:#fff!important;
  padding:6px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body:not(.admin-body) .topbar .nav-btn{
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(34,197,94,.28)!important;
}
body:not(.admin-body) .bottom-notice{
  margin-top:0!important;
  border-bottom:0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
}
body:not(.admin-body) footer{
  margin:0!important;
  padding:10px 12px 8px!important;
  line-height:1.2!important;
}
body:not(.admin-body) footer + .bottom-notice{
  margin-top:0!important;
}

/* Keep homepage video uncropped on mobile */
@media(max-width:640px){
  body:not(.admin-body) .topbar{
    margin-bottom:10px!important;
  }
  body:not(.admin-body) .hero-video-field{
    background:#dce8df!important;
    min-height:auto!important;
    height:auto!important;
    aspect-ratio:var(--hero-video-ratio, 9 / 12)!important;
    margin-top:0!important;
    margin-bottom:22px!important;
    padding:20px!important;
    align-items:center!important;
    border-radius:0!important;
  }
  body:not(.admin-body) .hero-video-field:not(.has-video-ratio){
    min-height:clamp(340px,86vw,470px)!important;
  }
  body:not(.admin-body) .hero-video-field.has-video-ratio{
    aspect-ratio:var(--hero-video-ratio)!important;
    min-height:0!important;
    height:auto!important;
  }
  body:not(.admin-body) .hero-video-field .hero-bg-video{
    object-fit:contain!important;
    background:#dce8df!important;
  }
  body:not(.admin-body) .hero-video-field .hero-video-shade{
    background:linear-gradient(90deg,rgba(226,240,231,.82),rgba(226,240,231,.56))!important;
  }
  body:not(.admin-body) .hero-video-field .hero-copy{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    max-width:100%!important;
    width:100%!important;
    padding:20px!important;
  }
  body:not(.admin-body) .hero-video-field .hero-copy h1{
    font-size:clamp(28px,8.2vw,40px)!important;
    line-height:1.06!important;
    margin:5px 0 12px!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  body:not(.admin-body) .hero-video-field .eyebrow{
    font-size:13px!important;
    line-height:1.1!important;
    margin:0 0 4px!important;
  }
  body:not(.admin-body) .hero-video-field .hero-copy p:not(.eyebrow){
    font-size:14px!important;
    line-height:1.35!important;
    margin:0 0 16px!important;
    max-width:92%!important;
  }
  body:not(.admin-body) .hero-video-field .hero-actions{
    gap:9px!important;
    align-items:center!important;
  }
  body:not(.admin-body) .hero-video-field .hero-actions .btn{
    min-height:38px!important;
    padding:9px 12px!important;
    border-radius:8px!important;
    font-size:12px!important;
    line-height:1.15!important;
    white-space:normal!important;
  }
}
@media(max-width:390px){
  body:not(.admin-body) .hero-video-field{
    min-height:0!important;
    padding:16px!important;
  }
  body:not(.admin-body) .hero-video-field:not(.has-video-ratio){
    min-height:clamp(320px,88vw,430px)!important;
  }
  body:not(.admin-body) .hero-video-field .hero-copy h1{
    font-size:clamp(25px,7.6vw,34px)!important;
  }
  body:not(.admin-body) .hero-video-field .hero-copy p:not(.eyebrow){
    font-size:13px!important;
    margin-bottom:13px!important;
  }
  body:not(.admin-body) .hero-video-field .hero-actions .btn{
    min-height:34px!important;
    padding:8px 10px!important;
    font-size:11px!important;
  }
}

/* Premium auth forms */
body:not(.admin-body) .auth-panel{
  position:relative;
  overflow:hidden!important;
  max-width:520px!important;
  margin-top:34px!important;
  padding:30px!important;
  border:1px solid rgba(8,122,54,.16)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(34,197,94,.15),transparent 34%),
    linear-gradient(145deg,#ffffff 0%,#fbfffd 58%,#eefaf3 100%)!important;
  box-shadow:0 24px 58px rgba(8,122,54,.16),0 1px 0 rgba(255,255,255,.9) inset!important;
}
body:not(.admin-body) .auth-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,#087a36,#22c55e,#f6b51d);
}
body:not(.admin-body) .auth-panel h1{
  margin:0 0 22px!important;
  color:#052e16!important;
  font-size:30px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:0!important;
}
body:not(.admin-body) .auth-form{
  gap:15px!important;
}
body:not(.admin-body) .auth-form label{
  position:relative;
  gap:8px!important;
  color:#0f2d1e!important;
  font-size:14px!important;
  font-weight:950!important;
}
body:not(.admin-body) .auth-form input{
  min-height:46px!important;
  border:1px solid #b9dec8!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.92)!important;
  color:#10251b!important;
  padding:12px 14px!important;
  font-size:15px!important;
  font-weight:750!important;
  box-shadow:0 8px 20px rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,.9)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body:not(.admin-body) .auth-form input:focus{
  outline:none!important;
  border-color:#16a34a!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.14),0 12px 26px rgba(8,122,54,.08)!important;
  transform:translateY(-1px);
}
body:not(.admin-body) .auth-form .btn{
  margin-top:4px!important;
  min-height:48px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#087a36,#22c55e)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  box-shadow:0 14px 28px rgba(8,122,54,.24)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
body:not(.admin-body) .auth-form .btn:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
  box-shadow:0 18px 34px rgba(8,122,54,.3)!important;
}

/* Premium user page shortcut boxes */
body:not(.admin-body) .user-page-shortcuts{
  background:linear-gradient(135deg,#087a36 0%,#18b957 100%)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:16px!important;
  box-shadow:0 18px 40px rgba(8,122,54,.18)!important;
  padding:12px!important;
  gap:10px!important;
}
body:not(.admin-body) .user-page-shortcuts .dash-shortcut{
  min-height:76px!important;
  border:1px solid rgba(8,122,54,.12)!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f8fffb 100%)!important;
  color:#10251b!important;
  box-shadow:0 12px 24px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.95)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body:not(.admin-body) .user-page-shortcuts .dash-shortcut:hover{
  transform:translateY(-3px);
  border-color:rgba(34,197,94,.34)!important;
  box-shadow:0 18px 34px rgba(8,122,54,.18)!important;
}
body:not(.admin-body) .user-page-shortcuts .dash-shortcut b{
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:5px!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:0 10px 18px rgba(8,122,54,.18)!important;
}
body:not(.admin-body) .user-page-shortcuts .dash-shortcut span{
  color:#102a1d!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:950!important;
}
body:not(.admin-body) .user-page-shortcuts .dash-shortcut:nth-child(1) b{
  background:linear-gradient(135deg,#087a36,#22c55e)!important;
}
body:not(.admin-body) .user-page-shortcuts .dash-shortcut:nth-child(2) b{
  background:linear-gradient(135deg,#0f766e,#2dd4bf)!important;
}
body:not(.admin-body) .user-page-shortcuts .dash-shortcut:nth-child(3) b{
  background:linear-gradient(135deg,#b91c1c,#fb7185)!important;
}
body:not(.admin-body) .user-page-shortcuts .dash-shortcut:nth-child(1) span{
  color:#075b2b!important;
}
body:not(.admin-body) .user-page-shortcuts .dash-shortcut:nth-child(2) span{
  color:#0f766e!important;
}
body:not(.admin-body) .user-page-shortcuts .dash-shortcut:nth-child(3) span{
  color:#991b1b!important;
}
@media(max-width:520px){
  body:not(.admin-body) .auth-panel{
    width:calc(100vw - 24px)!important;
    margin:18px 12px!important;
    padding:22px 16px!important;
    border-radius:16px!important;
  }
  body:not(.admin-body) .auth-panel h1{
    font-size:25px!important;
    margin-bottom:16px!important;
  }
  body:not(.admin-body) .auth-form{
    gap:12px!important;
  }
  body:not(.admin-body) .auth-form label{
    font-size:12.5px!important;
  }
  body:not(.admin-body) .auth-form input{
    min-height:42px!important;
    border-radius:10px!important;
    font-size:13.5px!important;
    padding:10px 12px!important;
  }
  body:not(.admin-body) .auth-form .btn{
    min-height:43px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
}

/* Final mobile typography balance for user-facing pages */
@media(max-width:640px){
  body:not(.admin-body){
    font-size:13px!important;
    line-height:1.45!important;
  }
  body:not(.admin-body) .panel h1,
  body:not(.admin-body) .wrap h1,
  body:not(.admin-body) .section-head h1,
  body:not(.admin-body) .section-head h2{
    font-size:22px!important;
    line-height:1.15!important;
  }
  body:not(.admin-body) .hero-video-field .hero-copy h1{
    font-size:clamp(24px,7.2vw,34px)!important;
  }
  body:not(.admin-body) .hero-video-field .eyebrow,
  body:not(.admin-body) .hero-video-field .hero-copy p:not(.eyebrow){
    font-size:12.5px!important;
  }
  body:not(.admin-body) .hero-video-field .hero-actions .btn,
  body:not(.admin-body) .btn,
  body:not(.admin-body) .nav-btn{
    font-size:11.5px!important;
  }
  body:not(.admin-body) .loan-card h3{
    font-size:17px!important;
    line-height:1.15!important;
  }
  body:not(.admin-body) .loan-range{
    font-size:14px!important;
    line-height:1.25!important;
  }
  body:not(.admin-body) .loan-meta span,
  body:not(.admin-body) .plan-note,
  body:not(.admin-body) label,
  body:not(.admin-body) input,
  body:not(.admin-body) textarea,
  body:not(.admin-body) select{
    font-size:12px!important;
  }
  body:not(.admin-body) .auth-panel h1{
    font-size:23px!important;
  }
}

@media(max-width:390px){
  body:not(.admin-body){
    font-size:12px!important;
  }
  body:not(.admin-body) .panel h1,
  body:not(.admin-body) .wrap h1,
  body:not(.admin-body) .section-head h1,
  body:not(.admin-body) .section-head h2{
    font-size:20px!important;
  }
  body:not(.admin-body) .hero-video-field .hero-copy h1{
    font-size:clamp(22px,6.8vw,30px)!important;
  }
  body:not(.admin-body) .hero-video-field .eyebrow,
  body:not(.admin-body) .hero-video-field .hero-copy p:not(.eyebrow){
    font-size:11.5px!important;
  }
  body:not(.admin-body) .loan-card h3{
    font-size:16px!important;
  }
  body:not(.admin-body) .loan-range{
    font-size:13px!important;
  }
}

/* Compact one-view withdraw preview on mobile */
@media(max-width:640px){
  body:not(.admin-body) .withdraw-preview-page{
    width:calc(100vw - 14px)!important;
    margin:8px 7px!important;
    padding:10px!important;
    border-radius:12px!important;
  }
  body:not(.admin-body) .withdraw-preview-page h1{
    font-size:20px!important;
    line-height:1.1!important;
    margin:0 0 9px!important;
  }
  body:not(.admin-body) .withdraw-preview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body:not(.admin-body) .withdraw-preview-card{
    padding:8px!important;
    border-radius:10px!important;
  }
  body:not(.admin-body) .withdraw-preview-card h2{
    font-size:15px!important;
    line-height:1.12!important;
    margin:0 0 7px!important;
  }
  body:not(.admin-body) .withdraw-preview-card .info-row{
    padding:6px!important;
    margin-bottom:5px!important;
    gap:2px!important;
    border-radius:8px!important;
  }
  body:not(.admin-body) .withdraw-preview-card .info-row span{
    font-size:8.5px!important;
    line-height:1.1!important;
  }
  body:not(.admin-body) .withdraw-preview-card .info-row strong{
    font-size:10.5px!important;
    line-height:1.15!important;
    text-align:left!important;
  }
  body:not(.admin-body) .withdraw-preview-card .instruction{
    font-size:10px!important;
    line-height:1.25!important;
    padding:7px!important;
    max-height:56px!important;
    overflow:auto!important;
    margin-bottom:5px!important;
    border-radius:8px!important;
  }
  body:not(.admin-body) .withdraw-preview-card label{
    font-size:9.5px!important;
    gap:3px!important;
    margin:0!important;
  }
  body:not(.admin-body) .withdraw-preview-card input,
  body:not(.admin-body) .withdraw-preview-card textarea{
    min-height:30px!important;
    padding:6px!important;
    font-size:10px!important;
    border-radius:8px!important;
  }
  body:not(.admin-body) .withdraw-preview-card input[type="file"]{
    font-size:8.5px!important;
    padding:5px!important;
  }
  body:not(.admin-body) .withdraw-preview-card textarea{
    min-height:42px!important;
    max-height:48px!important;
  }
  body:not(.admin-body) .withdraw-preview-card .btn{
    min-height:34px!important;
    padding:7px!important;
    font-size:11px!important;
    border-radius:8px!important;
  }
}

/* Compact two-column withdraw money page on mobile */
@media(max-width:640px){
  body:not(.admin-body) .withdraw-money-page{
    width:calc(100vw - 14px)!important;
    margin:8px 7px!important;
    padding:10px!important;
    border-radius:12px!important;
  }
  body:not(.admin-body) .withdraw-money-page h1{
    font-size:20px!important;
    line-height:1.1!important;
    margin:0 0 9px!important;
  }
  body:not(.admin-body) .withdraw-money-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    align-items:start!important;
  }
  body:not(.admin-body) .withdraw-money-card{
    padding:8px!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  body:not(.admin-body) .withdraw-money-card h2{
    font-size:14px!important;
    line-height:1.12!important;
    margin:0 0 7px!important;
  }
  body:not(.admin-body) .withdraw-money-card .info-row,
  body:not(.admin-body) .withdraw-money-card .summary-box div{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:2px!important;
    padding:6px!important;
    margin-bottom:5px!important;
    border-radius:8px!important;
  }
  body:not(.admin-body) .withdraw-money-card .info-row span,
  body:not(.admin-body) .withdraw-money-card .summary-box span{
    font-size:8.5px!important;
    line-height:1.1!important;
  }
  body:not(.admin-body) .withdraw-money-card .info-row strong,
  body:not(.admin-body) .withdraw-money-card .summary-box strong{
    font-size:10.5px!important;
    line-height:1.15!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
  }
  body:not(.admin-body) .withdraw-money-card label{
    font-size:9.5px!important;
    gap:3px!important;
    margin:0!important;
  }
  body:not(.admin-body) .withdraw-money-card input,
  body:not(.admin-body) .withdraw-money-card select{
    min-height:30px!important;
    padding:6px!important;
    font-size:10px!important;
    border-radius:8px!important;
  }
  body:not(.admin-body) .withdraw-money-card .summary-box{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  body:not(.admin-body) .withdraw-money-card .btn{
    min-height:34px!important;
    padding:7px!important;
    font-size:11px!important;
    border-radius:8px!important;
  }
  body:not(.admin-body) .withdraw-money-controls{
    display:grid!important;
    gap:7px!important;
    margin-top:8px!important;
    padding-top:8px!important;
    border-top:1px solid rgba(22,163,74,.14)!important;
  }
  body:not(.admin-body) .withdraw-summary-card{
    align-self:start!important;
  }
}

/* Premium polish for remaining user-facing pages */
body:not(.admin-body) .panel:not(.withdraw-preview-page):not(.withdraw-preview-card):not(.withdraw-money-page):not(.withdraw-money-card):not(:has(.kyc-form)){
  border:1px solid rgba(8,122,54,.14)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(34,197,94,.08),transparent 32%),
    linear-gradient(145deg,#ffffff 0%,#fbfffd 58%,#f0faf4 100%)!important;
  box-shadow:0 18px 42px rgba(8,122,54,.12),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
body:not(.admin-body) .panel.wide:not(.withdraw-preview-page):not(.withdraw-money-page){
  overflow:hidden!important;
}
body:not(.admin-body) .panel h1,
body:not(.admin-body) .panel h2{
  color:#052e16!important;
  font-weight:950!important;
}
body:not(.admin-body) .panel h1{
  margin-top:0!important;
}
body:not(.admin-body) .panel.nested{
  background:linear-gradient(145deg,#ffffff 0%,#f8fffb 100%)!important;
  border-color:rgba(22,163,74,.14)!important;
  box-shadow:0 10px 24px rgba(8,122,54,.08)!important;
}
body:not(.admin-body) .form input,
body:not(.admin-body) .form textarea,
body:not(.admin-body) .form select,
body:not(.admin-body) .inline input,
body:not(.admin-body) .inline textarea,
body:not(.admin-body) .inline select{
  border:1px solid #bfe7ce!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.94)!important;
  color:#10251b!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(15,23,42,.035)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body:not(.admin-body) .form input:focus,
body:not(.admin-body) .form textarea:focus,
body:not(.admin-body) .form select:focus,
body:not(.admin-body) .inline input:focus,
body:not(.admin-body) .inline textarea:focus,
body:not(.admin-body) .inline select:focus{
  outline:none!important;
  border-color:#16a34a!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.13),0 12px 26px rgba(8,122,54,.08)!important;
}
body:not(.admin-body) .info-row,
body:not(.admin-body) .summary-box div{
  border-color:rgba(22,163,74,.16)!important;
  background:linear-gradient(145deg,#f8fffb 0%,#effaf3 100%)!important;
  border-radius:12px!important;
}
body:not(.admin-body) .info-row strong,
body:not(.admin-body) .summary-box strong{
  color:#052e16!important;
  font-weight:950!important;
}
body:not(.admin-body) .info-row span,
body:not(.admin-body) .summary-box span{
  color:#607089!important;
}
body:not(.admin-body) table{
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 12px 26px rgba(8,122,54,.08)!important;
}
body:not(.admin-body) th{
  background:#eefaf3!important;
  color:#0f5132!important;
}
body:not(.admin-body) td{
  background:rgba(255,255,255,.96)!important;
}
body:not(.admin-body) tr:hover td{
  background:#f8fffb!important;
}
body:not(.admin-body) .muted{
  color:#4f6278!important;
  font-weight:750!important;
}
body:not(.admin-body) .btn{
  border-radius:11px!important;
  font-weight:950!important;
}

@media(max-width:640px){
  body:not(.admin-body) .panel:not(.withdraw-preview-page):not(.withdraw-preview-card):not(.withdraw-money-page):not(.withdraw-money-card):not(:has(.kyc-form)){
    border-radius:14px!important;
  }
  body:not(.admin-body) table{
    border-radius:10px!important;
  }
}