:root{--p:#3068cf;--p2:#3168cf;--ink:#172133;--muted:#667185;--line:#e6e9ef;--bg:#f6f8fb;--dark:#101828;--green:#224991;--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:#eff2f9;color:#293447;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:#eff2f9;min-height:560px}.hero h1{font-size:56px;line-height:1.08;margin:0 0 18px}.hero p{font-size:20px;color:#3f495b}.eyebrow{font-weight:900;color:var(--p)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.media{aspect-ratio:16/9;background:#111927;color:white;border-radius:8px;display:grid;place-items:center;text-align:center;overflow:hidden}.media span{display:block;color:#cbd3e1;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,#eaeff8 0%,#f9fafd 62%,#e1e8f5 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(242,245,251,.9) 0%,rgba(242,245,251,.72) 44%,rgba(242,245,251,.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:#193569;color:#fff;border-radius:8px;display:grid;place-items:center;text-align:center}.hero-video-empty span{display:block;margin-top:8px;color:#eff3fa}
.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 #cbd3e1;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:#e7edf7}.success{background:#e3e9f5;color:#173264}.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:#f1f4f9;border-radius:6px;font-size:20px}.req{color:var(--red);margin-left:4px}
.plan-note{font-size:13px;line-height:1.5;color:#374051;background:#f8f9fc;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:#111927;color:#d1d4db;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:#1f2737;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}.top-link-button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}.top-link-button:hover{color:#193569}.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,#132952,#234b96);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:#1f2737;border-left-color:#2c5ebb}.admin-sidebar>.menu-label{margin-top:8px}
.admin-sidebar>.menu-label{padding:8px 10px 3px;color:#9ab1db;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.admin-sidebar>a{background:linear-gradient(135deg,#132952,#234b96);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,#183264,#2c5ebb);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(44,94,187,0))}50%{filter:drop-shadow(0 0 12px rgba(44,94,187,.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 #d9e1f0;border-radius:8px;background:#fafbfd;padding:16px}.logo-preview{min-width:180px;min-height:90px;display:grid;place-items:center;border:1px dashed #9ab1db;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 #9ab1db;border-radius:8px;background:#0a1529;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:#f2f5fb;color:#3058a3!important;border:1px solid #d5def0;font-size:12px;line-height:1;box-shadow:0 6px 14px rgba(15,24,42,.07);font-family:inherit;cursor:pointer}.action-btn.info,.actions a[href*="detail"],.actions a[href*="kyc"]{background:#e7edf7;color:#1f4385!important;border-color:#9db3dc}.action-btn.approve,.actions a[href*="approve"],.actions a[href*="email-verify"],.actions a[href*="mobile-verify"],.actions a[href*="active"]{background:#e3e9f5;color:#173264!important;border-color:#9ab1db}.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:#d5def0;color:#92400e!important;border-color:#6c94dd}.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:#7f8ca3;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:#fcfdfe}.module-list span{width:28px;height:28px;border-radius:50%;background:#eff2f9;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:#fcfdfe}.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:#fcfdfe;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:#f8f9fc}.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:#121c30;background:#f7f9fc}
.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:#f8f9fc;padding:4px}
.signature-field{grid-column:1/-1}.signature-pad{position:relative;display:block;width:100%;min-height:190px;padding:12px;border:1px solid #b7c7e4;border-radius:8px;background:linear-gradient(135deg,#f9fafd,#eff3fa);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 32px rgba(34,73,145,.12)}.signature-pad::before{content:"";position:absolute;left:18px;right:18px;bottom:54px;border-bottom:1px dashed rgba(10,21,41,.28);pointer-events:none}.signature-pad canvas{display:block;width:100%;height:145px;border-radius:7px;background:linear-gradient(180deg,#fff,#fcfdfe);touch-action:none;cursor:crosshair}.signature-clear{position:absolute;right:12px;bottom:10px;border:1px solid #c7d4eb;border-radius:999px;background:#fff;color:#193569;padding:7px 14px;font-weight:900;box-shadow:0 8px 18px rgba(25,53,105,.12);cursor:pointer}.signature-preview{display:block;width:min(100%,420px);max-height:170px;object-fit:contain;margin-top:10px;border:1px solid #b7c7e4;border-radius:8px;background:#fff;padding:10px;box-shadow:0 10px 24px rgba(34,73,145,.1)}.signature-readonly{grid-column:1/-1}
.withdraw-proof-box{border:1px solid #c7d4eb;border-radius:10px;background:#f9fafd;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 #d9e1f0;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:#172133}.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:#5d677a}.dash-alert{background:#fff;border:1px solid #3e72d2;border-radius:2px;padding:14px 18px;margin-bottom:14px}.dash-alert strong{display:block;color:#2e63c5;font-size:16px;margin-bottom:8px}.dash-alert span{display:block;border-top:1px solid #d7dde7;padding-top:9px;color:#3468c9;font-size:12px}.dash-alert a{display:inline-block;margin-top:7px;color:#3468c9;font-size:12px}.dash-action-panel{background:linear-gradient(135deg,#193569 0%,#2c5db9 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:#1e283b}.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:#606e89;margin-top:2px}.dash-service-card.green i{background:#234b96}.dash-service-card.teal i{background:#2c5ebb}.dash-service-card.gold i{background:#4174d2}.dash-service-card.violet i{background:#839fd4}.dash-service-card.red i{background:#ff3d3d}.dash-service-card.pink i{background:#ff2f87}.dash-service-card.gray i{background:#64728b}.dash-recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:linear-gradient(135deg,#193569,#2c5db9);border-radius:9px;margin-top:14px;padding:12px}.dash-recent-card h2{font-size:15px;color:#eff3fa;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 #edf0f7}.dash-recent-card th{font-size:10px;color:#475369;background:#fff}.dash-recent-card td{background:#fff;color:#1f2737}.dash-shortcuts{background:linear-gradient(135deg,#193569 0%,#2c5db9 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:#343f54}.dash-shortcut b{font-size:15px;color:#4c5c7a}.dash-shortcut span{font-size:9px;line-height:1.15}.dash-shortcut.active{background:#234b96;color:#fff;border-color:#234b96}.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(242,245,251,.76)}}

/* Premium green theme */
:root{--p:#193569;--p2:#2c5db9;--green-dark:#13284f;--green-soft:#eaeff8;--gold:#4174d2}
body{background:linear-gradient(180deg,#f6f8fb 0%,#ecf0f8 42%,#f8f9fc 100%);color:#101620}
.notice{background:#eaeff8;color:#0e1d3a;border-bottom:1px solid #d7e0f0}
.bottom-notice{border-bottom:0;border-top:1px solid #d7e0f0;margin-top:26px}
.topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid #d9e1f1;box-shadow:0 10px 26px rgba(25,53,105,.08)}
.brand{color:#193569;letter-spacing:.02em}
nav a{color:#101620;font-weight:800}
nav a:hover{color:#193569}
.nav-btn,.btn{background:linear-gradient(135deg,#193569,#2c5db9);box-shadow:0 8px 18px rgba(25,53,105,.22)}
.btn.ghost{background:#fff;color:#193569;border-color:#234b96;box-shadow:none}
.btn.dark{background:#13284f}
.hero{background:linear-gradient(135deg,#eaeff8 0%,#f9fafd 62%,#e1e8f5 100%)}
.hero h1,.panel h1,.wrap h1{color:#0a162d}
.eyebrow{color:#193569}
.media{background:linear-gradient(135deg,#13284f,#234b96)}
.panel,.card,.balance,.admin-card,.stat-card{border:1px solid #d9e1f0;box-shadow:0 14px 32px rgba(25,53,105,.08)}
.panel,.card{background:rgba(255,255,255,.96)}
.balance{background:linear-gradient(135deg,#13284f,#2c5db9)}
.link-card:hover,.card:hover{border-color:#234b96;box-shadow:0 16px 34px rgba(25,53,105,.14)}
input:focus,textarea:focus,select:focus{outline:2px solid rgba(44,93,185,.22);border-color:#234b96}
th{color:#13284f;background:#f3f6fb}
td{background:#fff}
.alert{border:1px solid #ccd7eb}
.success{background:#e3e9f5;color:#173264}
.danger{background:#fee2e2;color:#991b1b}
.user-menu{background:linear-gradient(180deg,#13284f,#193569)}
.user-menu a:hover{background:rgba(255,255,255,.14)}
.admin-sidebar{background:linear-gradient(180deg,#0a1529,#13284f)}
.admin-sidebar a:hover{background:rgba(255,255,255,.12)}
.admin-logo{color:#e7edf7}
.admin-top{border-color:#d9e1f0;box-shadow:0 10px 24px rgba(25,53,105,.07)}
.actions a,.module-list a{color:#193569}
.module-list span{background:#eaeff8;color:#193569}
.module-list em{color:#234b96}
.form-section,.plan-note,.instruction,.rule-grid div,.summary-box div,.info-row{background:#f9fafd;border-color:#d9e1f0}
footer{color:#364664}
.dash-alert{background:#f9fafd;border-color:#4174d2;box-shadow:0 10px 24px rgba(65,116,210,.08)}
.dash-alert strong{color:#2958b0}
.dash-action-panel,.dash-recent-grid,.dash-shortcuts{background:linear-gradient(135deg,#193569 0%,#2c5db9 100%);box-shadow:0 16px 34px rgba(25,53,105,.18)}
.dash-service-card,.dash-shortcut{box-shadow:0 8px 18px rgba(19,41,82,.08)}
.dash-service-card:hover,.dash-shortcut:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(19,41,82,.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,#1d3f7e,#2c5ebb);border-color:#234b96}.dash-service-card.teal i{background:linear-gradient(135deg,#1f4282,#3269cf)}.dash-service-card.gold i{background:linear-gradient(135deg,#3168cf,#4a7bd5)}.dash-service-card.violet i{background:linear-gradient(135deg,#819ed3,#809dd2)}.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,#475369,#94a1b8)}
.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,#e3e9f5,#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(25,53,105,.18)}50%{box-shadow:inset 0 -2px 5px rgba(0,0,0,.12),0 9px 18px rgba(35,75,150,.28)}}.dash-action-panel .dash-service-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffff 0%,#fbfcfe 56%,#eff3fa 100%);border-color:rgba(25,53,105,.12);box-shadow:0 12px 26px rgba(19,41,82,.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:#0a1529;text-shadow:0 1px 0 rgba(255,255,255,.7)}.dash-action-panel .dash-service-card span{color:#31476f;font-weight:800}.dash-action-panel .dash-service-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(19,41,82,.18);border-color:rgba(35,75,150,.3)}
.plan-wrap .section-head{margin-bottom:18px}.plan-wrap .section-head h1{font-size:34px}.plan-wrap .section-head a{color:#193569;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 #cfdaee;background:linear-gradient(145deg,#ffffff 0%,#f8fafd 58%,#e9eef7 100%);padding:26px}.loan-card::before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#193569,#2c5db9,#4174d2)}.loan-card::after{content:"";position:absolute;right:-48px;bottom:-58px;width:150px;height:150px;border-radius:50%;background:rgba(44,93,185,.12)}.loan-card:nth-child(2n){background:linear-gradient(145deg,#ffffff 0%,#f9fafd 52%,#e0e7f4 100%);border-color:#234b96}.loan-card:nth-child(3n)::before{background:linear-gradient(90deg,#4174d2,#2c5db9)}.loan-card h3{font-size:26px;margin:8px 0 18px;color:#0a1529}.loan-range{font-size:20px;font-weight:900;color:#13284f;margin-bottom:16px}.loan-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.loan-meta span{background:#eaeff8;color:#13284f;border:1px solid #ccd8ed;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.loan-fee{color:#525d71;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(25,53,105,.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,#193569,#2c5ebb)}.loan-card:nth-child(2){background:linear-gradient(135deg,#19366c,#2753a5)}.loan-card:nth-child(3){background:linear-gradient(135deg,#173264,#2b5cb7)}.loan-card:nth-child(4){background:linear-gradient(135deg,#142a53,#234b96)}.loan-card:nth-child(5){background:linear-gradient(135deg,#1c3d79,#4174d2)}.loan-card:nth-child(6){background:linear-gradient(135deg,#132952,#2652a3)}.loan-card:nth-child(7){background:linear-gradient(135deg,#183264,#376dd0)}.loan-card:nth-child(8){background:linear-gradient(135deg,#162f5e,#2c5ebb)}.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:#193569;box-shadow:0 10px 22px rgba(0,0,0,.16)}.loan-card:hover{transform:translateY(-6px);box-shadow:0 24px 44px rgba(25,53,105,.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(25,53,105,.12)!important;
    background:linear-gradient(180deg,#fff 0%,#fcfdfe 100%)!important;
    box-shadow:0 9px 20px rgba(19,41,82,.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(25,53,105,.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(35,75,150,.24),0 8px 16px rgba(25,53,105,.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(35,75,150,.14)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(243,246,251,.96))!important;
    box-shadow:0 14px 32px rgba(25,53,105,.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 #d9e1f0!important;
    box-shadow:0 8px 18px rgba(25,53,105,.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,239,248,.75)!important;
    border:1px solid rgba(35,75,150,.14)!important;
    color:#0e1d3a!important;
    font-size:10.5px!important;
    font-weight:900!important;
    line-height:1!important;
    box-shadow:0 4px 10px rgba(25,53,105,.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:#e3e9f5!important;
  }
  body:not(.admin-body) .topbar .nav-btn{
    min-height:28px!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#193569,#2c5ebb)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 9px 18px rgba(25,53,105,.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:#070e1c!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:#3d5175!important;
  font-weight:800!important;
}
body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card{
  background:linear-gradient(145deg,#ffffff 0%,#fcfdfe 55%,#eff2f9 100%)!important;
}
body:not(.admin-body) .user-dashboard .dash-action-panel .dash-photo-icon{
  background:linear-gradient(135deg,#f2f5fb,#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,#eff3fa 0%,#e2e9f5 52%,#cdd9ee 100%)!important;
    border:1px solid rgba(199,212,235,.78)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 9px 20px rgba(10,21,41,.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%,#fcfdfe 58%,#eff2f9 100%)!important;
    border:1px solid rgba(35,75,150,.18)!important;
    border-radius:14px!important;
    box-shadow:0 18px 38px rgba(25,53,105,.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:#0a1529!important;
  }
  body:not(.admin-body) .panel:has(.kyc-form)>.muted{
    font-size:11px!important;
    margin:6px 0 10px!important;
    color:#3d5175!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,#e3e9f5,#f2f5fb)!important;
    border:1px solid rgba(35,75,150,.16)!important;
    color:#13284f!important;
    font-size:13px!important;
    font-weight:950!important;
    box-shadow:0 8px 18px rgba(25,53,105,.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(35,75,150,.14)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 8px 18px rgba(19,41,82,.07)!important;
    color:#091325!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 #bfcde7!important;
    background:#fbfcfe!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(25,53,105,.2)!important;
  }
  body:not(.admin-body) .kyc-form .req{
    color:#ef4444!important;
    font-weight:950!important;
  }
  body:not(.admin-body) .readonly-kyc input{
    color:#253146!important;
    opacity:1!important;
    -webkit-text-fill-color:#253146!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:#091325!important;
  }
  body:not(.admin-body) .readonly-field strong{
    color:#64728b!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,#102244 0%,#193569 52%,#19366c 100%)!important;
  color:#eff3fa!important;
  border:1px solid rgba(154,177,219,.24)!important;
  box-shadow:0 14px 30px rgba(16,34,68,.22)!important;
}
body:not(.admin-body) .notice span{
  color:#eff3fa!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(44,94,187,.24),transparent 34%),
    linear-gradient(135deg,#0a1529 0%,#13284f 56%,#19366c 100%)!important;
  border:1px solid rgba(154,177,219,.24)!important;
  box-shadow:0 18px 38px rgba(16,34,68,.24)!important;
}
body:not(.admin-body) .topbar nav a:not(.nav-btn){
  color:#f1f4fa!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(199,212,235,.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(199,212,235,.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,#234b96,#2c5ebb)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(44,94,187,.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:#d5deef!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:#d5deef!important;
  }
  body:not(.admin-body) .hero-video-field .hero-video-shade{
    background:linear-gradient(90deg,rgba(223,230,243,.82),rgba(223,230,243,.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(25,53,105,.16)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(44,94,187,.15),transparent 34%),
    linear-gradient(145deg,#ffffff 0%,#fcfdfe 58%,#eff2f9 100%)!important;
  box-shadow:0 24px 58px rgba(25,53,105,.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,#193569,#2c5ebb,#4174d2);
}
body:not(.admin-body) .auth-panel h1{
  margin:0 0 22px!important;
  color:#0a1529!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:#0f1a2d!important;
  font-size:14px!important;
  font-weight:950!important;
}
body:not(.admin-body) .auth-form input{
  min-height:46px!important;
  border:1px solid #b9c6de!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.92)!important;
  color:#101725!important;
  padding:12px 14px!important;
  font-size:15px!important;
  font-weight:750!important;
  box-shadow:0 8px 20px rgba(15,24,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:#234b96!important;
  box-shadow:0 0 0 4px rgba(44,94,187,.14),0 12px 26px rgba(25,53,105,.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,#193569,#2c5ebb)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  box-shadow:0 14px 28px rgba(25,53,105,.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(25,53,105,.3)!important;
}

/* Premium user page shortcut boxes */
body:not(.admin-body) .user-page-shortcuts{
  background:linear-gradient(135deg,#193569 0%,#2855a9 100%)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:16px!important;
  box-shadow:0 18px 40px rgba(25,53,105,.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(25,53,105,.12)!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#ffffff 0%,#fafbfd 100%)!important;
  color:#101725!important;
  box-shadow:0 12px 24px rgba(15,24,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(44,94,187,.34)!important;
  box-shadow:0 18px 34px rgba(25,53,105,.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(25,53,105,.18)!important;
}
body:not(.admin-body) .user-page-shortcuts .dash-shortcut span{
  color:#10192a!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,#193569,#2c5ebb)!important;
}
body:not(.admin-body) .user-page-shortcuts .dash-shortcut:nth-child(2) b{
  background:linear-gradient(135deg,#19366c,#3269cf)!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:#13284f!important;
}
body:not(.admin-body) .user-page-shortcuts .dash-shortcut:nth-child(2) span{
  color:#19366c!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(35,75,150,.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(25,53,105,.14)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(44,94,187,.08),transparent 32%),
    linear-gradient(145deg,#ffffff 0%,#fcfdfe 58%,#f0f4fa 100%)!important;
  box-shadow:0 18px 42px rgba(25,53,105,.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:#0a1529!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%,#fafbfd 100%)!important;
  border-color:rgba(35,75,150,.14)!important;
  box-shadow:0 10px 24px rgba(25,53,105,.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 #bfcde7!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.94)!important;
  color:#101725!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(15,24,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:#234b96!important;
  box-shadow:0 0 0 4px rgba(44,94,187,.13),0 12px 26px rgba(25,53,105,.08)!important;
}
body:not(.admin-body) .info-row,
body:not(.admin-body) .summary-box div{
  border-color:rgba(35,75,150,.16)!important;
  background:linear-gradient(145deg,#fafbfd 0%,#eff3fa 100%)!important;
  border-radius:12px!important;
}
body:not(.admin-body) .info-row strong,
body:not(.admin-body) .summary-box strong{
  color:#0a1529!important;
  font-weight:950!important;
}
body:not(.admin-body) .info-row span,
body:not(.admin-body) .summary-box span{
  color:#606e89!important;
}
body:not(.admin-body) table{
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 12px 26px rgba(25,53,105,.08)!important;
}
body:not(.admin-body) th{
  background:#eff2f9!important;
  color:#12274e!important;
}
body:not(.admin-body) td{
  background:rgba(255,255,255,.96)!important;
}
body:not(.admin-body) tr:hover td{
  background:#fafbfd!important;
}
body:not(.admin-body) .muted{
  color:#4f5d78!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;
  }
}

/* Mobile dashboard service boxes: larger icons and readable labels */
@media(max-width:640px){
  body:not(.admin-body) .user-dashboard .dash-action-panel{
    grid-auto-rows:94px!important;
    gap:7px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card{
    height:94px!important;
    min-height:94px!important;
    max-height:94px!important;
    grid-template-rows:36px 34px 15px!important;
    padding:7px 4px 6px!important;
    gap:2px!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:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-icon svg{
    width:22px!important;
    height:22px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card strong{
    min-height:30px!important;
    max-height:34px!important;
    font-size:10.4px!important;
    line-height:1.12!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card span{
    min-height:12px!important;
    max-height:15px!important;
    font-size:8.3px!important;
    line-height:1.1!important;
  }
}

@media(max-width:390px){
  body:not(.admin-body) .user-dashboard .dash-action-panel{
    grid-auto-rows:88px!important;
    gap:6px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card{
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;
    grid-template-rows:33px 32px 14px!important;
    padding:6px 3px 5px!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:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-icon svg{
    width:20px!important;
    height:20px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card strong{
    font-size:9.4px!important;
    line-height:1.1!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card span{
    font-size:7.6px!important;
  }
}

/* Dashboard mobile text boost: keep scope limited to the service grid */
@media(max-width:640px){
  body:not(.admin-body) .user-dashboard .dash-action-panel{
    grid-auto-rows:108px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    grid-template-rows:38px 42px 18px!important;
    padding:8px 4px 7px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card strong{
    min-height:38px!important;
    max-height:42px!important;
    font-size:12px!important;
    line-height:1.12!important;
    font-weight:950!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card span{
    min-height:16px!important;
    max-height:18px!important;
    font-size:10px!important;
    line-height:1.08!important;
    font-weight:950!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card:nth-child(2) span{
    font-size:11.5px!important;
    letter-spacing:0!important;
  }
}

@media(max-width:390px){
  body:not(.admin-body) .user-dashboard .dash-action-panel{
    grid-auto-rows:101px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card{
    height:101px!important;
    min-height:101px!important;
    max-height:101px!important;
    grid-template-rows:35px 40px 17px!important;
    padding:7px 3px 6px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card strong{
    font-size:10.8px!important;
    line-height:1.1!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card span{
    font-size:9px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card:nth-child(2) span{
    font-size:10.2px!important;
  }
}

/* Dashboard mobile cards: remove inner empty gaps and improve premium text scale */
@media(max-width:640px){
  body:not(.admin-body) .user-dashboard .dash-action-panel{
    gap:7px!important;
    grid-auto-rows:104px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    padding:7px 4px!important;
    gap:3px!important;
    border-radius:15px!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:33px!important;
    height:33px!important;
    flex:0 0 33px!important;
    margin:0!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-icon svg{
    width:21px!important;
    height:21px!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{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    max-height:none!important;
    letter-spacing:0!important;
    text-align:center!important;
    text-shadow:0 1px 0 rgba(255,255,255,.82)!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card strong{
    display:block!important;
    font-size:12.8px!important;
    line-height:1.06!important;
    font-weight:950!important;
    color:#060d1b!important;
    -webkit-line-clamp:2!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card span{
    display:block!important;
    font-size:10.8px!important;
    line-height:1.05!important;
    font-weight:900!important;
    color:#243a63!important;
    -webkit-line-clamp:1!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card:nth-child(2) span{
    font-size:12.5px!important;
    line-height:1!important;
    color:#162b52!important;
  }
}

@media(max-width:390px){
  body:not(.admin-body) .user-dashboard .dash-action-panel{
    gap:6px!important;
    grid-auto-rows:99px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card{
    height:99px!important;
    min-height:99px!important;
    max-height:99px!important;
    padding:6px 3px!important;
    gap:2px!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:30px!important;
    height:30px!important;
    flex-basis:30px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-icon svg{
    width:19px!important;
    height:19px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card strong{
    font-size:11.3px!important;
    line-height:1.04!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card span{
    font-size:9.4px!important;
  }
  body:not(.admin-body) .user-dashboard .dash-action-panel .dash-service-card:nth-child(2) span{
    font-size:11px!important;
  }
}

/* Static loan plan fields, scoped to the public loan sections. */
.loan-plans .loan-fields-panel{display:grid;gap:24px;padding:24px;background:#ebf0f8;border:1px solid #ced9ec;border-radius:22px;min-width:0}
.loan-plans .loan-fields-plan{min-width:0;padding:24px;background:linear-gradient(145deg,#fff 65%,#f4f6fb);border:1px solid #d6dfef;border-radius:18px;box-shadow:0 8px 24px rgba(13,28,56,.06);overflow:hidden}
.loan-plans .loan-fields-plan h3{display:flex;align-items:center;gap:14px;margin:-24px -24px 22px;padding:22px 24px;border-bottom:1px solid #7194d6;background:linear-gradient(115deg,#12213d,#1c3159);font-size:23px;font-weight:800;line-height:1.4;color:#fff;overflow-wrap:anywhere}
.loan-plans .loan-fields-plan h3::before{content:"৳";display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid rgba(148,172,217,.65);border-radius:12px;background:rgba(255,255,255,.07);color:#b2c4e4;font-size:24px;font-weight:700}
.loan-plans .loan-fields-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}
.loan-plans .loan-fields-grid>div{min-width:0;padding:16px;background:#f6f8fc;border:1px solid #d9e1f0;border-radius:12px;box-shadow:inset 0 1px 0 #fff}
.loan-plans .loan-fields-grid>div:nth-child(-n+2){background:#ebf0f8;border-color:#cad6eb}
.loan-plans .loan-fields-grid dt{font-size:13px;font-weight:600;line-height:1.6;color:#44587e;margin-bottom:9px}
.loan-plans .loan-fields-grid dd{margin:0;font-size:19px;line-height:1.5;font-weight:800;font-variant-numeric:tabular-nums;color:#14233f;overflow-wrap:anywhere}
.loan-plans .loan-fields-note{margin:18px 0 0;padding:14px 16px;border:1px solid #c5d1e8;border-left:3px solid #5074b8;border-radius:10px;background:#f5f7fb;font-size:13px;line-height:1.8;color:#3a4b6b;overflow-wrap:anywhere}
.loan-plans .loan-fields-note>:first-child{margin-top:0}
.loan-plans .loan-fields-note>:last-child{margin-bottom:0}
.loan-plans .loan-fields-note img{max-width:100%;height:auto}
.loan-plans .loan-fields-plan>.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;margin-top:20px;padding:12px 24px;border:1px solid #16294c;border-radius:10px;background:linear-gradient(115deg,#12213d,#243a64);box-shadow:0 4px 10px rgba(18,33,61,.12);color:#fff;font-weight:700;line-height:1.5;text-decoration:none}
.loan-plans .loan-fields-plan>.btn::after{content:"→";font-size:20px;line-height:1}
.loan-plans .loan-fields-plan>.btn:hover{background:#12213d}
.loan-plans .loan-fields-plan>.btn:focus-visible{outline:3px solid #5074b8;outline-offset:3px}
.loan-plans .loan-fields-empty{margin:0;color:#525d71}
@media(max-width:900px){.loan-plans .loan-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.loan-plans .loan-fields-panel{padding:10px;gap:16px;border-radius:16px}.loan-plans .loan-fields-plan{padding:14px;border-radius:12px}.loan-plans .loan-fields-plan h3{margin:-14px -14px 16px;padding:16px 14px;font-size:20px;gap:10px}.loan-plans .loan-fields-plan h3::before{flex-basis:34px;height:34px;border-radius:9px;font-size:21px}.loan-plans .loan-fields-grid{gap:9px}.loan-plans .loan-fields-grid>div{padding:12px 10px;border-radius:9px}.loan-plans .loan-fields-grid dt{font-size:12px;margin-bottom:6px}.loan-plans .loan-fields-grid dd{font-size:15px}.loan-plans .loan-fields-plan>.btn{display:flex;width:100%;box-sizing:border-box;text-align:center}.loan-plans .loan-fields-note{padding:12px;font-size:12px}}
@media(max-width:340px){.loan-plans .loan-fields-grid{grid-template-columns:minmax(0,1fr)}}

/* Two-field application after KYC; independent from existing loan forms. */
.loan-request-wrap{width:min(680px,calc(100% - 28px));margin:32px auto 48px}
.loan-request-card{overflow:hidden;background:#fff;border:1px solid #ced9ec;border-radius:22px;box-shadow:0 16px 44px rgba(18,33,61,.1)}
.loan-request-heading{display:flex;align-items:center;gap:16px;padding:28px;background:linear-gradient(115deg,#12213d,#1c3159);border-bottom:2px solid #7d99cc;color:#fff}
.loan-request-symbol{display:grid;place-items:center;flex:0 0 54px;height:54px;border:1px solid #718cbd;border-radius:16px;background:rgba(255,255,255,.07);color:#b2c4e4;font-size:32px}
.loan-request-heading p{margin:0 0 5px;color:#a9bde1;font-size:13px}
.loan-request-heading h1{margin:0;font-size:28px;line-height:1.4;color:#fff}
.loan-request-content{padding:28px}
.loan-request-intro{margin:0 0 24px;line-height:1.8;color:#44587e}
.loan-request-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.loan-request-fields label{display:block;min-width:0;font-size:16px;font-weight:800;line-height:1.6;color:#14233f}
.loan-request-field-caption{display:block;margin-top:4px;color:#42567b;font-size:12px;font-weight:600;line-height:1.6}
.loan-request-fields select{display:block;box-sizing:border-box;width:100%;min-height:54px;margin-top:10px;padding:12px;background:#f3f5fa;border:1px solid #c8d1e2;border-radius:12px;color:#14233f;font:inherit;font-size:15px}
.loan-request-fields select:focus-visible{outline:3px solid #8ba5d5;outline-offset:2px;border-color:#374868}
.loan-request-fields select option{background:#fff;color:#14233f;font-weight:600}
.loan-request-hint{margin:16px 0;font-size:12px;line-height:1.8;color:#4c638d}
.loan-request-terms{padding:16px;margin:16px 0;border:1px solid #c5d1e8;border-radius:12px;background:#f5f7fb;color:#3a4b6b;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.loan-request-terms[hidden]{display:none}
.loan-request-terms strong{color:#14233f;font-size:16px}
.loan-request-terms p{margin:6px 0}
.loan-request-terms img{max-width:100%;height:auto}
.loan-request-submit{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:20px;width:100%;min-height:52px;margin-top:24px;padding:14px 20px;border:1px solid #16294c;border-radius:12px;background:linear-gradient(115deg,#12213d,#243a64);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.loan-request-submit:hover{background:#12213d}
.loan-request-submit:focus-visible{outline:3px solid #5074b8;outline-offset:3px}
.loan-request-footnote{margin:14px 0 0;text-align:center;color:#4c638d;font-size:12px;line-height:1.8}
@media(max-width:540px){.loan-request-wrap{margin-top:20px}.loan-request-heading{padding:22px 18px;gap:12px}.loan-request-heading h1{font-size:24px}.loan-request-content{padding:22px 18px}.loan-request-fields{grid-template-columns:minmax(0,1fr);gap:20px}.loan-request-card{border-radius:18px}}

/* Six dashboard services; isolated from the previous animated card styles. */
.user-dashboard .dashboard-services{box-sizing:border-box;padding:28px;background:linear-gradient(135deg,#fcfdfe,#eef2f8);border:1px solid #cfdaed;border-radius:26px;box-shadow:0 14px 40px rgba(18,33,61,.07),inset 0 1px 0 #fff}
.user-dashboard .dashboard-services-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.user-dashboard .dashboard-services-heading p{margin:0 0 5px;color:#556f9e;font-size:12px;line-height:1.6}
.user-dashboard .dashboard-services-heading h2{margin:0;color:#14233f;font-size:23px;font-weight:800;line-height:1.5}
.user-dashboard .dashboard-services-badge{flex-shrink:0;border:1px solid #aabcdd;border-radius:999px;background:#ecf1f8;color:#334c7b;padding:7px 12px;font-size:12px;font-weight:600}
.user-dashboard .dashboard-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.user-dashboard .dashboard-service-tile{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-width:0;min-height:196px;padding:24px;border:1px solid #cdd8ec;border-radius:22px;background:linear-gradient(150deg,#fff,#e9eef6);box-shadow:0 7px 18px rgba(18,33,61,.055),inset 0 1px 0 #fff;color:#17253f;text-decoration:none}
.user-dashboard .dashboard-service-tile::before{content:"";position:absolute;z-index:-1;width:132px;height:132px;top:-64px;right:-40px;border:1px solid rgba(70,91,129,.1);border-radius:50%;box-shadow:0 0 0 18px rgba(70,91,129,.025),0 0 0 36px rgba(70,91,129,.018);pointer-events:none}
.user-dashboard .dashboard-service-tile::after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#556e9d,#c3cddf);pointer-events:none}
.user-dashboard .dashboard-service-tile:hover{border-color:#7a8fb7;box-shadow:0 9px 24px rgba(18,33,61,.11)}
.user-dashboard .dashboard-service-tile:focus-visible{outline:3px solid #5074b8;outline-offset:3px}
.user-dashboard .dashboard-service-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.user-dashboard .dashboard-service-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid #36496d;border-radius:17px;background:linear-gradient(140deg,#283b5d,#12213d);box-shadow:0 5px 12px rgba(24,42,75,.13),inset 0 1px 0 rgba(255,255,255,.2);color:#fff;overflow:hidden}
.user-dashboard .dashboard-service-icon svg{display:block;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.user-dashboard .dashboard-service-photo img{display:block;width:100%;height:100%;object-fit:cover}
.user-dashboard .dashboard-service-arrow{display:grid;place-items:center;width:28px;height:28px;border:1px solid #cdd5e4;border-radius:50%;background:rgba(255,255,255,.65);color:#465b81;font-size:18px;line-height:1}
.user-dashboard .dashboard-service-copy{min-width:0}
.user-dashboard .dashboard-service-copy strong{display:block;color:inherit;font-size:20px;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
.user-dashboard .dashboard-service-detail{display:block;margin-top:7px;color:#465b82;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.user-dashboard .service-tone-forest{background:linear-gradient(145deg,#243555,#12203b);border-color:#354563;color:#ecf0f8;box-shadow:0 7px 18px rgba(18,33,61,.14),inset 0 1px 0 rgba(255,255,255,.12)}
.user-dashboard .service-tone-forest .dashboard-service-detail{color:#d3dcee}
.user-dashboard .service-tone-forest::after{background:linear-gradient(90deg,#90a2c4,#bdcae3)}
.user-dashboard .service-tone-gold{background:linear-gradient(145deg,#2c4677,#1e3051);border-color:#3e5b92;color:#e5ebf6;box-shadow:0 7px 18px rgba(30,48,81,.14),inset 0 1px 0 rgba(255,255,255,.12)}
.user-dashboard :is(.service-tone-forest,.service-tone-gold)::before{border-color:rgba(207,218,238,.18);box-shadow:0 0 0 18px rgba(207,218,238,.035),0 0 0 36px rgba(207,218,238,.025)}
.user-dashboard :is(.service-tone-forest,.service-tone-gold) .dashboard-service-arrow{background:rgba(255,255,255,.09);border-color:rgba(207,218,238,.3);color:#d6e0f1}
.user-dashboard .service-tone-gold::after{background:linear-gradient(90deg,#426ab3,#a1b6de)}
.user-dashboard .service-tone-gold .dashboard-service-icon{background:linear-gradient(140deg,#4f76bd,#2d5193);border-color:#4066ae;color:#f4f6fb;box-shadow:0 5px 12px rgba(43,79,146,.15),inset 0 1px 0 rgba(255,255,255,.25)}
.user-dashboard .service-tone-gold .dashboard-service-detail{color:#c5d2eb}
.user-dashboard .service-tone-teal{background:linear-gradient(145deg,#233962,#12223f);border-color:#394f78;color:#f4f6fb;box-shadow:0 7px 18px rgba(18,34,63,.14),inset 0 1px 0 rgba(255,255,255,.12)}
.user-dashboard .service-tone-teal .dashboard-service-detail{color:#ced9ed}
.user-dashboard .service-tone-teal .dashboard-service-arrow{background:rgba(255,255,255,.09);border-color:rgba(213,222,239,.3);color:#e2e9f5}
.user-dashboard .service-tone-teal::before{border-color:rgba(213,222,239,.18);box-shadow:0 0 0 18px rgba(213,222,239,.035),0 0 0 36px rgba(213,222,239,.025)}
.user-dashboard .service-tone-teal::after{background:linear-gradient(90deg,#475f8c,#b7c3d8)}
.user-dashboard .service-tone-teal .dashboard-service-icon{background:linear-gradient(140deg,#395485,#1d335c);border-color:#39527f;color:#fff}
.user-dashboard .service-tone-balance{background:radial-gradient(ellipse at top right,rgba(103,128,173,.24),transparent 70%),linear-gradient(125deg,#0c172b,#1c2c4b);border-color:#303e58;color:#fff;box-shadow:0 9px 24px rgba(18,33,61,.16)}
.user-dashboard .service-tone-balance::before{border-color:rgba(160,182,222,.16);box-shadow:0 0 0 18px rgba(160,182,222,.04),0 0 0 36px rgba(160,182,222,.025)}
.user-dashboard .service-tone-balance::after{background:linear-gradient(90deg,#5e82c4,#a9bde1)}
.user-dashboard .service-tone-balance .dashboard-service-icon{background:linear-gradient(140deg,#b1c2e3,#6484be);border-color:#8fa9d8;color:#1a263c;box-shadow:0 5px 12px rgba(0,0,0,.12)}
.user-dashboard .service-tone-balance .dashboard-service-arrow{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.17);color:#b6c5e1}
.user-dashboard .service-tone-balance .dashboard-service-copy strong{font-size:14px;color:#dee5f3;font-weight:600}
.user-dashboard .service-tone-balance .dashboard-service-detail{color:#b2c4e4;font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.4}
@media(max-width:640px){
  .user-dashboard .dashboard-services{padding:12px;border-radius:17px}
  .user-dashboard .dashboard-services-heading{margin-bottom:10px;gap:8px}
  .user-dashboard .dashboard-services-heading p{display:none}
  .user-dashboard .dashboard-services-heading h2{font-size:16px;line-height:1.5}
  .user-dashboard .dashboard-services-badge{padding:4px 8px;font-size:10px}
  .user-dashboard .dashboard-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .user-dashboard .dashboard-service-tile{min-height:108px;padding:11px 12px;gap:7px;border-radius:13px}
  .user-dashboard .dashboard-service-tile::before{width:90px;height:90px;top:-56px;right:-38px}
  .user-dashboard .dashboard-service-tile::after{height:2px;left:12px;right:12px}
  .user-dashboard .dashboard-service-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px}
  .user-dashboard .dashboard-service-icon svg{width:20px;height:20px}
  .user-dashboard .dashboard-service-arrow{width:22px;height:22px;font-size:15px}
  .user-dashboard .dashboard-service-copy strong{font-size:14px;line-height:1.4}
  .user-dashboard .dashboard-service-detail{margin-top:3px;font-size:11px;line-height:1.5}
  .user-dashboard .service-tone-balance .dashboard-service-copy strong{font-size:12px}
  .user-dashboard .service-tone-balance .dashboard-service-detail{font-size:18px;line-height:1.3}
}
@media(max-width:360px){
  .user-dashboard .dashboard-services{padding:10px}
  .user-dashboard .dashboard-services-grid{gap:7px}
  .user-dashboard .dashboard-service-tile{padding:10px;gap:6px}
  .user-dashboard .dashboard-service-copy strong{font-size:13px}
  .user-dashboard .dashboard-service-detail{font-size:10.5px}
  .user-dashboard .service-tone-balance .dashboard-service-detail{font-size:16px}
  .user-dashboard .dashboard-services-badge{display:none}
}
@media(max-width:640px) and (max-height:700px){
  .user-dashboard .dashboard-service-tile{min-height:98px;padding-top:9px;padding-bottom:9px;gap:5px}
  .user-dashboard .dashboard-service-icon{width:28px;height:28px;flex-basis:28px;border-radius:9px}
  .user-dashboard .dashboard-service-icon svg{width:18px;height:18px}
  .user-dashboard .dashboard-services-heading{margin-bottom:8px}
}

/* Shared back link for public and signed-in user pages. */
.user-back-toolbar{width:min(1180px,calc(100% - 24px));margin:8px auto 0;display:flex;align-items:center}
.user-back-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 12px;border:1px solid #cdd8ec;border-radius:10px;background:linear-gradient(135deg,#fbfcfd,#ebeff7);box-shadow:0 2px 6px rgba(18,33,61,.04);color:#243453;font-size:12px;font-weight:700;line-height:1.5;text-decoration:none;touch-action:manipulation}
.user-back-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.user-back-button:hover{background:#e6ebf5;border-color:#9dadca}
.user-back-button:focus-visible{outline:3px solid #5074b8;outline-offset:3px}
@media(max-width:640px){.user-back-toolbar{width:calc(100% - 24px);margin-top:6px}.user-back-button{padding:6px 10px;min-height:34px;font-size:11px;border-radius:9px}}

/* Compact identity header and native, keyboard-accessible settings disclosure. */
.compact-site-header{position:sticky;top:8px;z-index:30;box-sizing:border-box;width:min(1180px,calc(100% - 24px));min-height:62px;margin:8px auto 0;padding:9px 12px;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:14px;border:1px solid #44597f;border-radius:16px;background:linear-gradient(115deg,#12213e,#183264);box-shadow:0 6px 18px rgba(17,32,61,.12),inset 0 1px 0 rgba(255,255,255,.1)}
.compact-site-logo{display:grid;place-items:center;box-sizing:border-box;width:40px;height:40px;overflow:hidden;border:1px solid rgba(164,185,223,.45);border-radius:12px;background:#182a4c;color:#abbee2;font-size:25px;font-weight:800}
.compact-site-logo img{display:block;width:100%;height:100%;object-fit:contain}
.compact-site-name{display:block;min-width:0;text-align:center;font-family:'Nirmala UI','Noto Sans Bengali','Segoe UI',sans-serif;font-size:clamp(16px,3.6vw,24px);font-weight:800;line-height:1.5;color:#b9c9e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .compact-site-name{background:linear-gradient(100deg,#dfe6f4 0%,#96aeda 25%,#d9e2f2 50%,#96aeda 75%,#dfe6f4 100%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:siteNameColour 9s ease-in-out infinite}
}
@keyframes siteNameColour{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.compact-settings{position:relative;min-width:0}
.compact-settings>summary{display:grid;place-items:center;box-sizing:border-box;width:40px;height:40px;padding:9px;border:1px solid rgba(176,194,227,.35);border-radius:12px;background:rgba(255,255,255,.07);color:#bfcee9;cursor:pointer;list-style:none;touch-action:manipulation}
.compact-settings>summary::-webkit-details-marker{display:none}
.compact-settings>summary svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.compact-settings[open]>summary,.compact-settings>summary:hover{background:rgba(255,255,255,.14);border-color:#839fd3}
.compact-site-logo:focus-visible,.compact-settings>summary:focus-visible,.compact-settings-links a:focus-visible{outline:3px solid #90a9d8;outline-offset:3px}
.compact-settings-links{position:absolute;right:0;top:calc(100% + 12px);display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;width:216px;max-width:calc(100vw - 36px);gap:4px;padding:8px;border:1px solid #d0daed;border-radius:14px;background:#fcfdfe;box-shadow:0 14px 36px rgba(17,29,52,.18)}
.compact-settings:not([open])>.compact-settings-links{display:none}
.compact-settings-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 12px;border-radius:9px;color:#21314f;font-size:14px;font-weight:700;line-height:1.6;text-decoration:none}
.compact-settings-links a:hover{background:#ebeff7}
.compact-settings-links a span{color:#6881ae;font-size:16px}
.compact-settings-links a.compact-settings-logout{border-top:1px solid #d6dfef;color:#9b403b}
@media(max-width:640px){.compact-site-header{top:6px;min-height:54px;padding:7px 9px;grid-template-columns:36px minmax(0,1fr) 36px;gap:10px;border-radius:14px}.compact-site-logo{width:36px;height:36px;border-radius:10px}.compact-settings>summary{width:36px;height:36px;padding:7px;border-radius:10px}.compact-settings>summary svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.compact-site-name{animation:none}}

/* Withdrawal notice, calculations and proof stacked in reading order. */
.withdraw-confirmation-page{box-sizing:border-box;width:min(820px,calc(100% - 24px));margin:22px auto 32px;color:#17253f}
.withdraw-confirmation-page>h1{margin:0 0 18px;font-size:28px;line-height:1.5;color:#12213d}
.withdraw-confirm-card{min-width:0;margin-top:16px;padding:22px;border:1px solid #d1dbee;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(18,33,61,.04)}
.withdraw-confirm-card h2{margin:0 0 16px;font-size:20px;line-height:1.5;color:#17253f}
.withdraw-confirm-notice{border-color:#aec1e3;background:linear-gradient(135deg,#f9fafd,#e7edf7)}
.withdraw-confirm-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.withdraw-confirm-heading h2{margin:0}
.withdraw-confirm-fee{text-align:right;min-width:0}
.withdraw-confirm-fee span{display:block;color:#415579;font-size:12px;line-height:1.5}
.withdraw-confirm-fee strong{display:block;color:#8b4d24;font-size:23px;line-height:1.5;overflow-wrap:anywhere}
.withdraw-confirm-message{font-size:14px;line-height:1.8;color:#334566;overflow-wrap:anywhere}
.withdraw-confirm-message>:first-child{margin-top:0}.withdraw-confirm-message>:last-child{margin-bottom:0}
.withdraw-confirm-message img{max-width:100%;height:auto}
.withdraw-confirm-calculation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.withdraw-confirm-calculation>div{min-width:0;padding:12px 14px;border:1px solid #d6dfef;border-radius:10px;background:#f5f7fb}
.withdraw-confirm-calculation dt{margin:0 0 5px;color:#4c638e;font-size:12px;line-height:1.5}
.withdraw-confirm-calculation dd{margin:0;color:#16243f;font-size:15px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.withdraw-confirm-calculation .withdraw-confirm-trx{grid-column:1/-1}
.withdraw-confirm-calculation .withdraw-confirm-total{background:#e6ebf5;border-color:#b9c5da}
.withdraw-confirm-form{display:grid;gap:16px}
.withdraw-confirm-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:158px;padding:22px;border:2px dashed #a2b1cd;border-radius:14px;background:#f3f6fb;text-align:center;cursor:pointer;overflow:hidden}
.withdraw-confirm-upload>input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.withdraw-confirm-upload:focus-within{outline:3px solid #5074b8;outline-offset:3px}
.withdraw-confirm-upload>svg{width:32px;height:32px;fill:none;stroke:#394e74;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.withdraw-confirm-upload>strong{font-size:16px;line-height:1.5;color:#1f3050}
.withdraw-confirm-upload>span{font-size:12px;line-height:1.7;color:#516996}
.withdraw-confirm-upload>img{display:block;max-width:100%;max-height:260px;object-fit:contain;border-radius:9px}
.withdraw-confirm-upload>img[hidden]{display:none}
.withdraw-confirm-file-name{margin:-8px 0 0;color:#465b82;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.withdraw-confirm-file-name:empty{display:none}
.withdraw-confirm-amount{display:block;color:#1f3050;font-size:14px;font-weight:700;line-height:1.6}
.withdraw-confirm-amount>input{display:block;box-sizing:border-box;width:100%;min-height:48px;margin-top:8px;padding:12px 14px;border:1px solid #c6cfe0;border-radius:11px;background:#f7f9fc;color:#16243f;font:inherit;font-weight:600}
.withdraw-confirm-amount>input:focus-visible{outline:3px solid #8ba5d5;outline-offset:2px}
.withdraw-confirm-submit{display:flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 20px;border:1px solid #283a5b;border-radius:11px;background:linear-gradient(110deg,#12213d,#243a64);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.withdraw-confirm-submit:hover{background:#12213d}.withdraw-confirm-submit:focus-visible{outline:3px solid #5074b8;outline-offset:3px}
.withdraw-confirm-receipt{display:grid;gap:6px;padding:14px;border:1px solid #b8c4d9;border-radius:11px;background:#ecf0f8;line-height:1.6}
.withdraw-confirm-receipt strong{font-size:16px}.withdraw-confirm-receipt span{font-size:13px;color:#455a80}
.withdraw-confirm-saved-proof{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px;padding:14px;border:1px solid #d6dfef;border-radius:12px;background:#f7f9fc;color:#293c60;font-size:13px;text-decoration:underline}
.withdraw-confirm-saved-proof img{display:block;max-width:100%;max-height:320px;object-fit:contain;border-radius:8px}
.withdraw-confirm-paid{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:14px;border:1px solid #b8c8e5;border-radius:11px;background:#eff3fa;overflow-wrap:anywhere}
.withdraw-confirm-paid span{font-size:13px;color:#3e5072}.withdraw-confirm-paid strong{font-size:20px;color:#243658}
@media(max-width:640px){
  .withdraw-confirmation-page{width:calc(100% - 20px);margin:8px auto 16px}
  .withdraw-confirmation-page>h1{font-size:19px;line-height:1.4;margin:0 0 8px}
  .withdraw-confirm-card{padding:11px;border-radius:12px;margin-top:8px}
  .withdraw-confirm-card h2{font-size:15px;line-height:1.4;margin-bottom:9px}
  .withdraw-confirm-heading{gap:10px;margin-bottom:7px}
  .withdraw-confirm-heading h2{margin:0}
  .withdraw-confirm-fee span{font-size:10px;line-height:1.4}
  .withdraw-confirm-fee strong{font-size:18px;line-height:1.4}
  .withdraw-confirm-message{font-size:12px;line-height:1.6}
  .withdraw-confirm-calculation{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .withdraw-confirm-calculation>div{padding:7px;border-radius:8px}
  .withdraw-confirm-calculation dt{font-size:10px;line-height:1.4;margin-bottom:3px}
  .withdraw-confirm-calculation dd{font-size:12px;line-height:1.4}
  .withdraw-confirm-calculation .withdraw-confirm-trx{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px}
  .withdraw-confirm-trx dt{flex-shrink:0;margin:0}
  .withdraw-confirm-trx dd{font-size:11px;text-align:right}
  .withdraw-confirm-form{gap:10px}
  .withdraw-confirm-upload{display:grid;grid-template-columns:24px minmax(0,1fr) 36px;align-items:center;justify-content:normal;column-gap:9px;row-gap:2px;min-height:64px;padding:10px;border-radius:10px;text-align:left}
  .withdraw-confirm-upload>svg{grid-column:1;grid-row:1/3;width:24px;height:24px}
  .withdraw-confirm-upload>strong{grid-column:2;grid-row:1;font-size:13px;line-height:1.5}
  .withdraw-confirm-upload>span{grid-column:2;grid-row:2;font-size:10px;line-height:1.5}
  .withdraw-confirm-upload>img{grid-column:3;grid-row:1/3;width:36px;max-height:42px;border-radius:5px}
  .withdraw-confirm-file-name{margin:-4px 0 0;font-size:10px;line-height:1.4}
  .withdraw-confirm-amount{font-size:12px;line-height:1.5}
  .withdraw-confirm-amount>input{min-height:42px;margin-top:5px;padding:8px 10px;font-size:16px;line-height:1.4;border-radius:9px}
  .withdraw-confirm-submit{min-height:42px;padding:9px 14px;font-size:14px;line-height:1.4;border-radius:9px}
  .withdraw-confirm-receipt{gap:3px;padding:10px}
  .withdraw-confirm-receipt strong{font-size:14px}
  .withdraw-confirm-receipt span{font-size:12px}
  .withdraw-confirm-saved-proof{gap:7px;padding:10px;margin-top:10px;font-size:12px}
  .withdraw-confirm-saved-proof img{max-height:110px}
  .withdraw-confirm-paid{padding:10px;margin-top:10px;gap:8px}
  .withdraw-confirm-paid span{font-size:12px}
  .withdraw-confirm-paid strong{font-size:18px}
}
@media(max-width:340px){
  .withdraw-confirm-calculation{grid-template-columns:repeat(2,minmax(0,1fr))}
  .withdraw-confirm-heading{align-items:flex-start}
  .withdraw-confirm-fee strong{font-size:16px}
  .withdraw-confirm-upload{grid-template-columns:22px minmax(0,1fr) 28px;column-gap:7px}
  .withdraw-confirm-upload>img{width:28px}
  .withdraw-confirm-paid{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px) and (max-height:740px){
  .withdraw-confirmation-page{margin-top:6px}
  .withdraw-confirmation-page>h1{font-size:18px;margin-bottom:6px}
  .withdraw-confirm-card{padding:9px;margin-top:7px}
  .withdraw-confirm-card h2{font-size:14px;margin-bottom:7px}
  .withdraw-confirm-heading{margin-bottom:5px}
  .withdraw-confirm-heading h2{margin:0}
  .withdraw-confirm-message{font-size:11.5px;line-height:1.5}
  .withdraw-confirm-calculation{gap:5px}
  .withdraw-confirm-calculation>div{padding:6px}
  .withdraw-confirm-calculation dt{font-size:9.5px;margin-bottom:2px}
  .withdraw-confirm-calculation dd{font-size:11px}
  .withdraw-confirm-calculation>div:nth-child(6) dd{font-size:10px}
  .withdraw-confirm-form{gap:8px}
  .withdraw-confirm-upload{min-height:56px;padding:8px}
  .withdraw-confirm-upload>strong{font-size:12px}
  .withdraw-confirm-amount>input{min-height:40px;margin-top:4px}
  .withdraw-confirm-submit{min-height:40px;padding:8px 12px}
}

.withdraw-payment-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.withdraw-payment-title h1,.withdraw-payment-title h2{margin:0}
.withdraw-payment-title>a,.withdraw-history-entry{display:inline-flex;align-items:center;min-height:34px;color:#283c60;font-size:12px;font-weight:700;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.withdraw-history-entry{margin-bottom:12px;margin-right:14px}
.withdraw-payment-summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:14px;border:1px solid #ccd7eb;border-radius:12px;background:#f1f4fa}
.withdraw-payment-summary>span{display:grid;gap:5px;font-size:12px;color:#465b82}
.withdraw-payment-summary strong{font-size:18px;color:#17253f}
.withdraw-payment-timezone{font-size:11px;color:#4c638e;line-height:1.6}
.withdraw-payment-record .withdraw-payment-title>strong{color:#2c4c86;font-size:20px;overflow-wrap:anywhere}
.withdraw-payment-proof-link{display:inline-flex;align-items:center;min-height:40px;margin:8px 14px 0 0;color:#283c60;font-size:13px;font-weight:700;text-decoration:underline}
.withdraw-payment-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin:18px 0;font-size:13px;color:#283c60}
@media(max-width:640px){.withdraw-payment-title{margin-bottom:7px;gap:8px}.withdraw-payment-title>a{font-size:11px;min-height:30px}.withdraw-payment-title>h1{font-size:19px;line-height:1.5}.withdraw-payment-summary{padding:11px}.withdraw-payment-summary strong{font-size:16px}}

/* Withdrawal review for all administrator roles. */
.admin-body .admin-sidebar>a.admin-withdraw-menu{border:1px solid rgba(158,180,221,.55);background:linear-gradient(110deg,#213b6b,#163060);color:#d9e1f1}
.admin-body .admin-sidebar>a.admin-withdraw-menu[aria-current=page]{background:#a8bce0;color:#17243d}
.admin-withdraw-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.admin-withdraw-heading h1{margin-bottom:6px}.admin-withdraw-heading p{margin:0;color:#4a608a;line-height:1.6}
.admin-withdraw-heading>span{padding:9px 14px;border:1px solid #ced9ec;border-radius:999px;background:#f1f4fa;color:#283856;white-space:nowrap}
.admin-withdraw-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,220px) auto;gap:14px;align-items:end}
.admin-withdraw-filters label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#283856}
.admin-withdraw-filters input,.admin-withdraw-filters select{box-sizing:border-box;width:100%;min-height:44px;padding:10px;border:1px solid #c9d2e2;border-radius:8px;background:#fff;color:#17243d;font:inherit}
.admin-withdraw-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.admin-withdraw-request{min-width:0;margin:0}
.admin-withdraw-request-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.admin-withdraw-request-top>strong{overflow-wrap:anywhere;color:#1c2e4e;font-size:14px}
.admin-withdraw-status{padding:5px 9px;border-radius:999px;background:#dbe4f3;color:#304b7c;font-size:12px;white-space:nowrap}
.admin-withdraw-request-body{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:start;margin-bottom:16px}
.admin-withdraw-preview{display:grid;place-items:center;min-height:128px;min-width:0;padding:8px;border:1px solid #d3dcee;border-radius:10px;background:#f2f5fa;text-align:center;color:#4c638d;font-size:12px;line-height:1.6}
.admin-withdraw-preview img{display:block;width:100%;height:128px;object-fit:contain}
.admin-withdraw-facts{display:grid;gap:8px;margin:0}.admin-withdraw-facts>div{min-width:0}.admin-withdraw-facts dt{font-size:11px;color:#546d9c}.admin-withdraw-facts dd{margin:3px 0 0;font-size:13px;font-weight:700;color:#25334d;overflow-wrap:anywhere}
.admin-withdraw-check{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #cad3e3;border-radius:10px;background:#eef2f9;font-size:14px;font-weight:700;color:#283856;line-height:1.6}
.admin-withdraw-check input{width:18px;height:18px;flex:0 0 18px;accent-color:#1f3968}
@media(max-width:1100px){.admin-withdraw-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:540px){.admin-withdraw-heading{align-items:flex-start;flex-direction:column;gap:8px}.admin-withdraw-filters{grid-template-columns:minmax(0,1fr)}.admin-withdraw-request-body{grid-template-columns:82px minmax(0,1fr);gap:12px}.admin-withdraw-preview img{height:104px}.admin-withdraw-request-top{align-items:flex-start}.admin-withdraw-heading p{font-size:13px}}
.admin-withdraw-inline-review{display:grid;gap:12px;padding-top:14px;border-top:1px solid #d3dcee}
.admin-withdraw-note{display:grid;gap:6px;font-size:12px;font-weight:700;color:#354563}
.admin-withdraw-note textarea{box-sizing:border-box;width:100%;min-height:64px;padding:10px;border:1px solid #cad6eb;border-radius:9px;background:#fbfcfd;font:inherit;line-height:1.5;resize:vertical}
.admin-withdraw-decision-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-withdraw-decision-buttons .btn{min-height:42px}.admin-withdraw-decision-buttons .btn.danger{background:#ac3737;color:#fff}

/* Keep the footer below short pages without covering longer page content. */
body.user-site-body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body.user-site-body>*{flex-shrink:0}
body.user-site-body>footer{margin-top:auto!important}

/* Homepage media fills the complete hero, including the floating header area. */
body.home-media-page{position:relative}
.home-media-page>.compact-site-header{position:absolute;top:12px;left:50%;transform:translateX(-50%);margin:0;z-index:30;background:linear-gradient(115deg,rgba(18,33,62,.91),rgba(24,50,100,.86));border-color:rgba(178,196,228,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 28px rgba(9,19,37,.2)}
.home-media-hero{position:relative;isolation:isolate;box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:520px;padding:116px 6vw 44px;overflow:hidden;background:linear-gradient(125deg,#b7c3d8,#c4d1ea 60%,#6b83b0)}
.home-hero-video,.home-hero-slideshow,.home-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.home-hero-video{z-index:-3;display:block;object-fit:cover}
.home-hero-slideshow{z-index:-3;overflow:hidden}
.home-hero-slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;animation:homeSlideFade 18s linear infinite,homeSlideMotion 6s ease-in-out infinite alternate;will-change:opacity,transform}
.home-hero-slide:nth-child(2){animation-delay:-12s,0s}.home-hero-slide:nth-child(3){animation-delay:-6s,0s}
.home-hero-shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(240,243,249,.85),rgba(238,242,248,.57) 55%,rgba(22,34,55,.2))}
.home-hero-copy{position:relative;width:min(1180px,100%);min-width:0;margin:0 auto;color:#10203d}
.home-hero-copy>.eyebrow{margin:0 0 8px;font-size:14px;font-weight:800;color:#2d3b54;line-height:1.5}
.home-hero-copy>h1{max-width:760px;margin:0 0 16px;color:#0d1b35;font-size:clamp(32px,5vw,58px);line-height:1.2;font-weight:800;overflow-wrap:anywhere;text-shadow:0 1px 12px rgba(255,255,255,.4)}
.home-hero-copy>p:not(.eyebrow){max-width:660px;margin:0 0 24px;color:#2d3b54;font-size:18px;line-height:1.65}
.home-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.home-hero-actions>.btn{min-height:46px;padding:12px 20px}
.home-hero-actions>.btn.ghost{background:rgba(255,255,255,.9);border:1px solid #2d4778;color:#172f5c}
@keyframes homeSlideFade{0%,27%{opacity:1}33.333%,94%{opacity:0}100%{opacity:1}}
@keyframes homeSlideMotion{from{transform:scale(1.02) translateX(-.5%)}to{transform:scale(1.09) translateX(.5%)}}
.admin-home-media-settings{display:grid;gap:14px;padding:18px;border:1px solid #d0daed;border-radius:12px;background:#f7f9fc}
.admin-home-media-settings>h2,.admin-home-media-settings>.muted{margin:0}
.admin-home-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.admin-home-image-slot{display:grid;gap:12px;min-width:0;padding:14px;border:1px solid #ced9ed;border-radius:10px;background:#fff}
.admin-home-image-slot input{max-width:100%}.admin-home-image-slot img{display:block;width:100%;height:140px;object-fit:cover;border-radius:8px}
@media(max-width:640px){.home-media-page>.compact-site-header{top:10px;width:calc(100% - 28px)}.home-media-hero{min-height:320px;padding:94px 22px 28px}.home-hero-copy>.eyebrow{font-size:12px;margin-bottom:5px}.home-hero-copy>h1{font-size:clamp(28px,7.4vw,38px);line-height:1.22;margin-bottom:10px}.home-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;margin-bottom:18px}.home-hero-actions{gap:10px}.home-hero-actions>.btn{min-height:44px;padding:10px 16px;font-size:14px}.home-hero-shade{background:linear-gradient(90deg,rgba(238,242,249,.84),rgba(238,242,249,.57))}.admin-home-image-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.home-hero-slide{animation:none;transform:none;will-change:auto;opacity:0}.home-hero-slide:first-child{opacity:1}}
.home-media-page .home-hero-actions>.btn{width:auto!important}
@media(max-width:640px){
  .home-media-hero{width:calc(100% - 20px);min-height:260px;margin:10px auto 0;padding:84px 18px 18px;border-radius:20px}
  .home-media-page>.compact-site-header{top:20px;width:calc(100% - 40px)}
  .home-hero-copy>h1{margin-bottom:8px}
  .home-hero-copy>p:not(.eyebrow){margin-bottom:12px}
}

/* Personal installment schedule on the existing deposit page. */
.installments-page{box-sizing:border-box;width:min(1100px,calc(100% - 24px));margin:20px auto 32px;color:#17253f}
.installments-page-heading,.installments-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.installments-page-heading{margin-bottom:18px}.installments-page-heading h1{margin:0;font-size:26px;line-height:1.5}
.installments-page-heading>a{font-size:12px;font-weight:700;color:#405376;text-decoration:underline;text-underline-offset:3px}
.installments-deposit-box{margin-bottom:24px;padding:0 18px;border:1px solid #c9d5ea;border-radius:15px;background:#fff;box-shadow:0 4px 14px rgba(18,33,61,.04)}
.installments-deposit-box>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:13px 0;color:#233556;font-size:15px;font-weight:800;list-style:none;cursor:pointer}
.installments-deposit-box>summary::-webkit-details-marker{display:none}.installments-deposit-box>summary>span{font-size:22px;color:#436198}
.installments-deposit-box>summary:focus-visible,.installments-filters>a:focus-visible,.installment-reference:focus-visible{outline:3px solid #5074b8;outline-offset:3px}
.installments-deposit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:4px 0 18px}
.installments-deposit-form label{min-width:0;color:#31405c;font-size:13px;line-height:1.5}
.installments-deposit-form input,.installments-deposit-form select,.installments-deposit-form textarea{box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #c8d1e2;border-radius:10px;background:#f6f8fc;color:#18253e;font-size:16px}
.installments-deposit-note,.installments-deposit-form>button{grid-column:1/-1}
.installments-list-heading{margin-bottom:12px}.installments-list-heading h2{margin:0;color:#17253f;font-size:21px}.installments-list-heading>span{padding:5px 10px;border:1px solid #aabddf;border-radius:999px;background:#ecf0f8;color:#344e7e;font-size:12px;font-weight:700}
.installments-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.installments-filters>a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid #ced9ed;border-radius:10px;background:#f7f9fc;color:#44587e;font-size:12px;font-weight:700;line-height:1.5}
.installments-filters>a[aria-current=page]{background:linear-gradient(115deg,#15243f,#283d64);border-color:#283d64;color:#fff}
.installments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.installment-card{position:relative;min-width:0;overflow:hidden;padding:18px;border:1px solid #bbcae5;border-top:3px solid #5375b5;border-radius:15px;background:linear-gradient(145deg,#fcfdfe,#e8edf7);box-shadow:0 5px 16px rgba(34,44,63,.04)}
.installment-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.installment-card-number{font-size:12px;font-weight:700;color:#415579}
.installment-status{padding:4px 8px;border-radius:999px;background:#c6d3eb;color:#284272;font-size:10px;font-weight:800;line-height:1.5;white-space:nowrap}
.installment-card h3{margin:0 0 4px;color:#17253f;font-size:18px;line-height:1.5;overflow-wrap:anywhere}
.installment-reference{display:block;margin:0 0 12px;color:#4f6793;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.installment-amount{display:block;margin:12px 0 14px;color:#263d69;font-size:24px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.installment-due-date{display:grid;gap:5px;padding-top:12px;border-top:1px solid rgba(72,94,134,.17)}
.installment-due-date>span{font-size:11px;color:#506894}.installment-due-date>time{font-size:13px;font-weight:700;color:#31405c}
.installment-paid{background:linear-gradient(145deg,#fcfdfe,#e9eef6);border-color:#cbd3e3;border-top-color:#4a608a}.installment-paid .installment-status{background:#d6dfef;color:#283a5a}.installment-paid .installment-amount{color:#243657}
.installment-overdue{background:linear-gradient(145deg,#fcfdfe,#fbefeb);border-color:#ead2c7;border-top-color:#b8785f}.installment-overdue .installment-status{background:#f1ddd5;color:#8b4c38}.installment-overdue .installment-amount{color:#8a503a}
.installments-empty{grid-column:1/-1;margin:0;padding:20px;border:1px solid #d4ddef;border-radius:12px;background:#fff;color:#4b618b;font-size:14px;line-height:1.8}
.installments-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:20px;color:#31415f;font-size:13px}
@media(max-width:700px){.installments-page{margin-top:14px}.installments-page-heading h1{font-size:21px}.installments-list-heading h2{font-size:18px}.installments-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.installment-card{padding:13px;border-radius:12px}.installment-card-top{gap:5px;margin-bottom:10px}.installment-card-number{font-size:11px}.installment-status{padding:3px 6px;font-size:9px}.installment-card h3{font-size:15px}.installment-amount{font-size:clamp(16px,4.2vw,22px);margin:10px 0 12px}.installment-reference{font-size:9px}.installment-due-date{padding-top:10px}.installment-due-date>span{font-size:10px}.installment-due-date>time{font-size:12px}.installments-filters>a{padding:8px 11px}.installments-deposit-form{grid-template-columns:minmax(0,1fr)}}
@media(max-width:340px){.installments-grid{grid-template-columns:minmax(0,1fr)}.installments-page-heading{align-items:flex-start;flex-direction:column;gap:6px}}
.installments-rule{margin:0 0 14px;padding:10px 12px;border:1px solid #b7c8e6;border-radius:10px;background:#f0f4fa;color:#3d5072;font-size:12px;line-height:1.7}