@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#ff8c00;--primary-hover:#e67c00;--primary-light:#fff4e6;--secondary:#002d62;--secondary-light:#003d82;--secondary-tint:#e8f0fb;--bg-main:#f4f7fa;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--success:#10b981;--danger:#ef4444;--glass-bg:#ffffffe6;--glass-border:#e2e8f0;--accent:#ff8c00;--content-max-width:600px;--sidebar-width:80px}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}input,button,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:700}.glass-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 4px 24px #002d620f}.btn-primary{background:linear-gradient(135deg, var(--primary), #ffa733);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #ff8c004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff8c0066}.input-field{border:1.5px solid var(--border);color:var(--text-main);background:#f8fafc;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-size:15px;transition:border-color .3s,box-shadow .3s}.input-field:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #ff8c001f}.loading-screen{min-height:100vh;color:var(--text-muted);background:var(--bg-main);justify-content:center;align-items:center;font-size:16px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.app-container{background-color:var(--bg-main);flex-direction:column;min-height:100vh;padding-bottom:70px;display:flex}.profile-header{background:var(--secondary);z-index:1001;justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #002d6240}.header-left{align-items:center;gap:12px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--primary), #ffa733);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:flex;box-shadow:0 4px 12px #ff8c0066}.user-info{flex-direction:column;display:flex}.user-name{color:#fff;font-size:15px;font-weight:700;line-height:1.2}.wallet-balance-small{color:#86efac;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.header-right{align-items:center;gap:10px;display:flex}.header-wallet-btn{color:var(--primary)!important;background:#ff8c0033!important;border:1px solid #ff8c004d!important}.icon-btn-rounded{cursor:pointer;color:#ffffffd9;background:#ffffff1f;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s;display:flex}.icon-btn-rounded:hover{color:#fff;background:#ffffff38}.app-main{flex:1}.bottom-nav{border-top:1px solid var(--border);z-index:1000;background:#fff;justify-content:space-around;align-items:center;height:68px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #002d6214}.nav-link{color:#94a3b8;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;margin:0 2px;padding:8px 0;font-size:10px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.nav-link.active{color:var(--secondary)}.nav-link svg{transition:transform .25s}.nav-link.active svg{color:var(--primary);filter:drop-shadow(0 2px 6px #ff8c0066);transform:translateY(-2px)}.nav-link.active:after{content:"";background-color:var(--primary);border-radius:50%;width:4px;height:4px;margin-top:-2px;display:block}@media (width>=769px){.app-container{flex-direction:row;padding-bottom:0}.profile-header{left:var(--sidebar-width);padding:0 calc((100vw - var(--sidebar-width) - var(--content-max-width)) / 2)}.bottom-nav{width:var(--sidebar-width);border-top:none;border-right:1px solid var(--border);z-index:1002;background:#fff;flex-direction:column;justify-content:flex-start;gap:4px;height:100vh;padding:24px 0;inset:0 auto 0 0;box-shadow:4px 0 20px #002d620f}.nav-link{flex:initial;border-radius:12px;margin:0 6px;padding:14px 0;font-size:10px}.nav-link:hover{background:var(--bg-main)}.nav-link.active{background:var(--primary-light)}.app-main{margin-left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));justify-content:center;display:flex}.app-main>*{width:100%;max-width:var(--content-max-width)}}.home-content-wrapper{background-color:var(--bg-main);padding:68px 16px 20px;font-family:Outfit,sans-serif}.promo-carousel-wrapper{margin-bottom:16px;position:relative}.promo-banner{border-radius:16px;justify-content:space-between;align-items:center;min-height:125px;max-height:125px;padding:16px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #002d6214}.promo-content{z-index:2;flex:1;max-width:60%;animation:.5s ease-out slideInText}@keyframes slideInText{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.bank-logo-placeholder{align-items:center;gap:6px;margin-bottom:6px;display:flex}.bank-icon-box{border-radius:4px;width:16px;height:16px}.bank-name{color:var(--secondary);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:800}.promo-title{color:var(--secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:16px;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.promo-subtitle{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;font-size:10px;line-height:1.3;display:-webkit-box;overflow:hidden}.promo-apply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--primary), #ffa733);border:none;border-radius:8px;margin-top:8px;padding:6px 16px;font-size:11px;font-weight:700;transition:transform .2s;box-shadow:0 4px 14px #ff8c0059}.promo-apply-btn:hover{transform:translateY(-2px)}.promo-image-container{z-index:1;flex:0 0 38%;justify-content:flex-end;animation:.6s ease-out slideInImage;display:flex}@keyframes slideInImage{0%{opacity:0;transform:translate(20px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.promo-cards-img{object-fit:contain;filter:drop-shadow(0 6px 10px #00000026);width:100%;max-width:110px;max-height:110px}.carousel-indicators{justify-content:center;gap:6px;margin-top:12px;display:flex}.indicator-dot{cursor:pointer;background:#e2e8f0;border-radius:50%;width:6px;height:6px;transition:all .3s}.indicator-dot.active{background:var(--primary);border-radius:10px;width:22px}.section-container{margin-bottom:24px}.section-header-row{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.section-title-wrapper{align-items:flex-start;gap:12px;display:flex}.title-accent-bar{background:var(--primary);border-radius:2px;width:4px;height:38px}.title-accent-bar.blue{background:var(--secondary)}.title-accent-bar.purple{background:#7c3aed}.section-subtitle{color:var(--text-muted);font-size:12px;font-weight:500}.btn-view-all{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:14px;font-weight:700;transition:color .2s;display:flex}.btn-view-all:hover{color:var(--primary-hover)}.quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:16px;padding:12px 0;display:grid}.action-item{cursor:pointer;flex-direction:column;align-items:center;gap:8px;transition:transform .2s;display:flex}.action-item:hover{transform:translateY(-3px)}.action-icon-circle{border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 4px 12px #002d6214}.action-name{color:var(--secondary);text-align:center;font-size:11px;font-weight:700;line-height:1.2}.featured-cards-horizontal-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding:4px 4px 20px;display:flex;overflow-x:auto}.featured-cards-horizontal-scroll::-webkit-scrollbar{display:none}.featured-card.horizontal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;min-width:280px;max-width:280px;padding:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px #002d6214}.featured-card.horizontal:hover{transform:translateY(-3px);box-shadow:0 12px 32px #002d6224}.featured-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.product-logo-box{align-items:center;width:90px;height:28px;display:flex}.bank-logo-img{object-fit:contain;max-width:100%;max-height:100%}.earn-badge{background:var(--primary-light);color:var(--primary);border:1px solid #ff8c0033;border-radius:100px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.earn-badge.green{color:#059669;background:#ecfdf5;border-color:#d1fae5}.featured-card-body h4{color:var(--secondary);margin-bottom:4px;font-size:17px;font-weight:800}.featured-card-body p{color:#64748b;height:32px;margin-bottom:12px;font-size:12px;line-height:1.4;overflow:hidden}.featured-card-footer{display:flex}.btn-details{border:1.5px solid var(--border);width:100%;color:var(--secondary);cursor:pointer;background:#fff;border-radius:10px;padding:8px;font-size:12px;font-weight:700;transition:border-color .2s}.btn-details:hover{border-color:var(--secondary)}.btn-apply{background:linear-gradient(135deg, var(--secondary), var(--secondary-light));color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1.5;padding:10px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #002d6240}.btn-apply:hover{transform:translateY(-2px);box-shadow:0 8px 20px #002d624d}.testimonials-horizontal-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding:4px 4px 20px;display:flex;overflow-x:auto}.testimonials-horizontal-scroll::-webkit-scrollbar{display:none}.testimonial-card.horizontal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;min-width:300px;max-width:300px;padding:20px;box-shadow:0 4px 16px #002d620f}.testimonial-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.user-avatar-circle{background:linear-gradient(135deg, var(--secondary), var(--secondary-light));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:800;display:flex}.user-avatar-circle.pink{background:linear-gradient(135deg,#db2777,#f472b6)}.user-info h4{color:var(--secondary);margin:0;font-size:15px;font-weight:800}.stars-row{gap:2px;display:flex}.testimonial-text{color:#475569;margin:0;font-size:13px;font-style:italic;line-height:1.5}@media (width>=769px){.home-content-wrapper{max-width:var(--content-max-width);margin:0 auto;padding-top:68px}.promo-banner{min-height:140px;max-height:150px}.promo-cards-img{max-width:130px;max-height:130px}}.login-page-wrapper{box-sizing:border-box;background:#f4f5f9;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-content{box-sizing:border-box;background:#fff;border-radius:32px;width:100%;max-width:400px;padding:24px 32px;box-shadow:0 10px 40px #0000000d}.login-header{text-align:center;margin-bottom:8px}.login-logo{object-fit:contain;mix-blend-mode:multiply;height:180px;margin:-40px auto -30px;display:block}.login-title{color:var(--secondary);margin-bottom:8px;font-size:28px;font-weight:800;line-height:1.2}.login-subtitle{color:#64748b;font-size:14px;line-height:1.4}.login-form{flex-direction:column;gap:16px;display:flex}.clean-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:border-color .2s}.clean-input::placeholder{color:#94a3b8}.clean-input:focus{border-color:var(--primary)}.form-options{justify-content:space-between;align-items:center;gap:12px;margin-top:-2px;font-size:13px;display:flex}.forgot-password{color:var(--primary);cursor:pointer;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600;text-decoration:none}.forgot-password:hover{text-decoration:underline}.btn-signin{background:linear-gradient(135deg, var(--primary), #ffa733);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #ff8c004d}.btn-signin:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff8c0066}.btn-signin:disabled{opacity:.7;cursor:not-allowed;transform:none}.w-full{width:100%}.login-footer{text-align:center;color:#64748b;margin-top:32px;font-size:14px;display:none}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;color:#1e293b;white-space:nowrap;align-items:center;padding-left:28px;font-size:13px;display:flex;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;width:20px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.checkbox-container:hover input~.checkmark{border-color:var(--primary)}.checkbox-container input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;top:2px;left:6px;transform:rotate(45deg)}.error-message{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;padding:12px;font-size:14px}.signup-container{background:#fff;min-height:100vh;padding:20px 24px 40px}.signup-header{align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.signup-back-btn{color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:2px;margin-bottom:24px;padding:0;transition:background .2s;display:flex}.signup-back-btn:hover{background:#f1f5f9}.header-text h1{color:var(--secondary);margin-bottom:8px;font-size:28px;font-weight:700}.signup-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#334155;font-size:14px;font-weight:600}.alert{border-radius:12px;align-items:flex-start;gap:10px;padding:13px 16px;font-size:14px;font-weight:500;line-height:1.5;animation:.25s slideDown;display:flex}.alert svg{flex-shrink:0;margin-top:1px}.alert-error{color:#dc2626;background:#ef444414;border:1px solid #ef44444d}.alert-success{color:#16a34a;background:#22c55e14;border:1px solid #22c55e4d}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--secondary);opacity:.75;pointer-events:none;position:absolute;left:16px}.input-wrapper input{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;font-family:Outfit,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s;padding:16px 16px 16px 48px!important}.input-wrapper input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #ff5c281a}.input-wrapper.input-error input{background:#fff5f5;border-color:#ef4444;box-shadow:0 0 0 4px #ef444414}.input-wrapper.input-success input{background:#f0fdf4;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e14}.field-hint{align-items:center;gap:5px;margin-top:-2px;font-size:12.5px;font-weight:500;display:flex}.hint-error{color:#dc2626}.hint-success{color:#16a34a}.toggle-password{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:16px}.toggle-password:hover{color:var(--secondary)}.signup-submit{letter-spacing:.01em;background:linear-gradient(135deg, var(--secondary) 0%, #3e3e8e 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:4px;padding:16px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 8px 20px #1b1b4d33}.signup-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #1b1b4d4d}.signup-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.loading-row{justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-prompt{text-align:center;color:#64748b;margin-top:16px;font-size:14px}.login-prompt span{color:var(--primary);cursor:pointer;font-weight:700}.login-prompt span:hover{text-decoration:underline}.forgot-password-container{background:#f4f5f9;max-width:480px;min-height:100vh;margin:0 auto;padding:0 20px 40px}.forgot-header{z-index:2;align-items:center;gap:12px;padding:20px 0 8px;display:flex;position:relative}.forgot-back-btn{width:40px;min-width:40px;height:40px;color:var(--secondary,#002d62);cursor:pointer;background:#fff;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000000f}.forgot-back-btn:hover{transform:scale(1.05)}.forgot-header .header-text h1{color:var(--secondary,#002d62);margin:0;font-size:22px;font-weight:800}.forgot-header .header-text p{color:#64748b;margin:2px 0 0;font-size:13px}.progress-steps{justify-content:center;align-items:center;gap:0;margin:24px 0;display:flex}.step-dot{color:#94a3b8;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;transition:all .3s;display:flex;position:relative}.step-dot.active{background:linear-gradient(135deg, var(--primary,#ff8c00), #ffa733);color:#fff;box-shadow:0 4px 14px #ff8c0059}.step-dot.completed{color:#fff;background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 14px #10b9814d}.step-line{background:#e2e8f0;border-radius:4px;width:50px;height:3px;transition:background .3s}.step-line.active{background:linear-gradient(90deg,#10b981,#34d399)}.forgot-form{background:#fff;border-radius:20px;flex-direction:column;gap:18px;padding:28px 24px;display:flex;box-shadow:0 4px 20px #0000000a}.step-icon-wrapper{width:72px;height:72px;color:var(--primary,#ff8c00);background:linear-gradient(135deg,#ff8c001a,#ffa73314);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 4px;display:flex}.step-icon-wrapper.verify{color:var(--secondary,#002d62);background:linear-gradient(135deg,#002d621a,#002d620d)}.step-icon-wrapper.success{color:#10b981;background:linear-gradient(135deg,#10b9811a,#34d39914)}.step-description{text-align:center;color:#64748b;margin:0;font-size:14px;line-height:1.5}.step-description strong{color:var(--secondary,#002d62)}.phone-hint{color:#64748b;background:linear-gradient(135deg,#002d620f,#002d6205);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.phone-hint strong{color:var(--secondary,#002d62)}.forgot-form .form-group{flex-direction:column;gap:6px;display:flex}.forgot-form .form-group label{color:var(--secondary,#002d62);text-transform:none;letter-spacing:0;font-size:13px;font-weight:700}.forgot-form .input-wrapper{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.forgot-form .input-wrapper:focus-within{border-color:var(--primary,#ff8c00);box-shadow:0 0 0 3px #ff8c0014}.forgot-form .input-wrapper.input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.forgot-form .input-wrapper.input-success{border-color:#10b981;box-shadow:0 0 0 3px #10b98114}.forgot-form .input-icon{color:#94a3b8;flex-shrink:0;margin-right:10px}.forgot-form .input-wrapper input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:13px 0;font-family:inherit;font-size:15px}.forgot-form .input-wrapper input::placeholder{color:#94a3b8}.forgot-form .toggle-password{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.forgot-form .btn-primary{background:linear-gradient(135deg, var(--primary,#ff8c00), #ffa733);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:4px;padding:14px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #ff8c004d}.forgot-form .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff8c0066}.forgot-form .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.forgot-password-container .alert{border-radius:12px;align-items:center;gap:10px;margin-bottom:4px;padding:12px 16px;font-size:14px;animation:.3s slideDown;display:flex}.forgot-password-container .alert-error{color:#ef4444;background:#ef444414;border:1px solid #ef444426}.forgot-password-container .alert-success{color:#10b981;background:#10b98114;border:1px solid #10b98126}.forgot-form .field-hint{align-items:center;gap:5px;margin:2px 0 0;font-size:12px;display:flex}.forgot-form .hint-error{color:#ef4444}.forgot-form .hint-success{color:#10b981}.forgot-form .loading-row{justify-content:center;align-items:center;gap:8px;display:flex}.forgot-form .spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.back-to-login{text-align:center;color:var(--primary,#ff8c00);cursor:pointer;margin-top:24px;font-size:14px;font-weight:600;transition:opacity .2s}.back-to-login:hover{opacity:.8}.get-started-container{background:var(--bg-main);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;padding:6px 24px 16px;display:flex;position:relative;overflow:hidden}.splash-content{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;display:flex}.logo-section{margin-top:0;margin-bottom:4px}.splash-logo{max-width:160px;height:auto}.splash-illustration-wrapper{flex:1;justify-content:center;align-items:center;width:100%;max-width:320px;display:flex}.splash-illustration{object-fit:contain;width:100%;max-height:28vh}.splash-text{margin-top:4px;margin-bottom:4px}.splash-text h1{color:var(--secondary);margin-bottom:6px;font-size:22px;font-weight:800}.splash-text p{color:#64748b;font-size:14px;line-height:1.5}.action-section{flex-direction:column;gap:16px;width:100%;max-width:340px;display:flex}.btn-get-started{background:linear-gradient(135deg, var(--primary), #ffa733);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:18px;font-weight:700;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 10px 28px #ff8c004d}.btn-get-started:hover{transform:translateY(-2px);box-shadow:0 16px 36px #ff8c0066}.btn-get-started span{flex:1}.login-footer-text{color:#64748b;font-size:14px}.login-link{color:var(--primary);cursor:pointer;font-weight:700}.login-link:hover{color:var(--primary-hover);text-decoration:underline}@media (prefers-color-scheme:dark){.get-started-container{background:var(--bg-dark)}.login-footer-text{color:var(--text-muted)}}.leads-page-wrapper{background-color:var(--bg-main);padding-bottom:0}.leads-hero{background:linear-gradient(135deg, var(--secondary) 0%, #003d82 60%, #004aaa 100%);justify-content:space-between;align-items:center;padding:28px 24px 36px;display:flex;position:relative;overflow:hidden}.leads-hero:after{content:"";background:linear-gradient(90deg, var(--primary), #ffa733);height:4px;position:absolute;bottom:0;left:0;right:0}.leads-hero:before{content:"";background:#ffffff0d;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.leads-hero-content{z-index:1}.leads-hero-subtitle{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:11px;font-weight:700}.leads-hero-title{color:#fff;margin:0 0 6px;font-size:26px;font-weight:900;line-height:1.1}.leads-hero-desc{color:#ffffffa6;font-size:13px;font-weight:500}.leads-hero-icon{z-index:1;opacity:.6}.leads-stats-grid{background:var(--bg-main);grid-template-columns:1fr 1fr;gap:12px;padding:20px 16px;display:grid}.leads-stat-card{border:1px solid var(--border);background:#fff;border-radius:18px;align-items:center;gap:10px;min-width:0;padding:16px 12px 16px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #002d6212}.leads-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #002d621f}.lsc-bar{border-radius:18px 0 0 18px;width:4px;position:absolute;top:0;bottom:0;left:0}.leads-stat-card.navy .lsc-bar{background:var(--secondary)}.leads-stat-card.orange .lsc-bar{background:var(--primary)}.leads-stat-card.green .lsc-bar{background:#10b981}.leads-stat-card.red .lsc-bar{background:#ef4444}.lsc-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.leads-stat-card.navy .lsc-icon{background:var(--secondary-tint);color:var(--secondary)}.leads-stat-card.orange .lsc-icon{background:var(--primary-light);color:var(--primary)}.leads-stat-card.green .lsc-icon{color:#10b981;background:#ecfdf5}.leads-stat-card.red .lsc-icon{color:#ef4444;background:#fef2f2}.lsc-info{flex-direction:column;gap:2px;display:flex}.lsc-value{color:var(--secondary);font-size:24px;font-weight:900;line-height:1}.leads-stat-card.orange .lsc-value{color:var(--primary)}.leads-stat-card.green .lsc-value{color:#10b981}.leads-stat-card.red .lsc-value{color:#ef4444}.lsc-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:10px;font-weight:700;overflow:visible}.leads-body{padding:20px 16px}.leads-search-wrap{margin-bottom:16px;position:relative}.leads-search-wrap .search-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.leads-search-input{border:1.5px solid var(--border);width:100%;color:var(--text-main);background:#fff;border-radius:14px;outline:none;padding:13px 16px 13px 42px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 8px #002d620d}.leads-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff8c001f}.leads-tabs{scrollbar-width:none;gap:8px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.leads-tabs::-webkit-scrollbar{display:none}.leads-tab-btn{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:100px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.leads-tab-btn.active{background:linear-gradient(135deg, var(--secondary), #003d82);color:#fff;border-color:var(--secondary);box-shadow:0 4px 14px #002d6240}.leads-tab-count{color:var(--text-muted);background:#f1f5f9;border-radius:100px;padding:1px 7px;font-size:11px;font-weight:800;transition:all .2s}.leads-tab-count.active{color:#fff;background:#fff3}.leads-list{flex-direction:column;gap:12px;display:flex}.lead-card{border:1px solid var(--border);background:#fff;border-radius:20px;justify-content:space-between;align-items:center;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #002d620f}.lead-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #002d621f}.lead-card-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.lead-avatar{background:linear-gradient(135deg, var(--secondary), #003d82);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:flex;box-shadow:0 4px 10px #002d6233}.lead-info{min-width:0}.lead-name{color:var(--secondary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:15px;font-weight:800;overflow:hidden}.lead-service{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:12px;overflow:hidden}.lead-date{color:#94a3b8;margin:0;font-size:11px;font-weight:500}.lead-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;margin-left:12px;display:flex}.lead-status-badge{border-radius:100px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:700;display:flex}.lead-earn{color:var(--text-muted);margin:0;font-size:12px}.lead-earn strong{color:var(--primary);font-weight:800}.leads-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.leads-empty-icon{background:var(--secondary-tint);border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex;box-shadow:0 4px 16px #002d621a}.leads-empty-state h3{color:var(--secondary);margin-bottom:8px;font-size:18px;font-weight:800}.leads-empty-state p{color:var(--text-muted);font-size:14px;line-height:1.5}.leads-type-toggle-container{z-index:10;margin-top:-16px;margin-bottom:16px;padding:0 16px;position:relative}.leads-type-toggle{border:1px solid var(--border);background:#fff;border-radius:12px;padding:4px;display:flex;box-shadow:0 4px 14px #002d6214}.type-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.type-toggle-btn.active{background:var(--secondary-tint);color:var(--secondary);box-shadow:0 2px 8px #002d620d}@media (width>=769px){.leads-hero{padding:28px calc((100% - var(--content-max-width) + 48px) / 2) 36px}.leads-stats-grid{max-width:var(--content-max-width);margin:0 auto}.leads-type-toggle-container{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.leads-body{max-width:var(--content-max-width);margin:0 auto}}.toast-message{z-index:9999;background:#fff;border:1px solid #0000000d;border-radius:16px;align-items:center;gap:12px;min-width:320px;max-width:90vw;padding:16px 20px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000026}.toast-message.success{border-left:5px solid #10b981}.toast-message.info{border-left:5px solid #3b82f6}.toast-message.warning{border-left:5px solid #f59e0b}.toast-message.error{border-left:5px solid #ef4444}.toast-icon{justify-content:center;align-items:center;display:flex}.toast-content{flex:1}.toast-content h4{color:#1e293b;margin:0 0 4px;font-size:15px;font-weight:700}.toast-content p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.toast-close:hover{color:#475569}@keyframes slideIn{0%{opacity:0;top:-100px}to{opacity:1;top:20px}}.animate-slide-in{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards slideIn}.page-content-wrapper{background-color:var(--bg-main);max-width:600px;min-height:calc(100vh - 80px);margin:0 auto;padding:16px}.wallet-page{padding-top:12px}.page-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.header-icon-box{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bg-teal{background:var(--secondary)}.header-text h2{color:var(--secondary);margin-bottom:2px;font-size:17px;font-weight:800}.header-text p{color:var(--text-muted);font-size:10px}.balance-card{background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);color:#fff;border-radius:16px;margin-bottom:18px;padding:18px;position:relative;overflow:hidden;box-shadow:0 8px 16px #002d6226}.balance-card:before{content:"";background:linear-gradient(90deg, var(--primary), #ffa733);height:4px;position:absolute;top:0;left:0;right:0}.balance-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.balance-label{opacity:.9;font-size:11px;font-weight:500}.main-balance{letter-spacing:-.5px;margin:0 0 24px;font-size:32px;font-weight:800}.balance-stats-row{justify-content:space-between;align-items:center;display:flex}.balance-stat{flex-direction:column;gap:3px;display:flex}.text-right{text-align:right;align-items:flex-end}.stat-label{opacity:.8;font-size:9px}.stat-value{font-size:12px;font-weight:700}.action-buttons-row{gap:12px;display:flex}.action-buttons-row button{cursor:pointer;border:1px solid var(--border);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.btn-withdraw{background:var(--bg-main);color:var(--text-muted);cursor:not-allowed}.btn-manage-bank{color:var(--primary);background:#fff;box-shadow:0 4px 12px #ff8c000d;border:1px solid #ff8c004d!important}.btn-manage-bank:hover{background:var(--primary-light);transform:translateY(-1px)}.btn-manage-bank .btn-text{flex-direction:column;align-items:flex-start;font-size:10px;line-height:1.2;display:flex}.transactions-section{background:#fff;border-radius:20px;margin-top:24px;margin-bottom:80px;padding:20px;box-shadow:0 -4px 20px #002d620d}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.view-all{color:var(--primary);cursor:pointer;font-size:12px;font-weight:600}.transaction-list{flex-direction:column;gap:16px;display:flex}.transaction-item{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding-bottom:16px;display:flex}.transaction-item:last-child{border-bottom:none;padding-bottom:0}.tx-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tx-icon.success{color:#10b981;background:#ecfdf5}.tx-icon.pending{color:var(--primary);background:#fffbeb}.tx-icon.withdrawal{color:#ef4444;background:#fef2f2}.tx-info{flex:1}.tx-info h4{color:var(--secondary);margin:0 0 4px;font-size:13px;font-weight:700}.tx-info p{color:var(--text-muted);margin:0;font-size:11px}.tx-amount{font-size:14px;font-weight:800}.tx-amount.positive{color:#10b981}.tx-amount.negative{color:var(--secondary)}.tx-amount.pending{color:var(--primary);font-size:12px}.loading-state,.empty-state{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;font-size:14px;display:flex}.empty-state p{margin:0;font-weight:500}.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.withdraw-modal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:500px;padding:24px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.close-btn{cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.available-balance-box{text-align:center;background:#f0fdf4;border-radius:16px;margin-bottom:24px;padding:16px}.available-balance-box span{color:#16a34a;font-size:13px;font-weight:600}.available-balance-box h4{color:#16a34a;margin:4px 0 0;font-size:24px;font-weight:800}.amount-input-box{border-bottom:2px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:8px;padding:10px 0;display:flex}.amount-input-box:focus-within{border-color:#1e3a8a}.currency-symbol{color:#1e293b;font-size:24px;font-weight:700}.amount-input-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:28px;font-weight:700}.input-hint{color:#64748b;margin-bottom:32px;font-size:12px}.modal-actions{gap:12px;display:flex}.btn-confirm{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:14px;flex:2;height:52px;font-weight:600}.transactions-page{background:#f8fafc;padding-bottom:30px}.tx-header{z-index:100;background:#fff;justify-content:center;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.tx-header .back-btn{color:#1e3a8a;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;left:20px}.tx-header h2{color:#1e3a8a;margin:0;font-size:18px;font-weight:700}.placeholder-box{width:24px}.search-container{gap:12px;padding:20px;display:flex}.search-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;height:48px;padding:0 15px;transition:all .2s;display:flex}.search-box:focus-within{border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;margin-left:10px;font-size:14px}.filter-btn{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tx-list-container{flex-direction:column;gap:15px;padding:0 20px;display:flex}.tx-full-item{background:#fff;border:1px solid #f1f5f9;border-radius:16px;gap:15px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.tx-icon-large{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tx-icon-large.success{color:#22c55e;background:#f0fdf4}.tx-icon-large.withdrawal{color:#ef4444;background:#fef2f2}.tx-details{flex:1}.tx-main-row{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.tx-main-row h4{color:#1e293b;margin:0;font-size:15px;font-weight:600}.tx-full-amount{font-size:16px;font-weight:700}.tx-full-amount.positive{color:#22c55e}.tx-full-amount.negative{color:#ef4444}.tx-sub-row{color:#64748b;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.tx-status-badge{color:#475569;text-transform:capitalize;background:#f8fafc;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.completed{background:#22c55e}.status-dot.pending{background:#f59e0b}.status-dot.failed{background:#ef4444}.tx-empty-state{text-align:center;padding:60px 20px}.empty-icon-circle{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 20px;display:flex}.tx-empty-state h3{color:#1e293b;margin:0 0 10px;font-size:18px;font-weight:700}.tx-empty-state p{color:#64748b;margin:0;font-size:14px}.filter-chips{scrollbar-width:none;gap:10px;padding:0 20px 20px;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.chip{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.chip.active{color:#fff;background:#1e3a8a;border-color:#1e3a8a;box-shadow:0 4px 12px #1e3a8a33}@media (width>=769px){.transactions-page{max-width:var(--content-max-width);margin:0 auto}}.manage-bank-page{background:#f8fafc}.bank-header{z-index:100;background:#fff;justify-content:center;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.bank-header .back-btn{color:#1e3a8a;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;left:20px}.bank-header h2{color:#1e3a8a;margin:0;font-size:18px;font-weight:700}.bank-content{padding:24px}.no-bank-state{text-align:center;padding:60px 20px}.no-bank-state .icon-circle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 24px;display:flex;box-shadow:0 10px 25px #1e3a8a1a}.no-bank-state h3{color:#1e293b;margin:0 0 12px;font-size:20px;font-weight:700}.no-bank-state p{color:#64748b;margin:0 0 32px;font-size:14px;line-height:1.6}.btn-add-bank{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:14px;width:100%;height:52px;font-size:16px;font-weight:600;box-shadow:0 8px 20px #1e3a8a40}.add-bank-form-container h3{color:#1e293b;margin:0 0 8px;font-size:20px;font-weight:700}.form-subtitle{color:#64748b;margin-bottom:24px;font-size:14px}.bank-form{flex-direction:column;gap:20px;display:flex}.input-group label{color:#475569;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;height:52px;padding:0 15px;transition:all .2s;display:flex}.input-box:focus-within{border-color:#1e3a8a;box-shadow:0 0 0 4px #1e3a8a14}.input-box svg{color:#94a3b8}.input-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:15px}.form-actions{gap:12px;margin-top:10px;display:flex}.btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;flex:1;height:52px;font-weight:600}.btn-save{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:14px;flex:2;height:52px;font-weight:600}.bank-details-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.status-banner{text-align:center;color:#64748b;background:#f8fafc;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:700;display:flex}.bank-details-card:has(.status-banner:contains("Verified")) .status-banner{color:#16a34a;background:#f0fdf4}.details-header{border-bottom:1px dashed #e2e8f0;align-items:center;gap:16px;padding:24px;display:flex}.bank-brand-icon{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.bank-name-box h4{color:#1e293b;margin:0 0 4px;font-size:16px;font-weight:700}.bank-name-box span{color:#64748b;font-size:13px}.details-grid{grid-template-columns:1fr;gap:20px;padding:24px;display:grid}.detail-item{flex-direction:column;gap:6px;display:flex}.detail-item .label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.detail-item .value{color:#1e293b;letter-spacing:1px;font-size:16px;font-weight:600}.btn-edit-bank{color:#1e3a8a;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:calc(100% - 48px);height:48px;margin:0 24px 24px;font-weight:600;transition:all .2s}.btn-edit-bank:hover{background:#f1f5f9}@media (width>=769px){.manage-bank-page{max-width:var(--content-max-width);margin:0 auto}}.kyc-modal-overlay{z-index:99999;background:#fff;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.kyc-modal{background:#f8fafc;border-radius:0;flex-direction:column;width:100%;max-width:600px;height:100vh;display:flex;overflow:hidden}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.kyc-modal-header{border-bottom:1px solid var(--border);z-index:10;background:#fff;align-items:center;gap:16px;padding:20px 24px;display:flex;position:relative}.kyc-back-btn{color:var(--secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.kyc-title-box h2{color:var(--secondary);margin:0;font-size:20px;font-weight:800}.kyc-title-box p{color:var(--text-muted);margin:2px 0 0;font-size:13px}.kyc-modal-content{flex:1;padding:24px;overflow-y:auto}.kyc-info-banner{background:var(--primary-light);border:1px solid #ff8c0033;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.kyc-info-banner .info-icon{color:var(--primary);flex-shrink:0}.kyc-info-banner span{color:var(--secondary);font-size:13px;font-weight:600;line-height:1.4}.kyc-error-banner{color:#ef4444;text-align:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;margin-bottom:24px;padding:12px;font-size:13px;font-weight:600}.kyc-form-group{margin-bottom:24px}.kyc-form-group>label{color:var(--secondary);margin-bottom:12px;font-size:14px;font-weight:800;display:block}.profile-upload-container{flex-direction:column;align-items:center;gap:12px;display:flex}.profile-upload-circle{cursor:pointer;color:#94a3b8;background:#fff;border:2px dashed #cbd5e1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:120px;height:120px;transition:all .2s;display:flex;overflow:hidden}.profile-upload-circle:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.cam-icon-box{color:#64748b;background:#f1f5f9;border-radius:50%;padding:8px}.profile-upload-circle span{font-size:11px;font-weight:600}.preview-img-circle{object-fit:cover;width:100%;height:100%}.upload-hint{color:var(--text-muted);font-size:12px}.kyc-input-wrap{background:#fff;border:1px solid #cbd5e1;border-radius:14px;align-items:center;padding:0 16px;transition:border-color .2s;display:flex;position:relative}.kyc-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff8c001a}.kyc-field-icon{color:#64748b;flex-shrink:0;align-items:center;margin-right:12px;font-size:18px;display:flex;position:static!important;transform:none!important}.kyc-input-wrap input{color:var(--secondary);background:0 0;border:none;outline:none;flex:1;padding:16px 0;font-size:15px}.kyc-input-wrap input::placeholder{color:#94a3b8}.kyc-upload-row{gap:12px;margin-top:16px;display:flex}.kyc-upload-box{flex:1}.kyc-upload-box.full-width{margin-top:16px}.upload-area{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:140px;padding:24px 16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.upload-area:hover{border-color:var(--primary);background:var(--primary-light)}.up-icon{color:#94a3b8;margin-bottom:12px}.upload-area:hover .up-icon{color:var(--primary)}.up-title{color:var(--secondary);margin-bottom:4px;font-size:13px;font-weight:700}.up-sub{color:#94a3b8;font-size:11px}.preview-img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.btn-submit-kyc{background:linear-gradient(135deg, var(--primary), #ffa733);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:32px;padding:18px;font-size:16px;font-weight:800;transition:transform .2s;display:flex;box-shadow:0 4px 16px #ff8c004d}.btn-submit-kyc:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff8c0066}.btn-submit-kyc:disabled{opacity:.7;cursor:not-allowed;transform:none}.profile-container{background-color:#fff;padding:20px 16px 0}.profile-header-main{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;padding-top:20px;display:flex;position:relative}.profile-settings-gear{color:var(--secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:transform .3s,color .2s;display:flex;position:absolute;top:0;right:12px}.profile-settings-gear:hover{color:var(--primary);transform:rotate(45deg)}.profile-avatar-large{background:linear-gradient(135deg, var(--primary), #ffa733);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:16px;font-size:36px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 8px 24px #ff8c004d}.profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-name-main{color:var(--secondary);margin-bottom:4px;font-size:24px;font-weight:800}.profile-email-main{color:var(--text-muted);margin-bottom:4px;font-size:15px}.profile-phone-main{color:var(--text-muted);font-size:15px;font-weight:500}.kyc-banner{background:var(--primary-light);border:1px solid #ff8c0033;border-radius:20px;flex-direction:column;gap:16px;margin-bottom:20px;padding:20px;display:flex}.kyc-banner.approved{background:#ecfdf5;border-color:#a7f3d0}.kyc-banner.pending{background:#fffbeb;border-color:#fde68a}.kyc-banner.rejected{background:#fef2f2;border-color:#fca5a5}.kyc-info-row{gap:16px;display:flex}.kyc-icon-circle{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #ff8c0033}.kyc-icon-circle.green{background:#10b981;box-shadow:0 4px 12px #10b98133}.kyc-icon-circle.orange{background:var(--primary);box-shadow:0 4px 12px #ff8c0033}.kyc-icon-circle.red{background:#ef4444;box-shadow:0 4px 12px #ef444433}.kyc-text h3{color:var(--secondary);margin-bottom:4px;font-size:16px;font-weight:800}.kyc-text p{color:var(--text-muted);font-size:14px;line-height:1.4}.btn-start-kyc{background:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #002d6233}.btn-start-kyc:hover{background:var(--secondary-light);transform:translateY(-2px);box-shadow:0 8px 16px #002d624d}.profile-agent-id-main{color:var(--primary);background:#ff8c001a;border-radius:20px;margin-top:8px;padding:4px 12px;font-size:14px;font-weight:700}.rm-card{border:1px solid var(--border);background:#fff;border-radius:20px;margin-bottom:24px;padding:20px;box-shadow:0 4px 16px #002d620f}.rm-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:14px;font-weight:700}.rm-details{flex-direction:column;gap:16px;display:flex}.rm-profile-info{align-items:center;gap:16px;display:flex}.rm-avatar{object-fit:cover;border:2px solid var(--primary-light);border-radius:50%;width:56px;height:56px}.rm-avatar-placeholder{background:linear-gradient(135deg, var(--secondary), var(--secondary-light));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:800;display:flex}.rm-text-group h4{color:var(--secondary);margin-bottom:4px;font-size:18px;font-weight:800}.rm-text-group p{color:var(--text-muted);font-size:13px}.rm-actions{gap:12px;display:flex}.btn-rm-action{border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-rm-action.whatsapp{color:#10b981;background:#ecfdf5}.btn-rm-action.whatsapp:hover{background:#d1fae5}.btn-rm-action.call{background:var(--primary-light);color:var(--primary)}.btn-rm-action.call:hover{background:#ff8c0026}.rm-empty{text-align:center;flex-direction:column;align-items:center;padding:24px 0 8px;display:flex}.rm-empty p{color:var(--text-muted);font-size:14px}.quick-links-section{margin-top:24px}.section-title{color:var(--secondary);margin-bottom:16px;padding-left:4px;font-size:18px;font-weight:800}.menu-list{flex-direction:column;gap:12px;display:flex}.menu-item{cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:18px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #002d620a}.menu-item:hover{background:#f8fafc;border-color:#002d621a;transform:translate(4px)}.menu-icon-box{background:var(--secondary-tint);width:44px;height:44px;color:var(--secondary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.menu-info{flex:1}.menu-info h4{color:var(--secondary);margin-bottom:2px;font-size:15px;font-weight:700}.menu-info p{color:var(--text-muted);font-size:12px}.menu-chevron{color:var(--text-muted)}.logout-item{cursor:pointer;background:#fff;border:1px solid #fee2e2;border-radius:18px;align-items:center;gap:16px;margin-top:8px;padding:16px;transition:all .2s;display:flex}.logout-item:hover{background:#fef2f2}.logout-icon-box{color:var(--danger);justify-content:center;align-items:center;display:flex}.logout-item span{color:var(--danger);font-size:16px;font-weight:700}@media (width>=769px){.profile-container{max-width:var(--content-max-width);margin:0 auto;padding:20px 24px 0}}.settings-container{background-color:#fff;min-height:100vh;padding:20px 16px 80px}.settings-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.btn-back-round{border:1px solid var(--border);width:40px;height:40px;color:var(--secondary);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 8px #002d620a}.btn-back-round:hover{background:var(--border);transform:translate(-2px)}.settings-header h2{color:var(--secondary);margin:0;font-size:22px;font-weight:800}.settings-card{border:1px solid var(--border);background:#fff;border-radius:24px;padding:24px 20px;box-shadow:0 4px 16px #002d620f}.settings-form{flex-direction:column;gap:20px;display:flex}.settings-avatar-section{flex-direction:column;align-items:center;margin-bottom:8px;display:flex}.settings-avatar-wrapper{outline:2.5px solid var(--border);background-color:var(--secondary);border:3px solid #fff;border-radius:50%;width:90px;height:90px;margin-bottom:12px;position:relative;box-shadow:0 4px 12px #002d6226}.settings-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.settings-avatar-placeholder{color:#fff;background:linear-gradient(135deg, var(--secondary), var(--secondary-light));border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;font-weight:800;display:flex}.settings-avatar-edit-badge{background-color:var(--primary);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #ff8c004d}.settings-avatar-edit-badge:hover{background-color:#e07b00;transform:scale(1.1)}.settings-avatar-title{color:var(--secondary);margin-bottom:2px;font-size:15px;font-weight:800}.settings-avatar-subtitle{color:var(--text-muted);margin:0;font-size:12px}.form-section-title{color:var(--secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:16px;font-weight:800}.form-section-divider{background-color:var(--border);height:1px;margin:8px 0}.settings-input-group{flex-direction:column;gap:6px;display:flex}.settings-label{color:var(--secondary);margin-left:2px;font-size:13px;font-weight:700}.settings-input-wrapper{align-items:center;display:flex;position:relative}.settings-icon-box{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.settings-input{border:1.5px solid var(--border);width:100%;color:var(--secondary);background-color:#f8fafc;border-radius:14px;outline:none;padding:14px 14px 14px 44px;font-family:inherit;font-size:15px;transition:all .2s}.settings-input:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #ff8c001a}.input-helper-text{color:var(--text-muted);margin-top:2px;margin-left:2px;font-size:11px}.btn-settings-save{background:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:14px;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #002d6233}.btn-settings-save:hover:not(:disabled){background:var(--secondary-light);transform:translateY(-2px);box-shadow:0 8px 16px #002d624d}.btn-settings-save:disabled{opacity:.6;cursor:not-allowed}.settings-error-alert{color:#ef4444;text-align:center;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600}.settings-success-alert{color:#10b981;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.settings-input-readonly{cursor:not-allowed;color:#64748b!important;background-color:#f1f5f9!important;border-color:#cbd5e1!important}.settings-input-readonly:focus{box-shadow:none!important;background-color:#f1f5f9!important;border-color:#cbd5e1!important}.settings-disabled-wrapper{opacity:.85}@media (width>=769px){.settings-container{max-width:var(--content-max-width);margin:0 auto}}.digital-id-page{background-color:#f8fafc;flex-direction:column;max-width:600px;min-height:calc(100vh - 80px);margin:0 auto;padding:24px;display:flex}.id-header{margin-bottom:24px}.btn-back-id{color:var(--navy);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.id-title-area{text-align:center;margin-bottom:32px}.id-title-area h2{color:var(--navy);letter-spacing:-.5px;margin:0;font-size:22px;font-weight:800}.kyc-warning-text{color:#ef4444;margin:8px 0 0;font-size:14px;font-weight:600}.id-card-wrapper{justify-content:center;margin-bottom:40px;display:flex}.digital-card{color:#fff;background:linear-gradient(145deg,#0284c7,#0369a1);border-radius:24px;width:100%;max-width:360px;padding:32px 28px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0284c740}.digital-card:after{content:"";pointer-events:none;background:linear-gradient(to bottom right,#ffffff1a 0%,#fff0 40% 100%);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}.card-top{z-index:2;justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex;position:relative}.card-brand h3{letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:800}.card-brand p{opacity:.9;margin:0;font-size:13px;font-weight:500}.card-avatar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:800;display:flex}.card-user-name{letter-spacing:1px;z-index:2;margin-bottom:24px;font-size:22px;font-weight:800;position:relative}.card-details{z-index:2;flex-direction:column;gap:12px;margin-bottom:32px;display:flex;position:relative}.detail-row{align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.card-bottom{z-index:2;justify-content:space-between;align-items:flex-end;display:flex;position:relative}.member-since{flex-direction:column;gap:4px;display:flex}.since-label{opacity:.9;font-size:12px;font-weight:500}.since-value{font-size:18px;font-weight:800}.qr-code-box{background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex}.qr-code-box img{object-fit:contain;width:64px;height:64px}.id-actions-bar{justify-content:center;gap:48px;margin-top:auto;padding-bottom:20px;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:12px;transition:opacity .2s;display:flex}.action-btn.disabled{opacity:.4;cursor:not-allowed}.icon-wrapper{color:var(--navy);justify-content:center;align-items:center;display:flex}.action-btn span{color:var(--navy);font-size:15px;font-weight:700}@media (width>=769px){.digital-id-page{max-width:var(--content-max-width);margin:0 auto}}.help-support-page{background-color:#f8fafc;max-width:600px;min-height:calc(100vh - 80px);margin:0 auto;padding:24px}.support-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.btn-back{color:var(--navy);cursor:pointer;background:0 0;border:none;padding:0}.header-text h2{color:var(--navy);margin:0;font-size:22px;font-weight:800}.header-text p{color:var(--text-muted);margin:4px 0 0;font-size:14px}.support-tabs{background:#fff;border-radius:14px;margin-bottom:32px;padding:6px;display:flex;box-shadow:0 4px 12px #002d620d}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #ff8c0033}.create-ticket-section h3{color:var(--navy);margin:0 0 8px;font-size:20px;font-weight:800}.section-desc{color:var(--text-muted);margin-bottom:24px;font-size:14px}.ticket-form{flex-direction:column;gap:20px;display:flex}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--border);border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff8c001a}.btn-submit-ticket{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:16px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.btn-submit-ticket:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff8c004d}.btn-submit-ticket:disabled{opacity:.7;cursor:not-allowed}.empty-tickets{text-align:center;padding:60px 20px}.mailbox-icon{margin-bottom:16px;font-size:64px}.empty-tickets h4{color:var(--navy);margin:0 0 8px;font-size:18px;font-weight:800}.empty-tickets p{color:var(--text-muted);font-size:14px}.tickets-grid{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.ticket-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:20px;box-shadow:0 4px 12px #002d6208}.ticket-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ticket-category{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.ticket-status{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.ticket-subject{color:var(--navy);margin:0 0 8px;font-size:16px;font-weight:700}.ticket-msg{color:var(--text-muted);margin-bottom:16px;font-size:14px;line-height:1.5}.ticket-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.ticket-id{color:var(--text-muted);font-family:monospace;font-size:12px}.ticket-date{color:var(--text-muted);font-size:12px}@media (width>=769px){.help-support-page{max-width:var(--content-max-width);margin:0 auto}}.privacy-page{background:#f8fafc;min-height:100vh;padding-bottom:40px}.privacy-header{color:#1e3a8a;z-index:100;background:#fff;justify-content:center;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.privacy-header .back-btn{color:#1e3a8a;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;left:20px}.privacy-header h2{margin:0;font-size:20px;font-weight:600}.privacy-hero{text-align:center;color:#1e3a8a;background:#fff;padding:20px 24px 30px}.hero-icon-box{justify-content:center;width:100%;max-width:220px;margin:-20px auto -10px;display:flex}.policy-logo{object-fit:contain;width:100%;height:120px}.privacy-hero h1{display:none}.hero-subtitle{color:#64748b;margin:0 0 20px;font-size:15px;font-weight:500}.intro-card{text-align:left;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.intro-card p{color:#475569;margin:0;font-size:14px;line-height:1.6}.privacy-content{flex-direction:column;gap:20px;margin-top:-50px;padding:0 20px;display:flex}.policy-section{background:#fff;border:1px solid #00000008;border-radius:20px;gap:20px;padding:24px;display:flex;box-shadow:0 10px 25px #0000000d}.section-number{color:#fff;background:#1e3a8a;border-radius:10px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.section-body{flex:1;min-width:0}.section-body h3{color:#1e3a8a;margin:0 0 12px;font-size:18px;font-weight:700}.section-line{background:#f59e0b;border-radius:2px;width:40px;height:3px;margin-bottom:16px}.section-body p{color:#475569;overflow-wrap:break-word;margin:0 0 16px;font-size:14px;line-height:1.6}.section-body ul{margin:0;padding:0;list-style:none}.section-body ul li{color:#475569;overflow-wrap:break-word;margin-bottom:12px;padding-left:20px;font-size:14px;line-height:1.6;position:relative}.section-body ul li:before{content:"•";color:#f59e0b;font-weight:700;position:absolute;left:0}.section-body ul li strong{color:#1e293b}.note-box{background:#f1f5f9;border-radius:12px;margin-top:10px;padding:12px 16px}.note-box p{color:#64748b;margin:0;font-size:13px}.prec-text{opacity:.8;font-style:italic}.contact-footer{background:#f8fafc;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;margin-top:24px;padding:20px;display:flex;overflow:hidden}.contact-footer p{color:#64748b;width:100%;margin:0;font-size:13px}.contact-footer a{color:#1e3a8a;letter-spacing:-.2px;word-break:break-all;width:100%;font-size:15px;font-weight:800;text-decoration:none}.contact-item{margin-bottom:12px}.contact-item span{color:#1e293b;font-size:14px;font-weight:600}.privacy-footer-banner{text-align:center;color:#fff;background:#1e3a8a;border-radius:20px;margin:40px 20px 20px;padding:24px}.privacy-footer-banner p{opacity:.9;margin:0 0 16px;font-size:14px;line-height:1.6}.copyright{color:#f59e0b;font-size:13px;font-weight:600;display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.policy-section{animation:.5s ease-out forwards slideUp}.policy-section:first-child{animation-delay:.1s}.policy-section:nth-child(2){animation-delay:.2s}.policy-section:nth-child(3){animation-delay:.3s}.policy-section:nth-child(4){animation-delay:.4s}.policy-section:nth-child(5){animation-delay:.5s}@media (width>=769px){.privacy-page{max-width:var(--content-max-width);margin:0 auto}}.calculator-container{background-color:#fff;min-height:100vh;padding:24px 16px 20px;font-family:Outfit,sans-serif}.calc-header{justify-content:space-between;align-items:center;margin-bottom:28px;padding-top:10px;display:flex}.calc-title{color:#1b1b4d;letter-spacing:-.02em;font-size:24px;font-weight:800}.calc-title span{color:#ff5c28}.bell-btn{color:#f59a2d;background:#f8fafc;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.calc-section{margin-bottom:32px}.section-label{color:#1b1b4d;margin-bottom:20px;font-size:22px;font-weight:800}.calc-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.calc-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #f8fafc;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:16px 12px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #1b1b4d0d}.calc-card:active{transform:translateY(2px)}.calc-card.accent-orange:before{content:"";background:#ff5c28;height:4px;position:absolute;top:0;left:0;right:0}.calc-card.accent-navy:before{content:"";background:#1b1b4d;height:4px;position:absolute;top:0;left:0;right:0}.card-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:flex}.card-title{color:#1b1b4d;margin-bottom:4px;font-size:15px;font-weight:800;line-height:1.2}.card-subtitle{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.calc-list{flex-direction:column;gap:12px;display:flex}.calc-card-wide{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;min-height:80px;padding:16px 20px}.calc-card-wide .card-icon-circle{margin-bottom:0}.card-title-wide{color:#1b1b4d;margin-bottom:2px;font-size:18px;font-weight:800}.card-subtitle-wide{color:#94a3b8;font-size:13px;font-weight:500}.calc-carousel-wrapper{margin-bottom:12px}.calc-carousel{scrollbar-width:none;gap:12px;padding:4px 4px 20px;display:flex;overflow-x:auto}.calc-carousel::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 145px;min-height:160px}.pagination-dots{justify-content:center;gap:6px;margin-top:8px;display:flex}.dot{background:#e2e8f0;border-radius:50%;width:6px;height:6px}.dot.active{background:#2563eb;border-radius:10px;width:16px}.calc-back-btn{color:#1b1b4d;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:0;font-weight:700;display:flex}.feLumpLux{--lx-blue:#1a4b8c;--lx-orange:#ff7a1a;--lx-muted:#64748b;--lx-input-bg:#eef2f7;--lx-shadow:0 10px 36px #142d6412, 0 2px 8px #142d640a;--lx-font:"Outfit", sans-serif;--lx-font-display:"Outfit", sans-serif;font-family:var(--lx-font);-webkit-font-smoothing:antialiased;background:#fff;gap:18px;max-width:520px;margin:0 auto;padding:4px 2px 32px;display:grid}.feLumpLux__pageHead{text-align:center;padding:6px 8px 4px}.feLumpLux__kicker{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin:0 0 8px;font-size:11px;font-weight:600}.feLumpLux__title{font-family:var(--lx-font-display);letter-spacing:-.03em;color:var(--lx-blue);margin:0;font-size:clamp(21px,5vw,25px);font-weight:700;line-height:1.22}.feLumpLux__mainCard{box-shadow:var(--lx-shadow);background:#fff;border:1px solid #1a4b8c0f;border-radius:20px;gap:20px;padding:22px 18px 20px;display:grid}.feLumpLux__topGrid{gap:16px;display:grid}@media (width>=400px){.feLumpLux__topGrid{grid-template-columns:1fr minmax(148px,168px);align-items:stretch;gap:18px}}.feLumpLux__inputsCol{gap:14px;display:grid}.feLumpLux__field{gap:7px;display:grid}.feLumpLux__fieldLabel{letter-spacing:.08em;text-transform:uppercase;color:var(--lx-muted);font-size:11px;font-weight:600}.feLumpLux__inputWrap{position:relative}.feLumpLux__inputWrap--prefix .feLumpLux__input{padding-left:34px}.feLumpLux__inputWrap .feLumpLux__input{padding-right:48px}.feLumpLux__prefix{color:var(--lx-blue);pointer-events:none;font-size:15px;font-weight:700;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.feLumpLux__suffix{color:var(--lx-muted);pointer-events:none;font-size:14px;font-weight:600;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.feLumpLux__suffix--text{font-size:12px;font-weight:700}.feLumpLux__input{background:var(--lx-input-bg);width:100%;height:48px;font-family:var(--lx-font);font-variant-numeric:tabular-nums;color:var(--lx-blue);box-sizing:border-box;border:none;border-radius:14px;padding:0 16px;font-size:15px;font-weight:600;transition:box-shadow .2s,background .2s}.feLumpLux__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.feLumpLux__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.feLumpLux__input[type=number]{appearance:textfield}.feLumpLux__input:focus{background:#fff;outline:none;box-shadow:0 0 0 3px #1a4b8c1f}.feLumpLux__compoundCol{background:linear-gradient(165deg,#f8fafc 0%,#eef4fc 100%);border:1px solid #1a4b8c17;border-radius:16px;align-content:center;gap:12px;min-height:100%;padding:16px 14px 14px;display:grid;box-shadow:inset 0 1px #ffffffd9}.feLumpLux__switch{cursor:pointer;background:#c7d6f0;border:none;border-radius:999px;flex-shrink:0;width:52px;height:30px;padding:0;transition:background .2s;position:relative}.feLumpLux__switch.is-on{background:var(--lx-blue)}.feLumpLux__switchKnob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000026}.feLumpLux__switch.is-on .feLumpLux__switchKnob{transform:translate(22px)}.feLumpLux__compoundHint{color:#94a3b8;margin:0;font-size:11px;font-weight:500;line-height:1.4}.feLumpLux__actions{flex-wrap:wrap;justify-content:center;gap:12px;padding-top:2px;display:flex}.feLumpLux__btnReset{min-width:120px;height:48px;color:var(--lx-blue);font-family:var(--lx-font);cursor:pointer;background:#fff;border:1px solid #1a4b8c33;border-radius:14px;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.feLumpLux__btnCalc{background:linear-gradient(180deg, #ff8f2e 0%, var(--lx-orange) 100%);color:#fff;min-width:148px;height:48px;font-family:var(--lx-font);letter-spacing:.02em;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 10px 28px #ff7a1a66}.feLumpLux__quickRow{grid-template-columns:1fr;gap:12px;display:grid}.feLumpLux__quickCard{box-shadow:var(--lx-shadow);text-align:left;background:#fff;border:1px solid #1a4b8c0f;border-radius:18px;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.feLumpLux__quickCard--accent{background:linear-gradient(#fff 0%,#fffaf6 100%);border-color:#ff7a1a38}.feLumpLux__quickLabel{letter-spacing:.08em;text-transform:uppercase;color:#7d8da1;font-size:10px;font-weight:600}.feLumpLux__quickVal{color:var(--lx-blue);font-size:18px;font-weight:700}.feLumpLux__quickVal--accent{color:var(--lx-orange)}.feLumpLux__chartCard{box-shadow:var(--lx-shadow);background:#fff;border:1px solid #1a4b8c0f;border-radius:20px;gap:14px;padding:20px 14px 18px;display:grid}.feLumpLux__chartSvgWrap{background:linear-gradient(#fbfcfe 0%,#f4f7fb 100%);border:1px solid #1a4b8c0f;border-radius:14px;width:100%;padding:6px 4px 2px;overflow:hidden}.feLumpLux__chartSvg{width:100%;height:auto;min-height:188px;display:block}.feLumpLux__chartGridV{stroke:#94a3b833;stroke-width:1px}.feLumpLux__chartAxisX{stroke:#1a4b8c1f;stroke-width:1.25px}.feLumpLux__chartTick{fill:#8b9cb5;font-size:10px;font-family:var(--lx-font);font-weight:600}.feLumpLux__legend{color:#7d8da1;flex-wrap:wrap;justify-content:center;gap:22px;font-size:12px;font-weight:600;display:flex}.feLumpLux__legendItem{align-items:center;gap:7px;display:inline-flex}.feLumpLux__dot{border-radius:50%;width:8px;height:8px}.feLumpLux__dot--blue{background:var(--lx-blue)}.feLumpLux__dot--orange{background:var(--lx-orange)}.feSipLux__freqSeg{background:#e8eef6;border:1px solid #1a4b8c14;border-radius:14px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.feSipLux__freqBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:11px;flex:1;min-height:44px;font-family:inherit;font-size:14px;font-weight:700}.feSipLux__freqBtn.is-active{color:var(--lx-blue,#1a4b8c);background:#fff;box-shadow:0 2px 10px #1a4b8c1f}.feSipLux__fieldHint{color:#94a3b8;margin:4px 0 0;font-size:11px;font-weight:500}.feSipLux__stepRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.feSipLux__stepTitles{flex-direction:column;gap:2px;display:flex}.feSipLux__stepName{color:var(--lx-blue,#1a4b8c);font-size:14px;font-weight:800;line-height:1.2}.feSipLux__stepCaps{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-top:1px;font-size:9px;font-weight:700}@media (width>=769px){.calculator-container{max-width:var(--content-max-width);margin:0 auto}}.services-container{background:var(--bg-main);padding:20px 16px 0;font-family:Outfit,sans-serif}.services-header{justify-content:center;align-items:center;min-height:48px;margin-bottom:32px;display:flex;position:relative}.back-btn{border:1px solid var(--border);width:40px;height:40px;color:var(--secondary);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 4px 10px #002d620d}.back-btn:active{background:var(--secondary-tint);transform:translateY(-50%)scale(.95)}.services-header h1{color:var(--secondary);text-align:center;margin:0;font-size:24px;font-weight:800}.services-grid{grid-template-columns:repeat(4,1fr);gap:20px 10px;padding:0 4px;display:grid}.service-item{text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:10px;transition:transform .2s;display:flex}.service-item:hover{transform:translateY(-2px)}.service-item:active{transform:scale(.95)}.service-icon-box{border:1px solid #002d6208;border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 4px 12px #002d620f}.service-name{color:var(--secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.notifications-container{background-color:#fff;min-height:100vh;padding:0;font-family:Outfit,sans-serif}.notif-header{z-index:10;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;min-height:56px;padding:10px 16px;display:flex;position:sticky;top:0}.notif-header h2{color:#1e293b;text-align:center;margin:0;font-size:18px;font-weight:700;line-height:1}.back-btn{color:#1e293b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.notif-content{padding:16px}.notif-list{flex-direction:column;gap:12px;display:flex}.notif-item{background:#fff;border:1px solid #f1f5f9;border-radius:18px;gap:16px;padding:16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.notif-item:active{background:#f8fafc;transform:scale(.98)}.notif-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.notif-info{flex:1}.notif-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.notif-info h4{color:#1e293b;flex:1;padding-right:8px;font-size:15px;font-weight:700}.notif-time{color:#94a3b8;white-space:nowrap;font-size:11px;font-weight:500}.notif-info p{color:#64748b;font-size:13px;line-height:1.4}.no-notif{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding-top:100px;display:flex}.no-notif p{color:#94a3b8;font-size:16px;font-weight:500}@media (width>=769px){.notifications-container{max-width:var(--content-max-width);margin:0 auto}}.product-page-wrapper{background-color:var(--bg-main);padding-bottom:0}.cc-header-standard{background:var(--secondary);z-index:100;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 16px #002d6233}.header-left-cc{align-items:center;gap:14px;display:flex}.back-arrow-cc{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s;display:flex}.back-arrow-cc:hover{background:#ffffff38}.header-titles h1{color:#fff;margin:0;font-size:18px;font-weight:800}.header-titles span{color:#ffffffa6;font-size:12px;font-weight:500}.cc-content-list{flex-direction:column;gap:16px;padding:16px;display:flex}.credit-card-item{border:1px solid var(--border);background:#fff;border-radius:24px;padding:20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 16px #002d6212}.credit-card-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #002d621f}.cc-earn-ribbon{background:linear-gradient(135deg, var(--primary), #ffa733);color:#fff;border-bottom-left-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:700;display:flex;position:absolute;top:0;right:0;box-shadow:-2px 2px 10px #ff8c004d}.cc-earn-ribbon.blue-ribbon{background:linear-gradient(135deg, var(--secondary), var(--secondary-light))}.cc-earn-ribbon.orange-ribbon{background:linear-gradient(135deg,#f97316,#fb923c)}.cc-earn-ribbon.green-ribbon{background:linear-gradient(135deg,#10b981,#34d399)}.cc-earn-ribbon.pink-ribbon{background:linear-gradient(135deg,#ec4899,#f472b6)}.cc-earn-ribbon.purple-ribbon{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.cc-card-header-row{align-items:center;gap:16px;margin-top:10px;margin-bottom:18px;display:flex}.cc-card-logo-container{border:1.5px solid var(--border);background:#f8fafc;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;padding:8px;display:flex}.cc-bank-logo{object-fit:contain;max-width:100%;max-height:100%}.cc-product-name{color:var(--secondary);margin:0 0 4px;font-size:16px;font-weight:800}.cc-product-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;background:var(--primary-light);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.cc-card-features-list{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.cc-feature-row{align-items:center;gap:12px;display:flex}.cc-feature-emoji{flex-shrink:0;font-size:18px}.cc-feature-description{color:#475569;font-size:13px;line-height:1.4}.cc-fees-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.cc-fee-card{background-color:var(--secondary-tint);border-radius:14px;padding:12px 14px}.cc-fee-card.teal-tint{background-color:var(--primary-light)}.cc-fee-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.cc-fee-amount{color:var(--secondary);font-size:14px;font-weight:800}.cc-fee-amount.teal-text{color:var(--primary)}.cc-button-group{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cc-button-group button{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.cc-button-group button:hover{transform:translateY(-2px)}.btn-details-purple{background-color:var(--secondary-tint);color:var(--secondary)}.btn-share-teal{background:linear-gradient(135deg, var(--primary), #ffa733);color:#fff;box-shadow:0 4px 12px #ff8c0040}.coming-soon-box{text-align:center;border:1.5px dashed var(--primary);background:#fff;border-radius:24px;padding:40px 24px}.coming-soon-box h3{color:var(--secondary);margin-bottom:8px;font-size:18px}.coming-soon-box p{color:var(--text-muted);font-size:14px}.browse-categories-section{margin-top:28px;padding:0 4px}.section-title-cc{color:var(--secondary);margin-bottom:16px;font-size:18px;font-weight:800}.categories-grid-cc{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.category-item-cc{cursor:pointer;flex-direction:column;align-items:center;gap:8px;transition:transform .2s;display:flex}.category-item-cc:hover{transform:translateY(-4px)}.category-icon-box-cc{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;transition:box-shadow .2s;display:flex;box-shadow:0 4px 10px #002d6214}.category-item-cc:hover .category-icon-box-cc{box-shadow:0 6px 16px #002d6224}.category-name-cc{color:var(--secondary);text-align:center;font-size:11px;font-weight:700;line-height:1.3}@media (width>=769px){.product-page-wrapper{max-width:var(--content-max-width);margin:0 auto}.categories-grid-cc{grid-template-columns:repeat(4,1fr)}}.product-details-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0f172a99;justify-content:center;align-items:flex-start;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}@media (width>=768px){.product-details-modal-overlay{align-items:center;padding:20px}}.product-details-modal-content{background:#fff;border-radius:0 0 24px 24px;flex-direction:column;width:100%;max-width:500px;height:auto;max-height:100%;animation:.3s ease-out forwards slideDown;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000001a}@media (width>=768px){.product-details-modal-content{border-radius:0 0 24px 24px;height:auto;max-height:90vh}}.modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.btn-close-modal{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:20px;transition:background .2s;display:flex}.btn-close-modal:hover{background:#e2e8f0}.modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:24px;overflow-y:auto}.modal-brand-info{align-items:center;gap:16px;margin-bottom:24px;display:flex}.modal-bank-logo{object-fit:contain;border:1px solid #e2e8f0;border-radius:12px;width:48px;height:48px;padding:4px}.modal-brand-text h4{color:var(--navy);margin:0 0 4px;font-size:16px}.modal-earn-badge{color:#059669;background:#ecfdf5;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.modal-section{margin-bottom:24px}.modal-section h5{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin:0 0 12px;font-size:14px;font-weight:700}.modal-section p{color:#334155;margin:0;font-size:14px;line-height:1.6}.modal-features-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.modal-features-list li{align-items:flex-start;gap:12px;display:flex}.modal-fees-grid{background:#f8fafc;border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.modal-fee-item{flex-direction:column;gap:4px;display:flex}.modal-fee-item span{color:#64748b;font-size:12px;font-weight:600}.modal-fee-item strong{color:var(--navy);font-size:16px}.modal-footer{background:#fff;border-top:1px solid #f1f5f9;padding:16px 24px}.btn-modal-action{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:opacity .2s;display:flex}.btn-modal-action:hover{opacity:.9}.modal-banner-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:180px;margin-bottom:20px;overflow:hidden}.modal-promo-banner{object-fit:cover;width:100%;height:100%;display:block}.pdp-page-container{color:#1e293b;background-color:#f8fafc;flex-direction:column;min-height:100vh;padding-bottom:90px;font-family:Outfit,sans-serif;display:flex}.pdp-sticky-header{z-index:10;background:#fff;position:sticky;top:0;box-shadow:0 4px 20px #0000000d}.header-navigation{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.header-navigation h2{color:#0f172a;margin:0;font-size:16px;font-weight:700}.pdp-back-btn,.share-top-btn{color:#64748b;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex;position:relative}.pdp-back-btn:hover,.share-top-btn:hover{background:#f1f5f9}.pdp-hero-card{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);border-radius:20px;margin:16px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 25px #7c3aed40}.pdp-hero-card:before{content:"";background:#ffffff14;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.product-identity-row{align-items:center;gap:16px;margin-bottom:20px;display:flex}.pdp-logo{object-fit:contain;background:#fff;border-radius:12px;width:54px;height:54px;padding:4px;box-shadow:0 4px 10px #0000001a}.product-name-info h3{letter-spacing:-.2px;margin:0 0 2px;font-size:18px;font-weight:700}.product-name-info p{color:#ffffffd9;margin:0;font-size:13px}.pdp-stats-grid{border-top:1px solid #ffffff26;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:16px;display:grid}.stat-pdp-item{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-val{letter-spacing:-.2px;font-size:16px;font-weight:800}.stat-lbl{color:#fffc;margin-top:2px;font-size:11px;font-weight:500}.pdp-main-tabs{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 16px;display:flex}.tab-item{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:14px 0;font-size:14px;font-weight:600;transition:color .2s;position:relative}.tab-item.active{color:#7c3aed}.tab-item.active:after{content:"";background:#7c3aed;border-radius:99px;height:3px;position:absolute;bottom:0;left:20%;right:20%}.pdp-scroll-content{padding:16px;overflow-y:auto}.subcategory-chips-container{scrollbar-width:none;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex;overflow-x:auto}.subcategory-chips-container::-webkit-scrollbar{display:none}.chip-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:99px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.chip-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed33}.section-title{color:#0f172a;margin:0 0 14px;font-size:15px;font-weight:700}.benefits-checklist{flex-direction:column;gap:12px;display:flex}.benefit-check-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:14px;padding:14px;display:flex;box-shadow:0 2px 6px #00000005}.check-icon{color:#7c3aed;background:#f3e8ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.benefit-check-text strong{color:#1e293b;font-size:14px;display:block}.benefit-check-text p{color:#64748b;margin:4px 0 0;font-size:12px;line-height:1.4}.fees-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.fees-card h4{margin:0 0 12px;font-size:14px;font-weight:700}.fees-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;font-size:13px;display:flex}.fees-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.fees-row span{color:#64748b}.fees-row strong{color:#0f172a}.refer-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.refer-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;box-shadow:0 2px 6px #00000005}.refer-icon{margin-bottom:8px;font-size:24px;display:block}.refer-card strong{color:#0f172a;margin-bottom:4px;font-size:13px;display:block}.refer-card p{color:#64748b;margin:0;font-size:11px;line-height:1.4}.video-player-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px}.video-player-card h5{margin:0 0 10px;font-size:13px;font-weight:600}.iframe-container{background:#000;border-radius:10px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.iframe-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}.video-placeholder{color:#fff;background:#1e1b4b;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:160px;display:flex}.video-placeholder span{font-size:13px;font-weight:500}.process-guide-box{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:14px;padding:16px}.process-guide-box h4{color:#5b21b6;margin:0 0 10px;font-size:14px}.guide-list{color:#4c1d95;flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:12px;display:flex}.steps-timeline{flex-direction:column;gap:20px;padding-left:20px;display:flex;position:relative}.timeline-item{gap:16px;display:flex;position:relative}.timeline-item:before{content:"";z-index:1;background:#ddd6fe;width:2px;position:absolute;top:36px;bottom:-20px;left:17px}.timeline-item:last-child:before{display:none}.step-number-badge{color:#fff;z-index:2;background:#7c3aed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 10px #7c3aed33}.timeline-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:14px}.timeline-content strong{color:#0f172a;font-size:14px;display:block}.timeline-content p{color:#64748b;margin:4px 0 0;font-size:12px;line-height:1.4}.accordions-wrap{flex-direction:column;gap:10px;display:flex}.accordion-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden}.accordion-trigger{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.accordion-trigger strong{color:#1e293b;font-size:13px;font-weight:600}.accordion-panel{background:#fafafa;border-top:1px solid #f1f5f9;padding:0 16px 14px}.accordion-panel p{color:#64748b;margin:10px 0 0;font-size:12px;line-height:1.5}.shareable-image-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #0000000d}.main-visual{aspect-ratio:16/9;background:#f1f5f9;width:100%;overflow:hidden}.service-promo-img{object-fit:cover;width:100%;height:100%}.partner-identity-bar{background:#fafafa;border-top:1px dashed #e2e8f0;align-items:center;gap:12px;padding:12px 16px;display:flex}.partner-avatar-small{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.partner-text-info{flex-direction:column;display:flex}.p-name{color:#0f172a;font-size:13px;font-weight:700}.p-phone{color:#64748b;font-size:11px}.share-description-box{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;font-size:13px;line-height:1.6}.pdp-sticky-bottom-cta{z-index:100;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d}.cta-left-info{flex-direction:column;display:flex}.cta-left-info span{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.cta-left-info strong{color:#7c3aed;font-size:20px;font-weight:800}.btn-main-share-cta{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #7c3aed40}.btn-main-share-cta:active{transform:scale(.98)}@media (width>=769px){.pdp-page-container{max-width:var(--content-max-width);margin:0 auto}.pdp-sticky-bottom-cta{left:var(--sidebar-width);max-width:var(--content-max-width);margin:0 auto;right:0}}.apply-container{background:#fff;min-height:100vh;padding-bottom:40px;font-family:Outfit,sans-serif}.apply-header{border-bottom:1px solid #f1f5f9;justify-content:flex-start;align-items:center;padding:16px;display:flex}.header-logo-group{align-items:center;gap:12px;display:flex}.apply-brand-logo{object-fit:contain;mix-blend-mode:darken;width:auto;height:120px;margin:-32px 0}.apply-partner-name{color:var(--text-main);border-left:2px solid #e2e8f0;padding-left:12px;font-size:18px;font-weight:700}.apply-banner-wrapper{background:#f8fafc;justify-content:center;width:100%;display:flex}.apply-product-banner{width:100%;height:auto;display:block}.apply-banner-placeholder{text-align:center;background:linear-gradient(135deg, var(--secondary), #1e293b);color:#fff;width:100%;padding:40px 20px}.apply-banner-placeholder h3{margin-bottom:8px;font-size:24px}.apply-tabs-container{background:#fff;border-bottom:1px solid #f1f5f9;padding:16px 20px}.apply-tabs{background:#f1f5f9;border-radius:12px;padding:4px;display:flex}.apply-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px 16px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.apply-tab-btn.active{color:#1e293b;background:#fff;box-shadow:0 2px 8px #0000000d}.apply-content{padding:24px 20px}.apply-form{flex-direction:column;gap:16px;display:flex}.apply-input{color:#1e293b;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:16px;font-size:15px;transition:border-color .2s}.apply-input:focus{border-color:var(--secondary)}.terms-group{background:#f8fafc;border-radius:8px;align-items:flex-start;gap:12px;margin-top:8px;padding:16px;display:flex}.terms-group input[type=checkbox]{width:20px;height:20px;accent-color:var(--secondary);cursor:pointer;margin-top:2px}.terms-group label{color:#334155;font-size:12px;line-height:1.5}.terms-group a{color:#00f;text-decoration:underline}.btn-apply-submit{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:8px;width:100%;margin-top:16px;padding:16px;font-size:16px;font-weight:700;transition:background .2s}.btn-apply-submit:hover:not(:disabled){background:var(--secondary)}.btn-apply-submit:disabled{opacity:.7;cursor:not-allowed}.otp-form{text-align:center}.otp-instructions{margin-bottom:24px}.otp-instructions h4{color:var(--text-main);margin:12px 0 8px;font-size:18px}.otp-instructions p{color:#64748b;font-size:14px}.otp-input{text-align:center;letter-spacing:8px;font-size:24px;font-weight:600}.btn-resend-otp{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-top:16px;font-weight:600}.section-title{color:var(--text-main);margin-top:24px;margin-bottom:16px;font-size:16px;font-weight:700}.section-title:first-child{margin-top:0}.features-list{flex-direction:column;gap:16px;list-style:none;display:flex}.features-list li{align-items:flex-start;gap:12px;display:flex}.feat-icon{font-size:18px;line-height:1.2}.feat-text{color:#334155;font-size:14px;line-height:1.5}.fees-list{flex-direction:column;gap:12px;list-style:none;display:flex}.fees-list li{align-items:center;gap:12px;display:flex}.fees-list span{color:#334155;font-size:14px}.apply-error-msg{color:#ef4444;background:#fef2f2;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500}.apply-loading,.apply-error{color:#64748b;justify-content:center;align-items:center;height:100vh;font-size:16px;display:flex}.input-error{background-color:#fef2f2;border-color:#ef4444!important}.field-error-text{color:#ef4444;margin-top:4px;font-size:12px;font-weight:500;display:block}.otp-success-toast{background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin-top:10px;padding:8px 12px;font-weight:600;display:inline-block;color:#10b981!important;font-size:13px!important}@media (width>=769px){.apply-container{max-width:var(--content-max-width);margin:0 auto}}.multistep-apply-page{color:#1e1b4b;background-color:#f4f7fb;flex-direction:column;align-items:center;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.brand-header{background:#fff;justify-content:center;align-items:center;width:100%;padding:4px 16px;display:flex}.brand-logo-container{align-items:center;gap:8px;display:flex}.apply-brand-logo-img{object-fit:contain;mix-blend-mode:multiply;height:150px;margin:-50px 0}.hero-section-apply{color:#fff;text-align:center;box-sizing:border-box;background:#1e1b4b;border-radius:0 0 30px 30px;width:100%;max-width:500px;padding:30px 20px 60px}.hero-section-apply h1{letter-spacing:.5px;margin:0 0 16px;font-size:28px;font-weight:900}.hero-section-apply h1 span{color:#f97316}.hero-subtitle,.hero-features,.hero-process{color:#94a3b8;letter-spacing:.5px;margin:6px 0;font-size:11px;font-weight:700}.hero-features{color:#fff}.form-card-container{box-sizing:border-box;background:#fff;border-radius:20px;width:90%;max-width:460px;margin-top:-30px;padding:24px;box-shadow:0 10px 30px #0000000d}.progress-indicator{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex;position:relative}.step-line{background:#e2e8f0;flex-grow:1;height:2px;margin:0 4px}.step-line.completed{background:#1e1b4b}.step-circle{color:#94a3b8;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;transition:all .3s;display:flex}.step-circle.active{color:#fff;background:#f97316;box-shadow:0 4px 10px #f973164d}.step-circle.completed{color:#fff;background:#1e1b4b}.step-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.step-icon-box{color:#1e1b4b;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.step-header h2{color:#1e1b4b;margin:0;font-size:18px;font-weight:800}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.form-group label{color:#1e293b;margin-bottom:8px;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:14px;font-family:Outfit,sans-serif;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f97316}.form-group select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231e293b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 14px top 50%;background-repeat:no-repeat;background-size:10px}.radio-group-container{margin-bottom:24px}.radio-options{gap:20px;display:flex}.radio-label{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex;color:#334155!important}.radio-label input[type=radio]{accent-color:#1e1b4b;width:18px;height:18px;margin:0}.btn-next-step{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #f973164d}.btn-next-step:hover{transform:translateY(-1px);box-shadow:0 6px 18px #f9731666}.action-buttons-grid{justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.btn-back-step{color:#1e293b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s}.btn-back-step:hover{background:#e2e8f0}.action-buttons-grid .btn-next-step{margin-top:0}.secure-footer{text-align:center;color:#94a3b8;margin-top:24px;font-size:11px;font-weight:500}.apply-footer{text-align:center;color:#94a3b8;padding:40px 20px 20px;font-size:12px}.ref-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.reference-section{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:24px;padding:20px}.ref-number{color:#fff;background-color:#1e1b4b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:flex}.ref-header h3{color:#1e1b4b;margin:0;font-size:15px;font-weight:700}.upload-section{margin-bottom:28px}.upload-section h4{color:#1e293b;margin:0 0 4px;font-size:15px;font-weight:700}.upload-subtitle{color:#94a3b8;margin-bottom:12px;font-size:12px;font-style:italic}.upload-label{color:#1e293b;margin-top:16px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.upload-box{cursor:pointer;background-color:#fff;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:all .2s;display:flex}.upload-box:hover{background-color:#f8fafc;border-color:#94a3b8}.upload-icon{color:#64748b;margin-bottom:12px}.upload-box span{color:#1e1b4b;font-size:14px;font-weight:600}.upload-box p{color:#94a3b8;margin:8px 0 0;font-size:12px}@media (width<=350px){.btn-next-step,.btn-back-step{padding:10px;font-size:13px}.btn-next-step{gap:4px}}.field-error{color:#ef4444;margin-top:4px;font-size:12px;font-weight:500;display:block}.upload-section .field-error{margin-top:8px;margin-bottom:8px}@media (width>=769px){.multistep-apply-page{max-width:var(--content-max-width);margin:0 auto}}:root{--brand-navy:#002d62;--brand-navy-light:#003d82;--brand-orange:#ff8c00;--brand-orange-light:#ffa733;--brand-bg:#f0f4f8;--brand-white:#fff;--brand-border:#e2e8f0;--brand-text:#1e293b;--brand-text-muted:#64748b;--brand-success:#10b981;--brand-danger:#ef4444}.admin-layout{background-color:var(--brand-bg);min-height:100vh;font-family:Outfit,sans-serif;display:flex}.admin-sidebar{background:linear-gradient(180deg, var(--brand-navy) 0%, var(--brand-navy-light) 100%);flex-direction:column;width:280px;height:100vh;padding:0;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #002d6226}.admin-logo{border-bottom:1px solid #ffffff1a;align-items:center;gap:14px;padding:28px 24px 32px;display:flex}.admin-logo h2{color:#fff;margin:0;font-size:20px;font-weight:800}.admin-logo h2 span{color:var(--brand-orange)}.logo-dot{background-color:var(--brand-orange);border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #ff8c0080}.admin-nav{flex-direction:column;flex:1;gap:4px;padding:20px 16px;display:flex}.admin-nav button{color:#ffffffa6;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:13px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.admin-nav button:hover{color:#fff;background-color:#ffffff1a}.admin-nav button.active{background:linear-gradient(135deg, var(--brand-orange), var(--brand-orange-light));color:#fff;box-shadow:0 4px 16px #ff8c0059}.admin-nav button.active svg{color:#fff}.admin-user-profile{border-top:1px solid #ffffff1a;align-items:center;gap:12px;padding:20px 24px;display:flex}.admin-avatar{background:linear-gradient(135deg, var(--brand-orange), var(--brand-orange-light));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.admin-info .admin-name{color:#fff;margin:0;font-size:14px;font-weight:700}.admin-info .admin-role{color:var(--brand-orange);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:11px;font-weight:600}.admin-main-content{flex:1;padding:40px;overflow-y:auto}.admin-content-section{animation:.3s ease-out fadeIn}.admin-page-title{color:var(--brand-navy);margin-bottom:28px;font-size:26px;font-weight:800}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:36px;display:grid}.stat-card{background:var(--brand-white);border:1px solid var(--brand-border);border-radius:20px;align-items:center;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #002d621a}.stat-icon-wrap{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon-wrap.orange{color:var(--brand-orange);background-color:#fff4e6}.stat-icon-wrap.blue{color:var(--brand-navy);background-color:#e8f0fb}.stat-icon-wrap.purple{color:#7c3aed;background-color:#f5f3ff}.stat-icon-wrap.green{color:var(--brand-success);background-color:#ecfdf5}.stat-info .stat-label{color:var(--brand-text-muted);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.stat-info .stat-value{color:var(--brand-navy);font-size:26px;font-weight:800;display:block}.stat-trend{border-radius:20px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;top:20px;right:20px}.stat-trend.positive{color:var(--brand-success);background-color:#ecfdf5}.section-header-admin{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.btn-add-admin{background:linear-gradient(135deg, var(--brand-orange), var(--brand-orange-light));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #ff8c004d}.btn-add-admin:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff8c0059}.btn-primary-admin{background:linear-gradient(135deg, var(--brand-orange), var(--brand-orange-light));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #ff8c0040}.btn-primary-admin:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff8c0059}.btn-secondary-admin{border:1px solid var(--brand-border);cursor:pointer;color:var(--brand-text-muted);background:#fff;border-radius:12px;padding:12px 24px;font-weight:600;transition:background .2s}.btn-secondary-admin:hover{background:#f8fafc}.admin-table-wrapper{background:var(--brand-white);border:1px solid var(--brand-border);border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #002d620d}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{color:var(--brand-navy);text-transform:uppercase;letter-spacing:.07em;background:linear-gradient(135deg,#f0f4f8,#e8f0fb);padding:14px 24px;font-size:12px;font-weight:700}.admin-table td{color:var(--brand-text);border-top:1px solid #f1f5f9;padding:18px 24px;font-size:14px}.admin-table tr:hover td{background-color:#fafbff}.td-bank{align-items:center;gap:12px;display:flex}.mini-logo{object-fit:contain;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:34px;height:34px;padding:4px}.earn-text{color:var(--brand-success);font-weight:700}.admin-category-tabs{scrollbar-width:none;gap:10px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.admin-category-tabs::-webkit-scrollbar{display:none}.cat-tab{border:1.5px solid var(--brand-border);color:var(--brand-text-muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .2s}.cat-tab:hover{border-color:var(--brand-orange);color:var(--brand-orange)}.cat-tab.active{background:linear-gradient(135deg, var(--brand-navy), var(--brand-navy-light));color:#fff;border-color:var(--brand-navy);box-shadow:0 4px 12px #002d6240}.status-pill{border-radius:100px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.status-pill.active{color:#15803d;background-color:#ecfdf5}.status-pill.inactive{color:#64748b;background-color:#f1f5f9}.status-pill.new{color:var(--brand-navy);background-color:#e8f0fb}.status-pill.in-progress{color:#92400e;background-color:#fef3c7}.status-pill.completed{color:#15803d;background-color:#ecfdf5}.status-pill.rejected{color:#ef4444;background-color:#fef2f2}.role-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.role-badge.admin{color:var(--brand-orange);background-color:#fff4e6;border:1px solid #ffe0b2}.role-badge.partner{color:var(--brand-navy);background-color:#e8f0fb;border:1px solid #c7d8f0}.action-btns{gap:8px;display:flex}.btn-icon-admin{border:1px solid var(--brand-border);cursor:pointer;width:34px;height:34px;color:var(--brand-text-muted);background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon-admin.edit:hover{color:var(--brand-navy);border-color:var(--brand-navy);background-color:#e8f0fb}.btn-icon-admin.delete:hover{color:#ef4444;background-color:#fef2f2;border-color:#ef4444}.contact-info-td{flex-direction:column;display:flex}.contact-info-td .sub-text{color:var(--brand-text-muted);font-size:12px}.item-avatar{background:linear-gradient(135deg, var(--brand-navy), var(--brand-navy-light));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.item-avatar.small{border-radius:8px;width:32px;height:32px;font-size:13px}.admin-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background-color:#002d6280;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:650px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #002d6233}.form-scroll-area{flex:1;padding:24px;overflow-y:auto}.modal-header{border-bottom:1px solid var(--brand-border);background:linear-gradient(135deg,#f0f4f8,#e8f0fb);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.modal-header h3{color:var(--brand-navy);margin:0;font-size:20px;font-weight:800}.btn-close-modal{color:var(--brand-text-muted);cursor:pointer;background:0 0;border:none;transition:color .2s}.btn-close-modal:hover{color:var(--brand-danger)}.admin-form{padding:0}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group.full-width{grid-column:span 2}.form-group label{color:var(--brand-navy);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-group input,.form-group textarea{border:1.5px solid var(--brand-border);box-sizing:border-box;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Outfit,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px #ff8c001a}.form-actions{border-top:1px solid var(--brand-border);background:#fafbfc;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.btn-view-kyc{background:var(--primary-light);color:var(--primary);cursor:pointer;border:1px solid #ff8c0033;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-view-kyc:hover{background:var(--primary);color:#fff}.kyc-review-wrap{flex-direction:column;gap:24px;display:flex}.kyc-action-bar{background:#fff4e6;border:1px solid #ff8c0033;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.action-info h4{color:var(--brand-navy);margin:0 0 4px;font-size:16px;font-weight:800}.action-info p{color:var(--brand-text-muted);margin:0;font-size:13px}.action-buttons{gap:12px;display:flex}.kyc-details-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.detail-item{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.detail-icon{background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.detail-text-wrap{flex-direction:column;display:flex}.detail-text-wrap strong{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.detail-text-wrap span{color:var(--brand-navy);font-size:14px;font-weight:600}.pan-text{letter-spacing:1px;font-family:monospace}.doc-list-title{color:var(--brand-navy);margin:0 0 12px;font-size:16px;font-weight:800}.kyc-doc-list{background:#f8fafc;border-radius:16px;flex-direction:column;gap:12px;display:flex}.doc-list-item{border:1px solid var(--border);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.doc-list-item span{color:var(--brand-navy);font-size:14px;font-weight:600}.btn-view-doc{color:var(--brand-orange);cursor:pointer;background:#fff4e6;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-view-doc:hover{background:var(--brand-orange);color:#fff}.image-preview-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#002d62d9;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.image-preview-content{max-width:90vw;max-height:90vh;position:relative}.image-preview-content img{object-fit:contain;border-radius:12px;max-width:100%;max-height:90vh;box-shadow:0 20px 60px #00000080}.btn-close-preview{color:#ef4444;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:-40px;right:-40px;box-shadow:0 4px 12px #0003}.btn-close-preview:hover{background:#fef2f2}.btn-success{background:var(--brand-success);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-weight:600;display:flex}.btn-danger{background:var(--brand-danger);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-weight:600;display:flex}.features-builder{border:1px solid var(--brand-border);background-color:#f8fafc;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.feature-input-row{gap:8px;display:flex}.feat-icon{text-align:center;width:50px!important}.feat-text{flex:1}.btn-remove-feat{color:var(--brand-danger);cursor:pointer;background:0 0;border:none;padding:0 6px}.btn-add-feat{border:1.5px dashed var(--brand-orange);color:var(--brand-orange);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.btn-add-feat:hover{background-color:#fff4e6}.color-picker-wrap{border:1.5px solid var(--brand-border);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.color-picker-wrap input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px;padding:0}.color-picker-wrap span{color:var(--brand-text-muted);font-family:monospace;font-size:14px}.admin-status-select{border:1.5px solid var(--brand-border);color:var(--brand-text);cursor:pointer;background:#fff;border-radius:8px;outline:none;padding:6px 12px;font-family:Outfit,sans-serif;font-size:13px}.admin-status-select:focus{border-color:var(--brand-orange)}.empty-state-admin{text-align:center;color:var(--brand-text-muted);padding:48px;font-size:15px;font-style:italic}.table-inner-title{color:var(--brand-navy);border-bottom:1px solid #f1f5f9;margin:0;padding:20px 24px;font-size:16px;font-weight:700}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-slide-up{animation:.3s ease-out forwards slideUp}.td-partner{flex-direction:column;gap:2px;display:flex}.td-partner strong{color:var(--brand-navy);font-size:14px}.td-partner span{color:var(--brand-text-muted);font-size:11px}.ticket-category-admin{text-transform:uppercase;color:var(--brand-text-muted);background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.td-subject{max-width:300px}.td-subject strong{color:var(--brand-navy);margin-bottom:2px;font-size:14px;display:block}.msg-preview{color:var(--brand-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.status-pill.under-process{color:#d97706;background:#fffbeb}.status-pill.resolved{color:#10b981;background:#ecfdf5}.status-pill.completed{color:#2563eb;background:#eff6ff}.acc-number{color:#1e293b;letter-spacing:.5px;background:#f1f5f9;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:14px}.offline-partners-page{background:var(--bg-slate-50,#f8fafc);color:#1e293b;min-height:100vh;padding:1.5rem;font-family:Inter,sans-serif}.offline-header{align-items:center;gap:1.25rem;margin-bottom:2rem;display:flex}.btn-back-circle{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000000d}.btn-back-circle:hover{background:#f1f5f9;transform:translate(-3px);box-shadow:0 10px 15px -3px #0000001a}.offline-header h1{color:#0f172a;letter-spacing:-.015em;margin:0;font-size:1.3rem;font-weight:600}.offline-content{max-width:640px;margin:0 auto}.offline-hero-card{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#1e1b4b 100%);border-radius:20px;margin-bottom:2rem;padding:2.25rem 2rem;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #1e3a8a40}.offline-hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:-20%;right:-10%}.offline-hero-card h2{letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.5rem;font-weight:750;line-height:1.25}.offline-hero-card p{color:#93c5fd;margin:0;font-size:.95rem;font-weight:450;line-height:1.5}.offline-partners-list{flex-direction:column;gap:1.25rem;display:flex}.offline-partner-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #00000005,0 10px 15px -3px #00000008}.offline-partner-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 20px -8px #00000014,0 20px 25px -5px #0000000d}.card-top-info{align-items:center;gap:.85rem;margin-bottom:.85rem;display:flex}.logo-container{box-sizing:border-box;cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;padding:.4rem;transition:transform .2s,border-color .2s;display:flex}.logo-container:hover{border-color:#cbd5e1;transform:scale(1.05)}.bank-logo-img{object-fit:contain;width:100%;height:100%}.details-container{flex-direction:column;flex-grow:1;justify-content:center;display:flex}.bank-name-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.bank-name-row h3{color:#0f172a;cursor:pointer;margin:0;font-size:1.05rem;font-weight:700;transition:color .2s}.bank-name-row h3:hover{color:#2563eb;text-decoration:underline}.status-badge{border-radius:100px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.active-status{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.features-grid{flex-wrap:wrap;gap:.75rem;display:flex}.feature-item{color:#475569;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;display:flex}.feature-icon{color:#059669}.card-actions-row{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:.75rem;padding-top:.85rem;display:grid}.btn-action-share,.btn-action-apply{cursor:pointer;box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-action-share{color:#002d62;background:#002d620f;border:1px solid #0000}.btn-action-share:hover{background:#002d621a;transform:translateY(-2px)}.btn-action-apply{color:#fff;background:linear-gradient(135deg,#ff8c00,#f57c00);border:1px solid #0000;box-shadow:0 4px 14px #ff8c0040}.btn-action-apply:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ff8c0059}@media (width<=480px){.offline-partners-page{padding:1rem}.offline-hero-card{padding:1.5rem}.card-top-info{gap:.65rem}.logo-container{width:44px;min-width:44px;height:44px;padding:.35rem}.bank-name-row{width:100%}.features-grid{gap:.5rem;margin-top:.15rem}}@media (width>=769px){.offline-partners-page{max-width:var(--content-max-width);margin:0 auto}}#root{width:100%}