.top-nav{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.top-nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 24px}.brand-link,.top-nav-brand,.top-nav-container{align-items:center;display:flex}.brand-link{color:#0c1c48;font-size:20px;font-weight:700;gap:12px;margin-left:-8px;text-decoration:none;transition:opacity .2s}.brand-link:hover{opacity:.8}.brand-logo{height:40px;object-fit:contain;width:auto}.brand-text{font-size:20px}.top-nav-links{gap:32px}.nav-link,.top-nav-links{align-items:center;display:flex}.nav-link{border-radius:6px;color:#0c1c48;font-size:15px;font-weight:500;gap:4px;padding:8px 12px;position:relative;text-decoration:none;transition:color .2s}.nav-link:hover{opacity:.8}.nav-link.active,.nav-link:hover{background-color:#f1f5f9;color:#0c1c48}.nav-link.active{font-weight:600}@media (max-width:768px){.top-nav-container{padding:12px 16px}.brand-text{font-size:18px}.top-nav-links{gap:16px}.nav-link{font-size:14px}}@media (max-width:480px){.brand-text{display:none}.top-nav-links{gap:12px}}.virtual-keyboard-container{background:#f5f5f5;border-top:2px solid #ddd;bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;max-height:50vh;overflow-y:auto;padding:12px;position:fixed;right:0;z-index:1000}.virtual-keyboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 8px}.keyboard-title{color:#333;font-size:14px;font-weight:600}.keyboard-close-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:background .2s;width:28px}.keyboard-close-btn:hover{background:#c82333}.virtual-keyboard{margin:0 auto;max-width:1000px}.keyboard-section,.virtual-keyboard{display:flex;flex-direction:column;gap:12px}.section-label{align-items:center;color:#555;display:flex;font-size:12px;justify-content:space-between;letter-spacing:1px;margin-bottom:6px}.caps-lock-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s}.caps-lock-btn:hover{background:#e0e0e0}.caps-lock-btn.active{background:#06c;border-color:#06c;color:#fff}.keys-grid{grid-gap:8px;display:grid;gap:8px;justify-content:center}.numbers-grid{grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:400px}.letters-grid{grid-template-columns:repeat(13,1fr);max-width:100%}.specials-grid{grid-template-columns:repeat(10,1fr);max-width:100%}.key-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-height:36px;padding:8px 6px;touch-action:manipulation;transition:all .2s ease;user-select:none;-webkit-user-select:none}.key-button:hover{background:#e8f4f8;border-color:#06c;box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.key-button:active{background:#d0e8f0;box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.number-key{color:#06c}.letter-key{color:#333}.special-key{color:#666;font-size:12px}.action-key{background:#f0f0f0;color:#333;font-size:14px}.action-key:hover{background:#e0e0e0}.action-buttons{gap:12px;justify-content:center;margin:0 auto;max-width:400px}.action-buttons .key-button{flex:1 1;min-width:120px}.backspace-key{background:#fff3cd;border-color:#ffc107}.backspace-key:hover{background:#ffe69c}.clear-key{background:#f8d7da;border-color:#dc3545}.clear-key:hover{background:#f5c6cb}@media (max-width:768px){.virtual-keyboard-container{max-height:45vh;padding:8px}.numbers-grid{grid-template-columns:repeat(5,1fr);max-width:100%}.letters-grid{grid-template-columns:repeat(10,1fr)}.specials-grid{grid-template-columns:repeat(8,1fr)}.key-button{font-size:12px;min-height:32px;padding:6px 4px}}@media (max-width:480px){.letters-grid{grid-template-columns:repeat(7,1fr)}.key-button{font-size:14px;min-height:40px;padding:10px 6px}}.login-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;padding-bottom:0}.login-page .login-container-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:0;padding:40px 20px}.login-page:has(.virtual-keyboard-container) .login-container-wrapper{padding-bottom:300px}.login-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;display:flex;max-width:1200px;min-height:600px;overflow:hidden;width:100%}.login-branding{background:#1e40af;color:#fff}.login-branding,.login-form-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:48px}.login-form-wrapper{max-width:400px;width:100%}.login-form{width:100%}.form-options{display:flex;justify-content:flex-end;margin-bottom:24px}.forgot-password-link{color:#1d4ed8;font-size:14px;transition:color .2s}.forgot-password-link:hover{color:#1e40af}.form-footer{color:#64748b;font-size:14px}.register-link{color:#1d4ed8;font-weight:600;text-decoration:none}.register-link:hover{text-decoration:underline}.password-input-wrapper{align-items:center;display:flex;gap:8px}.password-input-container{align-items:center;display:flex;flex:1 1;position:relative}.password-input-container .form-input{flex:1 1;padding-right:40px}.password-toggle-btn{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px 8px;position:absolute;right:8px;transition:color .2s;z-index:1}.password-toggle-btn:hover{color:#06c}.password-toggle-btn:focus{border-radius:4px;outline:2px solid #06c;outline-offset:2px}.virtual-keyboard-toggle{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.virtual-keyboard-toggle:hover{background:#e0e0e0;border-color:#06c}@media (max-width:968px){.login-container{flex-direction:column;max-width:500px}.login-branding{padding:32px}.brand-logo h1{font-size:18px}.brand-tagline h2{font-size:16px}.login-form-container{padding:32px}}@media (max-width:480px){.login-page{padding:16px}.login-container{border-radius:12px}.login-branding,.login-form-container{padding:24px}}.otp-verify-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;padding-bottom:0}.otp-verify-page .otp-container-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:0;padding:40px 20px}.otp-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;display:flex;max-width:1200px;min-height:600px;overflow:hidden;width:100%}.otp-branding{align-items:center;background:#1e40af;color:#fff;display:flex;flex:1 1;justify-content:center;padding:48px}.branding-content{max-width:400px;text-align:center}.brand-logo h1{font-size:20px;font-weight:700;margin-bottom:24px}.brand-tagline h2{font-size:18px;font-weight:600;margin-bottom:16px;margin-top:10px}.brand-tagline p{font-size:16px;line-height:1.6;margin-bottom:32px;opacity:.9}.brand-features{display:flex;flex-direction:column;gap:16px}.feature-item{align-items:center;display:flex;font-size:16px;gap:12px}.feature-icon{font-size:24px}.otp-form-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:48px}.otp-form-wrapper{max-width:400px;width:100%}.form-title{color:#2d3748;font-size:32px;font-weight:700;margin-bottom:8px}.form-subtitle{color:#64748b;font-size:16px;margin-bottom:32px}.error-message{margin-bottom:20px}.otp-form{width:100%}.otp-inputs{margin-bottom:24px}.otp-input{border:2px solid #cbd5e0;color:#2d3748}.otp-input:focus{box-shadow:0 0 0 3px #1d4ed81a}.otp-input:focus,.otp-input:not(:placeholder-shown){border-color:#1d4ed8}.btn-block{margin-bottom:24px;width:100%}.otp-footer{margin-bottom:16px;margin-top:24px;text-align:center}.otp-footer p{color:#64748b;font-size:14px;margin-bottom:8px}.resend-btn{color:#1d4ed8;font-size:14px;transition:color .2s}.resend-btn:hover:not(:disabled){color:#1e40af}.resend-btn:disabled{opacity:.6}.back-to-login{margin-top:16px;text-align:center}.btn-link{color:#1d4ed8;text-decoration:none;transition:color .2s}.btn-link:hover{color:#1e40af;text-decoration:underline}@media (max-width:968px){.otp-container{flex-direction:column;max-width:500px}.otp-branding{padding:32px}.brand-logo h1{font-size:18px}.brand-tagline h2{font-size:16px}.otp-form-container{padding:32px}}@media (max-width:480px){.otp-verify-page{padding:16px}.otp-container{border-radius:12px}.otp-branding,.otp-form-container{padding:24px}.otp-inputs{gap:8px}.otp-input{font-size:20px;height:48px;width:48px}}.forgot-password-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.forgot-password-page .forgot-password-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 20px}.forgot-password-container{margin:0 auto;max-width:500px;width:100%}.forgot-password-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:48px}.forgot-password-form{width:100%}.security-question{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:14px;font-weight:500;margin-bottom:20px;padding:16px}.back-to-login-link{color:#1d4ed8;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.back-to-login-link:hover{color:#1e40af;text-decoration:underline}@media (max-width:480px){.forgot-password-card{padding:32px 24px}}.reset-password-page{align-items:center;background:#f7fafc;display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-container{max-width:500px;width:100%}.reset-password-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:48px}.page-title{color:#2d3748}.page-subtitle{line-height:1.6;margin-bottom:32px}.reset-password-form{width:100%}.password-input-wrapper{position:relative}.password-toggle{background:none;border:none;cursor:pointer;font-size:20px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-strength{margin-top:12px}.strength-bar{background:#e2e8f0;border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.strength-fill{height:100%;transition:all .3s}.strength-info{align-items:center;display:flex;font-size:12px;justify-content:space-between}.strength-feedback{color:#64748b;font-size:11px}.password-requirements{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.requirements-title{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:12px}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{color:#64748b;font-size:13px;margin-bottom:6px;padding-left:20px;position:relative}.password-requirements li:before{color:#dc2626;content:"✗";left:0;position:absolute}.password-requirements li.met{color:#16a34a}.password-requirements li.met:before{color:#16a34a;content:"✓"}.form-footer{margin-top:24px;text-align:center}@media (max-width:480px){.reset-password-card{padding:32px 24px}}.onboarding-selection-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.onboarding-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:1400px;padding:40px 20px;width:100%}.onboarding-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:48px}.page-title{color:#1e293b;font-size:32px;font-weight:700;margin-bottom:8px;text-align:center}.page-subtitle{margin-bottom:40px;text-align:center}.account-type-selection{align-items:stretch;display:flex;flex-direction:row;gap:24px;justify-content:center}.account-type-selection .type-card-link{flex:1 1;max-width:450px;min-width:300px}.type-card-link{color:inherit;display:block;text-decoration:none}.type-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:32px;text-align:center;transition:all .3s}.type-card-link:hover .type-card{background:#eff6ff;border-color:#1d4ed8;box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.type-icon{align-items:center;display:flex;justify-content:center;margin-bottom:16px}.type-icon svg{stroke-width:2}.type-card h3{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:12px}.type-card p{color:#64748b;font-size:14px;margin-bottom:20px}.type-card ul{list-style:none;margin:0;padding:0;text-align:left}.type-card ul li{color:#4a5568;font-size:14px;padding:8px 0 8px 24px;position:relative}.type-card ul li:before{color:#1d4ed8;content:"✓";font-weight:600;left:0;position:absolute}@media (max-width:768px){.account-type-selection{grid-template-columns:1fr}.onboarding-card{padding:32px 24px}}.individual-onboarding-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}@media (max-width:768px){.onboarding-layout{flex-direction:column}.onboarding-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;height:auto;position:relative;width:100%}.sidebar-nav{flex-direction:row;gap:8px;overflow-x:auto}.nav-step{flex-shrink:0;min-width:140px}.step-title-text{display:none}.onboarding-content{padding:24px 16px}}.step-form{max-width:600px;width:100%}.required{color:#dc2626}.form-input:focus{border-color:#1d4ed8}.form-input.error{border-color:#cbd5e0}.form-input.error:focus{box-shadow:0 0 0 3px #cbd5e01a}.form-input.valid{border-color:#22c55e}.form-input.valid:focus{box-shadow:0 0 0 3px #22c55e1a}.pan-validation-spinner{animation:pan-spin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;display:inline-block;height:16px;width:16px}@keyframes pan-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-error{color:#64748b}.form-hint{margin-top:6px}.form-actions{gap:16px;justify-content:space-between}.form-actions .btn{min-width:120px}.aadhar-input-container{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.aadhar-digit{border:2px solid #cbd5e0;border-radius:8px;font-size:18px;font-weight:600;height:48px;text-align:center;transition:all .2s;width:40px}.aadhar-digit:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a;outline:none}.checkbox-label{align-items:center;background:#fff;border:2px solid #e2e8f0;color:#2d3748;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background:#f7fafc;border-color:#1d4ed8}.checkbox-label input[type=checkbox]:checked~span{font-weight:600}.checkbox-label.checked{background:#eff6ff;border-color:#1e40af;border-width:2px}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #cbd5e0;border-radius:4px;height:20px;margin:0;min-height:20px;min-width:20px;position:relative;transition:all .2s;width:20px}.checkbox-label input[type=checkbox]:checked{border-width:2px}.checkbox-label input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:5px}.checkbox-label input[type=checkbox]:focus{outline:2px solid #1d4ed833}.checkbox-label span{flex:1 1;font-weight:500;line-height:1.5;transition:all .2s}.variants-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.variant-card{align-items:center;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s}.variant-card:hover{background:#eff6ff;border-color:#1d4ed8}.variant-card input[type=radio]{cursor:pointer;height:20px;width:20px}.variant-card input[type=radio]:checked+.variant-content{color:#1d4ed8}.variant-content{flex:1 1}.variant-content h4{font-size:16px;font-weight:600;margin:0 0 4px}.variant-content p{color:#64748b;font-size:14px;margin:0}.review-section{margin-bottom:32px}.review-section h3{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:12px}.review-summary{background:#f7fafc;border-radius:8px;margin-top:16px;padding:16px}.vkyc-info-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:24px;padding:24px}.vkyc-info-card h3{color:#1e40af;font-size:18px;font-weight:600;margin-bottom:12px}.vkyc-info-card p{color:#1e40af;line-height:1.6;margin-bottom:8px}.vkyc-status{border-top:1px solid #bfdbfe;margin-top:16px;padding-top:16px}.vkyc-status p{font-weight:600}@media (max-width:768px){.form-actions{flex-direction:column}.form-actions .btn{min-width:100%}.aadhar-digit{font-size:16px;height:40px;width:32px}}.searchable-dropdown{position:relative;width:100%}.dropdown-trigger{border:1px solid #e2e8f0;min-height:44px;padding:12px;transition:border-color .2s;width:100%}.dropdown-trigger:hover:not(.disabled){border-color:#0c1c48}.dropdown-trigger.disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.dropdown-selected{min-width:0;text-align:left}.selected-label{font-weight:500}.selected-details,.selected-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-details{font-size:12px}.dropdown-arrow{margin-left:8px}.dropdown-menu{border:1px solid #e2e8f0;display:flex;flex-direction:column;max-height:300px;overflow:hidden}.dropdown-search{background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:8px}.search-input{border-radius:6px;padding:8px 12px;transition:border-color .2s}.search-input:focus{box-shadow:0 0 0 2px #0c1c481a}.dropdown-options{max-height:240px;overflow-y:auto;padding:4px}.dropdown-option{border-radius:6px;margin-bottom:2px;padding:12px;transition:background .2s}.dropdown-option.selected{color:#0c1c48}.option-content{display:flex;flex-direction:column;gap:4px;min-width:0}.option-label{word-wrap:break-word;font-size:14px;font-weight:500;line-height:1.4;white-space:normal}.dropdown-option.selected .option-label{color:#0c1c48;font-weight:600}.option-details{word-wrap:break-word;font-size:12px;line-height:1.3;white-space:normal}.dropdown-empty{color:#64748b}.searchable-dropdown.error .dropdown-trigger{border-color:#e53e3e}.searchable-dropdown .error-message{color:#e53e3e;display:block;font-size:12px;margin-top:4px}.corporate-onboarding-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.onboarding-page-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:24px 0}.onboarding-page-header .container{margin:0 auto;max-width:1400px;padding:0 24px}.onboarding-page-header h1{color:#1e293b;font-size:28px;font-weight:700;margin:0}.onboarding-layout{display:flex;flex:1 1;margin:0 auto;max-width:1400px;padding:32px 24px;width:100%}.onboarding-layout-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;overflow:hidden;width:100%}.onboarding-sidebar{background:#f7fafc;border-right:1px solid #e2e8f0;flex-shrink:0;height:calc(100vh - 140px);overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:0;width:280px}.sidebar-header{margin-bottom:24px;padding-bottom:24px}.sidebar-header h2{color:#2d3748;font-size:16px;font-weight:700;margin-bottom:8px}.step-counter{color:#64748b;font-size:12px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.nav-step{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:12px;gap:10px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.nav-step:hover:not(:disabled){background:#f7fafc;color:#2d3748}.nav-step.active{background:#eff6ff;color:#1d4ed8;font-weight:600}.nav-step.completed{color:#16a34a}.nav-step:disabled{cursor:not-allowed;opacity:.5}.step-number-indicator{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;transition:all .2s;width:28px}.nav-step.active .step-number-indicator{background:#1d4ed8;color:#fff}.nav-step.completed .step-number-indicator{background:#16a34a;color:#fff}.step-title-text{flex:1 1}.onboarding-content{background:#fff;flex:1 1;overflow-y:auto;padding:32px}.content-header{margin-bottom:32px;text-align:left}.content-header h1{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:8px}.content-header p{color:#64748b;font-size:16px}.step-content-wrapper{min-height:500px}@media (max-width:1024px){.onboarding-sidebar{width:280px}.onboarding-content{padding:24px 32px}}@media (max-width:768px){.onboarding-layout{padding:0 16px}.onboarding-layout,.onboarding-layout-container{flex-direction:column}.onboarding-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;height:auto;position:relative;width:100%}.sidebar-nav{flex-direction:row;gap:8px;overflow-x:auto}.nav-step{flex-shrink:0;min-width:140px}.step-title-text{display:none}.onboarding-content{padding:24px 0}}.authenticated-top-nav{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.authenticated-top-nav .top-nav-container{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 24px;width:100%}.authenticated-top-nav .top-nav-brand{align-items:center;display:flex}.authenticated-top-nav .brand-link{align-items:center;color:#0c1c48;display:flex;font-size:20px;font-weight:700;gap:12px;margin-left:-8px;text-decoration:none;transition:opacity .2s}.authenticated-top-nav .brand-link:hover{opacity:.8}.authenticated-top-nav .brand-logo{height:40px;object-fit:contain;width:auto}.authenticated-top-nav .brand-text{font-size:20px}.authenticated-top-nav .top-nav-links{align-items:center;display:flex;gap:32px}.authenticated-top-nav .nav-link{align-items:center;color:#0c1c48;display:flex;font-size:15px;font-weight:500;gap:4px;padding:8px 0;position:relative;text-decoration:none;transition:color .2s}.authenticated-top-nav .nav-link:hover{color:#0c1c48;opacity:.8}.authenticated-top-nav .nav-link.active{align-items:center;background-color:#f1f5f9;border-radius:6px;color:#0c1c48;display:flex;font-weight:600;height:100%;padding:8px 12px}.authenticated-top-nav .nav-link.active:after{display:none}.authenticated-top-nav .nav-link-dropdown{padding-bottom:4px;position:relative}.authenticated-top-nav .dropdown-arrow{font-size:10px;margin-left:4px;transition:transform .2s}.authenticated-top-nav .nav-link-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.authenticated-top-nav .dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;min-width:200px;padding:8px 0;position:absolute;top:100%;z-index:1000}.authenticated-top-nav .nav-link-dropdown:before{background:#0000;content:"";height:4px;left:0;pointer-events:none;position:absolute;right:0;top:100%;z-index:1001}.authenticated-top-nav .dropdown-item{align-items:center;color:#2d3748;display:flex;font-size:14px;padding:12px 20px;text-decoration:none;transition:background-color .2s}.authenticated-top-nav .dropdown-item:hover{background-color:#f7fafc}.authenticated-top-nav .dropdown-item.active{background-color:#eff6ff;color:#0c1c48;font-weight:600}@media (max-width:768px){.authenticated-top-nav .top-nav-container{padding:12px 16px}.authenticated-top-nav .brand-text{font-size:18px}.authenticated-top-nav .top-nav-links{gap:16px}.authenticated-top-nav .nav-link{font-size:14px}}@media (max-width:480px){.authenticated-top-nav .brand-text{display:none}.authenticated-top-nav .top-nav-links{gap:12px}}.user-menu-container{margin-left:16px;position:relative}.user-menu-trigger{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:background-color .2s}.user-menu-trigger:hover{background-color:#f7fafc}.user-avatar{align-items:center;background:linear-gradient(135deg,#1e40af,#1e40af);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.user-name{color:#0c1c48;font-size:14px;font-weight:500}.user-menu-arrow{transition:transform .2s}.user-menu-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:180px;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.user-menu-item{align-items:center;background:none;border:none;color:#2d3748;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;text-align:left;text-decoration:none;transition:background-color .2s;width:100%}.user-menu-item:hover{background-color:#f7fafc}.user-menu-item svg{flex-shrink:0}.user-menu-divider{background:#e2e8f0;height:1px;margin:4px 0}.app-footer{background:#f7fafc;border-top:1px solid #e2e8f0;margin-top:auto;padding:24px 0}.footer-container{margin:0 auto;max-width:1400px;padding:0 24px;text-align:center}.footer-container p{color:#64748b;font-size:14px;margin:0}.netbanking-dashboard-page{background:#f5f7fa;display:flex;flex-direction:column;min-height:100vh}.total-accounts-balance-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px 32px}.section-title{color:#64748b;font-size:14px;font-weight:500;margin:0 0 16px}.balance-display{margin-bottom:20px}.balance-amount{font-size:48px}.balance-amount-masked{font-size:48px;letter-spacing:2px}.customer-info-line{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:4px}.customer-info-item{color:#64748b}.customer-info-separator{color:#94a3b8;font-weight:300}.status-indicator-inline{align-items:center;display:flex;gap:6px;margin-left:4px}.status-time{font-size:13px;margin-left:4px}.status-dot.live{animation:pulse 2s infinite;background:#10b981}.status-text{color:#10b981;font-weight:600}.status-time{color:#64748b}.dashboard-main-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px}.dashboard-left-column{display:flex;flex-direction:column;gap:24px}.my-accounts-section{border-radius:12px}.my-accounts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-subtitle{color:#1e293b;font-size:16px;font-weight:600;margin:0}.my-accounts-scroll-controls{display:flex;gap:8px}.my-accounts-container{position:relative}.scroll-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.scroll-btn:hover{background:#e2e8f0;color:#1e293b}.my-accounts-list{-ms-overflow-style:none;display:flex;flex:1 1;gap:16px;overflow-x:auto;padding:8px 0;scroll-behavior:smooth;scrollbar-width:none}.my-accounts-list::-webkit-scrollbar{display:none}.account-item{background:#f8fafc;border:2px solid #0000;border-radius:8px;cursor:pointer;min-width:200px;padding:16px;transition:all .2s}.account-item:hover{background:#f1f5f9;border-color:#cbd5e1}.account-item.selected{background:#fff;border-color:#2563eb;box-shadow:0 2px 8px #2563eb26}.account-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.account-item-type{color:#1e293b;font-size:14px;font-weight:600}.account-item-badge{border-radius:12px;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase}.account-item-badge.active{background:#d1fae5;color:#065f46}.account-item-badge.joint{background:#e9d5ff;color:#7c3aed}.account-item-number{color:#64748b;font-family:Courier New,monospace;font-size:12px;letter-spacing:.5px}.selected-account-details{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.account-details-header{margin-bottom:20px}.account-details-title{align-items:center;display:flex;gap:12px}.account-details-title h3{color:#1e293b;flex:1 1;font-size:18px;font-weight:600;margin:0}.account-status-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.account-status-badge.active{background:#d1fae5;color:#065f46}.account-info-top-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;position:relative;z-index:1}.account-info-inline{align-items:center;display:flex;flex:1 1;font-size:14px;gap:12px}.account-info-label{color:#64748b;font-weight:600;white-space:nowrap}.account-info-value{color:#1e293b;font-family:Courier New,monospace;letter-spacing:.5px}.copy-btn{transition:color .2s}.download-statement-btn-inline{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;position:relative;transition:background .2s;white-space:nowrap;z-index:10}.download-statement-btn-inline:hover:not(:disabled){background:#1d4ed8}.download-statement-btn-inline:active:not(:disabled){background:#1e40af;transform:scale(.98)}.download-statement-btn-inline:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.account-details-separator{background:#e2e8f0;height:1px;margin:16px 0}.current-balance-section{margin-bottom:16px}.balance-label-row{align-items:center;display:flex;gap:6px;margin-bottom:8px}.balance-label{font-size:12px}.info-icon{color:#94a3b8;cursor:help}.balance-value-large{color:#1e40af;font-size:28px;font-weight:700;margin-bottom:8px}.view-balance-details-row{align-items:center;background:#f1f5f9;border-radius:6px;display:flex;justify-content:space-between;margin-top:16px;padding:12px 16px}.view-balance-link{color:#2563eb;font-size:13px;font-weight:500;text-decoration:none}.view-balance-link:hover{text-decoration:underline}.chevron-down{color:#94a3b8}.general-account-details{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:20px;transition:all .2s}.general-account-details:hover{box-shadow:0 2px 8px #0000001a}.general-details-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.general-details-header h4{color:#1e293b;flex:1 1;font-size:16px;font-weight:600;margin:0}.general-details-header svg{color:#64748b}.chevron-icon{color:#94a3b8}.general-details-subtitle{color:#64748b;font-size:13px;margin:0}.recent-transactions-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.section-header{gap:12px;margin-bottom:16px}.section-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.section-header svg{color:#ccc}.transactions-table{overflow-x:auto}.transactions-table table{border-collapse:collapse;width:100%}.transactions-table thead{background:#f8fafc}.transactions-table th{color:#64748b;font-size:12px;padding:12px;text-transform:uppercase}.transactions-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:12px}.transaction-details{color:#475569;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-amount{font-family:Courier New,monospace;font-weight:600}.transaction-amount.credit{color:#10b981}.transaction-amount.debit{color:#dc2626}.show-more-link{align-items:center;color:#2563eb;display:flex;font-size:13px;font-weight:500;gap:4px;margin-top:12px;text-decoration:none}.show-more-link:hover{text-decoration:underline}.quick-actions-section{display:flex;gap:16px}.quick-action-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:500;gap:12px;padding:24px 16px;transition:all .2s}.quick-action-btn:hover{background:#eff6ff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.quick-action-btn svg{color:#2563eb}.dashboard-right-column{display:flex;flex-direction:column;gap:24px}.debit-card-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.card-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-section-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.card-status-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.card-status-badge.active{background:#d1fae5;color:#065f46}.debit-card-display{margin-bottom:20px}.debit-card{background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:12px;box-shadow:0 4px 12px #2563eb4d;color:#fff;flex-direction:column;min-height:180px;padding:24px}.card-top,.debit-card{display:flex;justify-content:space-between}.card-top{align-items:flex-start}.contactless-icon{font-size:24px}.visa-logo{font-size:18px;font-weight:700;letter-spacing:2px}.card-number{font-family:Courier New,monospace;font-size:20px;font-weight:600;letter-spacing:2px;margin:20px 0}.card-bottom{align-items:flex-end;display:flex;justify-content:space-between}.card-expiry,.card-holder{display:flex;flex-direction:column;gap:4px}.card-label{font-size:10px;opacity:.8;text-transform:uppercase}.card-value{font-size:14px;font-weight:600}.card-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.card-action-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px;transition:all .2s}.card-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.card-action-btn svg{color:#64748b}.cheque-services-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.cheque-services-list{list-style:none;margin:16px 0 0;padding:0}.cheque-services-list li{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:12px 0;transition:color .2s}.cheque-services-list li:last-child{border-bottom:none}.cheque-services-list li:hover{color:#2563eb}.cheque-services-list li span{color:#1e293b;font-size:14px}.cheque-services-list li svg{color:#94a3b8}.promotional-offers-section{display:flex;flex-direction:column;gap:16px}.promo-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.promo-card h4{color:#1e293b;font-size:14px;font-weight:600;line-height:1.5;margin:0 0 12px}.promo-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s}.promo-btn:hover{background:#1d4ed8}.credit-card-promo{border-left-color:#8b5cf6}.loan-promo{border-left-color:#f59e0b}.home-loan-promo{border-left-color:#10b981}@media (max-width:1200px){.dashboard-main-grid{grid-template-columns:1fr}.dashboard-right-column{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-container{padding:16px}.total-accounts-balance-section{padding:20px}.balance-amount{font-size:24px}.dashboard-right-column{grid-template-columns:1fr}.quick-actions-section{flex-direction:column}.my-accounts-list{gap:12px}.account-item{min-width:160px}}.dashboard-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.dashboard-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.error-state,.loading-state{color:#64748b;padding:60px 20px}.error-state .btn-primary{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:10px 24px}.tabs-accounts-container{background:#fff;border:1px solid #dbeafe;border-radius:12px;margin-bottom:32px;overflow:hidden}.dashboard-tabs{background:#fff;border-bottom:2px solid #e2e8f0;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;gap:0}.tab-button{background:none;font-weight:500}.tab-button:hover{color:#2563eb}.tab-button.active{background:#eff6ff;border-bottom-color:#2563eb;color:#2563eb;font-weight:600}.accounts-section-container{background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:24px}.accounts-section-container .balance-title{color:#2563eb}.accounts-section-container .balance-amount,.accounts-section-container .balance-amount-masked,.accounts-section-container .balance-currency{color:#1e40af}.accounts-section-container .account-type{color:#000}.accounts-section-container .account-number{color:#3b82f6}.all-accounts-balance{background:#0000;border:none;border-radius:0;box-shadow:none;margin-bottom:24px;padding:0}.balance-header{align-items:flex-start;display:flex;justify-content:space-between}.balance-header-left{flex:1 1}.balance-title-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.balance-title{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.view-all-link{align-items:center;color:#2563eb;display:inline-flex;font-size:14px;font-weight:500;gap:4px;margin-left:100px;text-decoration:none}.view-all-link:hover{text-decoration:underline}.view-all-link svg{display:inline-block;vertical-align:middle}.total-balance-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.balance-currency{color:#1e293b;font-size:32px;font-weight:700}.balance-amount{color:#1e293b}.balance-amount-masked{color:#1e293b;font-size:32px;font-weight:700;letter-spacing:3px}.balance-toggle{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;margin-left:8px;padding:4px}.balance-toggle:hover{color:#2563eb}.balance-date{color:#64748b;font-size:12px;margin:0}.balance-header-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.last-login-info{text-align:right}.last-login-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.last-login-details{color:#1e293b;font-size:13px;line-height:1.5}.ip-address{color:#64748b;font-size:12px;margin-top:2px}.accounts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.account-card{box-shadow:0 1px 3px #0000001a;position:relative;transition:all .2s;width:85%}.account-card:hover,.deposit-card:hover{box-shadow:0 4px 12px #0000001a}.account-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.account-header-left{display:flex;flex-direction:column;gap:8px}.account-title-row{align-items:center;display:flex;gap:8px}.account-icon-wrapper{align-items:center;background:#f1f5f9;border-radius:6px;color:#64748b;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:20px;width:32px}.account-type-icon{color:#64748b}.account-badge{background:#e9d5ff;border-radius:12px;color:#7c3aed;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.account-card-body{display:flex;flex-direction:column;gap:12px}.account-type{color:#1e293b;margin:0}.account-number{color:#64748b;font-size:13px}.account-balance-section{display:flex;flex-direction:column;gap:8px;margin-top:8px}.balance-label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.balance-row{align-items:center;display:flex;gap:8px}.balance-value{font-size:20px;font-weight:700}.balance-eye-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px}.balance-eye-btn:hover{color:#2563eb}.account-status{align-items:flex-start;display:flex;gap:8px}.status-dot{margin-top:6px}.status-dot.green{background:#10b981}.status-dot.orange{background:#f59e0b}.status-info{display:flex;flex-direction:column;gap:2px}.status-text{color:#1e293b;font-size:13px;font-weight:500}.status-subtext{color:#64748b;font-size:11px}.status-separator{background:#e2e8f0;height:1px;width:100%}.deposits-section{background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.section-header-with-action{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header-with-action h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.deposits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.no-deposits-message{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-deposits-icon{color:#94a3b8;margin-bottom:16px}.no-deposits-text{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.no-deposits-subtext{color:#64748b;font-size:14px;margin:0 0 24px}.deposit-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:16px;padding:20px;position:relative;transition:all .2s;width:100%}.deposit-header{align-items:center;display:flex;gap:12px}.deposit-icon{flex-shrink:0;font-size:32px;line-height:1}.deposit-type-title{color:#1e293b;font-size:16px;font-weight:600;margin:0}.deposit-account-number{color:#64748b;font-family:Courier New,monospace;font-size:13px;letter-spacing:.5px;margin-top:4px}.deposit-balance-section{display:flex;flex-direction:column;gap:8px}.balance-value-masked{color:#1e293b;font-size:18px;font-weight:700;letter-spacing:2px}.deposit-details{align-items:flex-start;border-top:1px solid #e2e8f0;display:flex;flex-direction:row;justify-content:space-between;margin-top:auto;padding-top:12px;width:100%}.interest-rate-section{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:4px}.interest-rate-label{font-size:11px;font-weight:500}.interest-rate-value{background:#d1fae5;border-radius:12px;color:#065f46;display:inline-block;font-size:9px;font-weight:600;padding:2px 8px}.maturity-section{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:4px;text-align:right}.maturity-label{color:#64748b;font-size:11px;font-weight:500}.maturity-value{color:#1e293b;font-size:12px;font-weight:500}.quick-actions-insights-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:70% 30%;margin-bottom:32px}.quick-actions-wrapper{display:flex;flex-direction:column}.quick-actions-wrapper h2{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 20px}.quick-actions-section{margin-bottom:32px}.quick-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);width:100%}.quick-action-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:16px;text-decoration:none;transition:all .2s;width:100%}.quick-action-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.quick-action-icon{align-items:center;background:#eff6ff;border-radius:50%;color:#2563eb;display:flex;height:56px;justify-content:center;width:56px}.quick-action-card:hover .quick-action-icon{background:#dbeafe}.quick-action-text{word-wrap:break-word;color:#1e293b;font-size:12px;font-weight:500;line-height:1.3;text-align:center;white-space:normal}.quick-insights-section{border-radius:12px;display:flex;flex-direction:column;gap:20px}.quick-insights-section h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.quick-insights-section .insights-cards{flex:1 1}.recent-transfers-wrapper{display:flex;flex-direction:column}.recent-transfers-wrapper .section-header-with-action{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.recent-transfers-wrapper .section-header-with-action h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.transfers-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.transfers-table table{border:1px solid #e2e8f0;border-collapse:initial;border-radius:12px;border-spacing:0;overflow:hidden;width:100%}.transfers-table thead tr:first-child th:first-child{border-top-left-radius:12px}.transfers-table thead tr:first-child th:last-child{border-top-right-radius:12px}.transfers-table th{border-bottom:1px solid #e2e8f0;font-size:11px;padding:12px}.transfers-table td{padding:16px 12px}.transfers-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.transfers-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.payee-cell{gap:2px}.amount-cell.amount-debit{color:#dc2626!important}.amount-cell.amount-credit{color:#16a34a!important}.repeat-btn{background:#eff6ff;border:none;display:flex;font-size:12px;gap:4px}.repeat-btn:hover{background:#dbeafe}.insights-cards{display:flex;flex-direction:column;gap:16px}.insight-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;padding:16px}.insight-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.insight-icon.upcoming-bill{background:#fef3c7;color:#f59e0b}.insight-icon.last-debit{background:#fee2e2;color:#ef4444}.insight-icon.pending-request{background:#dbeafe;color:#2563eb}.insight-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.insight-label{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.insight-amount{color:#1e293b;font-size:18px;font-weight:700}.insight-title{color:#1e293b;font-size:14px;font-weight:600}.insight-desc{color:#64748b;font-size:12px;line-height:1.4}.insight-action{color:#2563eb;font-size:12px;font-weight:500;margin-top:4px;text-decoration:none}.insight-action:hover{text-decoration:underline}.progress-bar{background:#e2e8f0;border-radius:2px;height:4px;margin-top:8px;overflow:hidden;width:100%}.progress-fill{background:#2563eb;border-radius:2px;height:100%;transition:width .3s}.security-tip{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;display:flex;gap:12px;margin-top:auto;padding:16px}@media (max-width:1200px){.accounts-grid,.deposits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.quick-actions-insights-container{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{padding:16px}.accounts-grid,.deposits-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.transfers-table{overflow-x:auto}.transfers-table table{min-width:600px}.balance-header{align-items:flex-start;flex-direction:column;gap:12px}.balance-header-right{align-self:flex-end}}@media (max-width:480px){.quick-actions-grid{grid-template-columns:1fr}.dashboard-tabs{overflow-x:auto}.tab-button{white-space:nowrap}}.breadcrumb{flex-wrap:wrap}.breadcrumb-item{align-items:center;display:flex;gap:8px}.breadcrumb-link{color:#64748b}.breadcrumb-current{font-weight:600}.breadcrumb-separator{flex-shrink:0}.bank-selector-wrapper{position:relative;width:100%}.bank-selector-trigger{align-items:center;background:#fff;border:1px solid #cbd5e0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:12px 16px;transition:all .2s;width:100%}.bank-selector-trigger:hover{border-color:#0c1c48}.bank-selector-trigger.open{border-color:#0c1c48;box-shadow:0 0 0 3px #0c1c481a}.bank-selector-trigger.error{border-color:#dc2626}.selected-bank-display{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.bank-logo-small{flex-shrink:0;height:32px;object-fit:contain;width:32px}.selected-bank-name{color:#2d3748;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-bank-type{background:#f1f5f9;border-radius:4px;color:#64748b;flex-shrink:0;font-size:11px;padding:2px 8px}.placeholder{color:#94a3b8;font-size:14px}.bank-selector-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.clear-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.clear-btn:hover{background:#f1f5f9;color:#2d3748}.dropdown-arrow{font-size:12px}.bank-selector-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:0;max-height:300px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:10000}.bank-search{background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:12px}.bank-search-input{border:1px solid #cbd5e0;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.bank-search-input:focus{border-color:#0c1c48}.bank-list-container{max-height:320px;overflow-y:auto;padding:8px 0}.bank-group{margin-bottom:8px}.bank-group-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;color:#0c1c48;font-size:16px;font-weight:700;padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.bank-group-items{display:flex;flex-direction:column}.bank-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s}.bank-item:hover{background:#f7fafc;border-left-color:#0c1c48}.bank-item.selected{background:#eff6ff;border-left-color:#0c1c48}.bank-logo{flex-shrink:0;height:40px;object-fit:contain;width:40px}.bank-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.bank-name{color:#2d3748;font-size:14px;font-weight:500}.bank-type{color:#64748b;font-size:11px}.no-results{color:#64748b;font-size:14px;padding:24px}.bank-list-container::-webkit-scrollbar{width:6px}.bank-list-container::-webkit-scrollbar-track{background:#f1f5f9}.bank-list-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.bank-list-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.add-payee-overlay{align-items:stretch;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.add-payee-sidebar{background:#fff;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;max-width:90vw;overflow-y:auto;width:420px}.form-group input{border:1px solid #e2e8f0;color:#1e293b;font-size:14px;padding:12px;transition:all .2s}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input.error{border-color:#ef4444}.form-group input:disabled{background:#f8fafc;color:#64748b}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#64748b;left:12px;position:absolute;z-index:1}.input-with-icon input{padding-left:40px}.input-with-icon .check-icon{color:#10b981;left:auto;right:12px}.helper-text{color:#64748b;display:block;font-size:12px;margin-top:4px}.verified-badge{background:#dbeafe;border-radius:4px;display:inline-block;font-size:11px;margin-left:8px;padding:2px 8px}.btn-link{padding:8px;text-align:center}.error-banner{margin-bottom:16px}.verification-alert-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.alert-content{background:#fff;border-radius:12px;max-width:400px;padding:32px;text-align:center}.alert-icon{color:#f59e0b;margin-bottom:16px}.alert-content h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 12px}.alert-content p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 24px}.scam-alert-content{flex:1 1;padding:24px}.security-warning-header{align-items:center;color:#f59e0b;display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:12px;text-transform:uppercase}.scam-alert-content h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 24px}.warning-box{background:#fef3c7;border:1px solid #fde68a;border-radius:12px;margin-bottom:16px;padding:24px;text-align:center}.warning-icon-large{align-items:center;background:#fef3c7;border:3px solid #f59e0b;border-radius:50%;color:#f59e0b;display:flex;font-size:32px;font-weight:700;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.warning-box p{color:#1e293b;font-size:14px;line-height:1.5;margin:0 0 12px}.verify-text{border-top:1px solid #fde68a;color:#64748b;font-size:12px;margin-top:12px;padding-top:12px}.bank-disclaimer{background:#dbeafe;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.bank-disclaimer svg{color:#2563eb;flex-shrink:0;margin-top:2px}.bank-disclaimer p{color:#1e293b;font-size:13px;line-height:1.5;margin:0}.scam-alert-actions{display:flex;flex-direction:column;gap:12px}.otp-content{flex:1 1;padding:0 24px 24px}.otp-content h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 24px 10px}.payee-info-card{margin-bottom:24px;padding:20px}.payee-avatar-large{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:56px;justify-content:center;width:56px}.payee-info-details{flex:1 1}.payee-name-large{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:8px}.payee-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.payee-bank-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:12px}.payee-value{color:#1e293b;font-size:14px;font-weight:600}.otp-digit{background:#fff;cursor:text;pointer-events:auto}.otp-status>div{display:flex;flex-direction:column;gap:4px}.otp-status svg{color:#10b981;margin-right:4px}.otp-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;margin-top:24px;padding-top:24px}.btn-secondary{padding:12px}.success-sidebar{max-width:90vw;width:600px}.success-content{padding:40px}.success-content h2{margin:0 0 12px}.success-content>p{color:#64748b;font-size:16px;margin:0 0 24px}.security-info-box{background:#dbeafe;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:20px;text-align:left}.security-info-box svg{color:#2563eb;flex-shrink:0;margin-top:2px}.security-info-box strong{color:#1e40af;display:block;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.security-info-box p{color:#1e293b;font-size:13px;line-height:1.5;margin:0 0 8px}.why-delay-link{align-items:center;color:#2563eb;display:inline-flex;font-size:12px;gap:4px;text-decoration:none}.why-delay-link:hover{text-decoration:underline}.payee-summary{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:20px;text-align:left}.summary-header{color:#64748b;font-size:12px;font-weight:600;margin-bottom:16px;text-transform:uppercase}.active-badge{font-size:12px}.summary-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.summary-label{display:block;font-size:11px;margin-bottom:4px;margin-top:12px}.summary-label:first-child{margin-top:0}.summary-value{font-size:14px}.success-actions .btn-link{color:#2563eb;font-weight:500;text-decoration:none}.success-actions .btn-primary{flex:1 1}@media (max-width:768px){.add-payee-sidebar{max-width:100%;width:100%}.summary-details{grid-template-columns:1fr}}.view-payee-overlay{align-items:stretch;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.view-payee-sidebar{background:#fff;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;max-width:90vw;width:420px}.header-with-icon{align-items:center;display:flex;gap:12px}.header-with-icon svg{color:#2563eb}.payee-details-content{flex:1 1;overflow-y:auto;padding:24px}.detail-section{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left}.detail-label{display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin:0}.detail-value{color:#1e293b;font-size:15px;margin:0;text-align:left!important}.detail-value-with-action{align-items:center;display:flex;gap:12px;justify-content:space-between}.detail-value-with-action span{color:#1e293b;font-size:15px;font-weight:600;text-align:left}.copy-btn:hover{color:#2563eb}.bank-logo{background:#2563eb;border-radius:6px;color:#fff;font-size:14px;height:32px;justify-content:center;width:32px}.bank-logo,.status-value{align-items:center;display:flex;font-weight:600}.status-value{color:#1e293b;font-size:15px;gap:8px;margin:0;text-align:left}.account-information-section{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px}.section-header{color:#1e293b;font-size:14px;font-weight:600}.action-buttons-section{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;margin-top:32px;padding-top:24px}.btn-danger{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.btn-danger:hover{background:#dc2626}@media (max-width:768px){.view-payee-sidebar{max-width:100%;width:100%}}.delete-payee-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.delete-payee-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.verification-required-section{padding:32px 24px;text-align:center}.verification-icon{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 20px;position:relative;width:80px}.verification-icon svg:first-child{color:#ef4444;height:80px;width:80px}.overlay-x{stroke-width:3;color:#fff;height:32px;position:absolute;width:32px}.verification-required-section h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 12px}.verification-required-section p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.payee-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px}.payee-icon-small{align-items:center;background:#64748b;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.payee-name{font-size:16px}.payee-bank{font-size:14px}.payee-account{color:#1e293b;font-family:Courier New,monospace;font-size:14px}.otp-input-section,.otp-method-selection{margin-bottom:24px;padding:0 24px}.otp-input-section label{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.otp-hint{color:#64748b;font-size:12px;margin-bottom:12px}.otp-input-container{align-items:center;gap:8px;margin-bottom:12px;position:relative}.otp-digit{aspect-ratio:1;border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:20px;font-weight:600;max-width:50px;padding:12px;text-align:center;transition:all .2s}.otp-digit:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.lock-icon{color:#64748b;position:absolute;right:0}.otp-status{align-items:center;color:#64748b;display:flex;font-size:12px;justify-content:space-between}.otp-validity{color:#ef4444}.resend-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:12px;text-decoration:underline}.resend-link:hover:not(:disabled){color:#1d4ed8}.resend-link:disabled{cursor:not-allowed;opacity:.5}.info-box{background:#dbeafe;border-radius:8px;display:flex;gap:12px;margin:0 24px 24px;padding:16px}.info-icon{background:#2563eb;color:#fff;font-size:14px;font-weight:700;height:24px;width:24px}.info-box p{color:#1e293b;font-size:13px;line-height:1.5;margin:0}.error-banner{color:#991b1b;margin:0 24px 24px}.modal-actions{padding:24px}.btn-secondary{color:#1e293b;flex:1 1}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.delete-success-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:40px;text-align:center;width:100%}.success-icon-large{color:#10b981;font-size:48px;font-weight:700}.delete-success-modal h2{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 12px}.delete-success-modal>p{color:#64748b;font-size:16px;margin:0 0 24px}.ref-id-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:inline-block;font-size:12px;margin-bottom:24px;padding:12px}.important-note{background:#dbeafe;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:20px;text-align:left}.important-note .info-icon{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.important-note strong{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.important-note p{color:#1e293b;font-size:13px;line-height:1.5;margin:0}.success-actions{justify-content:center}@media (max-width:768px){.delete-payee-modal{margin:20px;max-width:100%}.modal-actions,.success-actions{flex-direction:column}}.manage-payee-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.manage-payee-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.page-header-row h1{flex:1 1 auto;min-width:0;text-align:left}.btn-primary{flex-shrink:0;height:-webkit-fit-content;height:fit-content}.btn{font-size:13px}.btn.btn-primary{background:#2563eb;color:#fff;flex:0 0 auto;padding:8px 12px;white-space:nowrap}.btn.btn-primary:hover{background:#1d4ed8}.page-header-row .btn-primary{max-width:-webkit-fit-content;max-width:fit-content;padding:10px 16px}.search-filter-section{margin-bottom:24px}.search-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;margin-bottom:16px;padding:12px 16px}.search-icon{flex-shrink:0;margin-right:16px}.search-input{border:none;flex:1 1;outline:none}.filter-section{align-items:center;display:flex;justify-content:space-between}.alphabet-filter{display:flex;flex-wrap:wrap;gap:4px}.filter-letter{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;min-width:36px;padding:6px 12px;text-align:center;transition:all .2s}.filter-letter:hover{border-color:#2563eb;color:#2563eb}.filter-letter.active{background:#2563eb;border-color:#2563eb;color:#fff}.payee-count-badge{background:#10b981;border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px}.payees-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.payees-table{border-collapse:collapse;width:100%}.payees-table thead{background:#f8fafc}.payees-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 10px;text-align:left;text-transform:uppercase}.payees-table td{border-bottom:1px solid #f1f5f9;padding:6px 10px;vertical-align:middle}.payees-table tbody tr:hover{background:#f8fafc}.payees-table tbody tr:last-child td{border-bottom:none}.payee-details-cell{align-items:center;display:flex;gap:10px}.payee-avatar{color:#fff;flex-shrink:0;font-size:13px;height:36px;width:36px}.account-cell{display:flex;flex-direction:column;gap:4px}.account-number{font-family:Courier New,monospace;font-size:14px}.account-type{color:#64748b;font-size:14px}.ifsc-cell{align-items:center;display:flex}.ifsc-code{color:#1e293b;font-family:Courier New,monospace;font-size:14px}.action-buttons{align-items:center;flex-wrap:nowrap;gap:8px;justify-content:flex-end;width:100%}.action-buttons .btn{margin:0;white-space:nowrap}.action-buttons .action-btn{margin:0}.action-btn{background:none;border:none;font-size:12px;font-weight:500;padding:6px 12px}.menu-btn{align-items:center;color:#64748b;display:flex;flex-shrink:0;justify-content:center;margin-left:10px;padding:8px}.menu-btn:hover{background:#f1f5f9;color:#1e293b}.empty-state-cell{padding:60px 20px;text-align:center}.empty-state-cell p{color:#64748b;margin-bottom:16px}.pagination{background:#f8fafc;padding:16px}.pagination-controls{align-items:center;display:flex;gap:4px}.pagination-btn{color:#64748b;min-width:36px;padding:6px 12px}.pagination-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb}.pagination-btn.active{background:#2563eb;border-color:#2563eb}@media (max-width:768px){.manage-payee-container{padding:16px}.page-header-row{align-items:flex-start;flex-direction:column;gap:16px}.page-header-row h1{font-size:24px}.filter-section{align-items:flex-start;flex-direction:column;gap:12px}.payees-table{font-size:12px}.payees-table td,.payees-table th{padding:12px 8px}.actions-cell{align-items:flex-start;flex-direction:column;gap:8px}.pagination{flex-direction:column;gap:12px}}.fund-transfer-page{background:#fff;display:flex;flex-direction:column;min-height:100vh}.fund-transfer-overlay{align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.sidebar-header{margin-bottom:0}.search-bar{padding:16px 24px}.add-payee-btn{align-items:center;background:#2563eb;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin:16px 24px;padding:12px 24px;text-decoration:none;transition:all .2s}.add-payee-btn:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.all-payees-section{flex:1 1;overflow-y:auto;padding:0 24px 24px}.all-payees-section h3{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.payees-list{display:flex;flex-direction:column;gap:8px}.payee-item{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.payee-item:hover{background:#f8fafc;border-color:#e2e8f0}.payee-icon{color:#64748b;flex-shrink:0}.payee-info{flex:1 1;min-width:0}.payee-name{font-weight:500}.payee-arrow{color:#94a3b8;flex-shrink:0}.no-payees{color:#64748b;padding:40px 20px;text-align:center}.no-payees p{margin:0 0 12px}.add-payee-link:hover{text-decoration:underline}.transfer-form{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px}.daily-limit-info{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px;margin-top:4px}.daily-limit-info svg{color:#64748b}.view-limits-wrapper{margin-left:auto;position:relative}.view-limits-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:inherit;font-weight:500;padding:0;text-decoration:none}.view-limits-link:hover{text-decoration:underline}.limits-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;margin-bottom:8px;min-width:300px;padding:0;position:absolute;right:0;z-index:1000}.tooltip-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;color:#1e293b;font-size:14px;font-weight:600;padding:12px 16px}.tooltip-content{max-height:300px;overflow-y:auto;padding:12px 16px}.limit-item{border-bottom:1px solid #f1f5f9;padding:8px 0}.limit-item:last-child{border-bottom:none}.limit-mode{color:#1e293b;font-size:13px;font-weight:600;margin-bottom:4px}.limit-details{color:#64748b;display:flex;flex-direction:column;font-size:12px;gap:2px}.limit-restricted{color:#ef4444;font-size:11px;margin-top:4px}.balance-value{font-weight:500}.processing-time{color:#64748b;font-size:11px}.payment-modes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:12px}.payment-mode-card{border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:16px;position:relative;text-align:center;transition:all .2s}.payment-mode-card:hover:not(.disabled){background:#f0f7ff;border-color:#2563eb}.payment-mode-card.selected{background:#eff6ff;border-color:#2563eb}.payment-mode-card.disabled{cursor:not-allowed;opacity:.5}.mode-check{background:#fff;border-radius:50%;color:#2563eb;padding:2px;position:absolute;right:8px;top:8px}.mode-label{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.mode-desc{color:#64748b;font-size:11px}.remarks-textarea{max-height:120px;min-height:60px;overflow-y:auto;padding:12px 16px}.transfer-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.btn-primary{padding:14px 24px}.review-transfer-sidebar{width:420px}.review-content{flex:1 1;overflow-y:auto;padding:24px}.subtitle{color:#64748b;font-size:13px;margin:4px 0 0}.total-amount-card{background:#f0f9ff;border:2px dashed #2563eb;border-radius:12px;margin-bottom:24px;padding:10px;text-align:center}.total-amount-label{color:#64748b;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.total-amount-value{color:#2563eb;font-size:32px;font-weight:700;margin-bottom:12px}.no-fee-badge{align-items:center;background:#d1fae5;border-radius:20px;color:#065f46;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.fee-breakdown{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px;text-align:left}.fee-breakdown-row{align-items:center;color:#64748b;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.fee-breakdown-row.total-row{border-top:1px solid #e2e8f0;color:#1e293b;font-size:14px;font-weight:600;margin-top:8px;padding-top:8px}.fee-breakdown-row span:last-child{color:#1e293b;font-weight:500}.review-section{margin-bottom:16px}.review-section:not(:last-child){border-bottom:none}.review-section-header{margin-bottom:12px}.section-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.edit-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;font-weight:500}.review-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:12px;padding:12px}.review-avatar,.review-card{align-items:center;display:flex}.review-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-weight:600;height:48px;justify-content:center;width:48px}.review-avatar.blue{background:#2563eb}.review-avatar.purple{background:#7c3aed}.review-info{flex:1 1;min-width:0}.review-name{color:#1e293b;font-size:15px;font-weight:600;margin-bottom:4px}.review-bank{color:#64748b;font-size:13px;margin-bottom:2px}.review-account{color:#94a3b8;font-size:12px}.review-balance{color:#64748b;font-size:13px}.review-arrow{color:#cbd5e0;flex-shrink:0}.transaction-details-section{background:#fef3c7;border-radius:8px;margin-bottom:24px;padding:16px}.transaction-details-section h3{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 12px}.transaction-detail-item{align-items:center;border-bottom:1px solid #f1f5f9;color:#333;font-size:13px;gap:12px;padding:12px 0}.transaction-detail-item:last-child{border-bottom:none}.detail-icon{align-items:center;color:#94a3b8;display:flex}.review-actions{flex-direction:column;gap:12px;margin-bottom:16px}.security-message{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px;justify-content:center;text-align:center}.security-message svg{color:#10b981}.security-verification-modal{width:420px}.modal-header h2{color:#1e293b}.transfer-details-banner{background:#2563eb;color:#fff;margin:0;padding:24px;position:relative}.banner-content{align-items:center;display:flex;gap:24px}.banner-divider{background:#ffffff4d;height:40px;width:1px}.banner-amount,.banner-recipient{flex:1 1}.banner-label{font-size:11px;letter-spacing:.5px;margin-bottom:4px;opacity:.8;text-transform:uppercase}.banner-name{font-size:18px;font-weight:600;margin-bottom:4px}.banner-account{font-size:12px;opacity:.9}.banner-amount-value{font-size:24px;font-weight:700}.banner-icon{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;width:32px}.verification-tabs{border-bottom:2px solid #e2e8f0;display:flex;padding:0 24px}.verification-tab{background:none;border:none;border-bottom:3px solid #0000;color:#94a3b8;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;margin-bottom:-2px;padding:16px;transition:all .2s}.verification-tab.active{border-bottom-color:#2563eb;color:#2563eb}.otp-section{padding:24px}.otp-message{align-items:flex-start;background:#f0f7ff;border-radius:8px;color:#1e293b;display:flex;font-size:13px;gap:12px;line-height:1.5;margin-bottom:24px;padding:12px}.otp-message svg{color:#2563eb;flex-shrink:0;margin-top:2px}.otp-message strong{color:#1e293b}.otp-timer{font-size:12px;justify-content:center;margin-bottom:12px}.resend-code-link{background:none;border:none;color:#2563eb;cursor:pointer;display:block;font-size:13px;font-weight:500;margin:0 auto;padding:8px;text-align:center;text-decoration:none}.resend-code-link:hover{text-decoration:underline}.password-section{padding:24px}.password-message{align-items:flex-start;background:#f0f7ff;border-radius:8px;color:#1e293b;display:flex;font-size:13px;gap:12px;line-height:1.5;margin-bottom:24px;padding:12px}.password-message svg{color:#2563eb;flex-shrink:0;margin-top:2px}.password-input-wrapper{margin-bottom:16px}.password-input{border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:16px;padding:14px 16px;transition:all .2s;width:100%}.password-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.password-input::placeholder{color:#94a3b8}.password-help{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.password-help svg{color:#64748b;flex-shrink:0}.forgot-password-link{color:#2563eb;font-weight:500;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.verify-actions{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.fund-transfer-container{flex:1 1;margin:0 auto;max-width:800px;padding:40px 24px}.success-page{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:48px;position:relative}.success-actions-top{display:flex;gap:12px;position:absolute;right:24px;top:24px}.icon-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.icon-btn:hover{background:#f8fafc;border-color:#cbd5e0;color:#1e293b}.success-icon-large{align-items:center;background:#d1fae5;border-radius:50%;color:#065f46;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-page h1{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 12px;text-align:center}.success-message{margin:0 0 32px}.amount-box{background:#f8fafc;border-radius:8px;margin-bottom:32px;padding:24px;text-align:center}.amount-label{font-size:11px}.amount-value{color:#1e293b;font-size:36px}.transaction-info{margin-bottom:32px}.info-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 0}.info-row:last-child{border-bottom:none}.info-label{color:#64748b;font-size:14px}.info-value{color:#1e293b;font-size:14px;font-weight:500}.info-value-with-copy{align-items:center;display:flex;gap:8px}.copy-btn{border-radius:4px;color:#64748b;padding:4px;transition:all .2s}.copy-btn:hover{background:#f1f5f9;color:#1e293b}.info-value-with-icon{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:500;gap:6px}.info-value-with-icon svg{color:#64748b}.payment-mode-badge{background:#eff6ff;border-radius:12px;color:#2563eb;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.success-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.success-action-btn,.success-actions .btn-primary{width:100%}.btn-secondary{border:2px solid #2563eb;color:#2563eb;padding:14px 24px;width:100%}.btn-secondary:hover{background:#f0f7ff}.help-link{color:#64748b;font-size:14px;text-align:center}.help-link a{color:#2563eb;font-weight:500;text-decoration:none}.help-link a:hover{text-decoration:underline}.security-tip-card{background:#f0f9ff;border:1px solid #dbeafe;border-radius:12px;display:flex;gap:16px;padding:20px}.security-tip-icon{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.security-tip-content strong{font-size:14px;margin-bottom:8px}.security-tip-content p{font-size:13px}@media (max-width:768px){.fund-transfer-overlay{align-items:flex-end;padding:0}.review-transfer-sidebar,.security-verification-modal,.select-payee-sidebar,.transfer-details-sidebar{border-radius:12px 12px 0 0;max-height:90vh;width:100%}.payment-modes{grid-template-columns:1fr}.otp-inputs{gap:8px}.otp-input{font-size:20px;height:48px;width:40px}.success-page{padding:32px 24px}.amount-value{font-size:28px}}.transfers-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.transfers-container{flex:1 1;margin:0 auto;max-width:1400px;padding:32px 24px}.transfers-header{margin-bottom:32px}.transfers-header h1{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 8px}.transfers-header p{color:#64748b;font-size:16px;margin:0}.payment-options-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.payment-option-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:24px;text-align:center;text-decoration:none;transition:all .2s}.payment-option-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.payment-option-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.payment-option-icon.blue{background:#2563eb}.payment-option-icon.purple{background:#7c3aed}.payment-option-icon.green{background:#10b981}.payment-option-card h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.payment-option-card p{color:#64748b;font-size:14px;margin:0}.transfers-content-grid,.transfers-main-content{display:flex;flex-direction:column;gap:32px}.section-header{align-items:flex-start}.section-header h2{color:#1e293b;font-size:20px;margin:0 0 4px}.section-header p{color:#64748b;font-size:14px;margin:0}.section-actions{align-items:center;display:flex;gap:16px}.action-link{align-items:center;display:inline-flex;font-size:14px;gap:6px}.action-link.primary{background:#2563eb;border-radius:6px;color:#fff;padding:8px 16px}.action-link.primary:hover{background:#1d4ed8;text-decoration:none}.quick-transfer-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.search-bar-wrapper{margin-bottom:24px;position:relative}.search-input{color:#1e293b;font-size:14px}.search-input::placeholder{color:#94a3b8}.payees-grid{background:#fff;display:flex;flex-wrap:wrap;gap:0;overflow:hidden}.payee-card{background:#fff;cursor:pointer;flex:0 0 auto;margin:0;min-width:150px;padding:20px;text-align:center;transition:background-color .2s}.payee-card:hover{background-color:#f8fafc}.payee-avatar{align-items:center;border-radius:50%;display:flex;font-size:20px;font-weight:600;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.payee-info{text-align:left}.payee-name{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.payee-bank{color:#64748b;font-size:12px;margin-bottom:4px}.payee-account{color:#94a3b8;font-size:12px}.no-payees-message{color:#64748b;padding:40px 20px;text-align:center;width:100%}.no-payees-message p{margin:0 0 16px}.add-payee-link{align-items:center;border:1px solid #2563eb;border-radius:6px;color:#2563eb;display:inline-flex;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s}.add-payee-link:hover{background:#2563eb;color:#fff}.transfers-bills-container{align-items:flex-start;display:flex;gap:24px}.recent-transfers-section{flex:0 0 65%;width:65%}.bills-security-container{display:flex;flex-direction:column;gap:24px;width:35%}.transfers-table-wrapper{overflow-x:auto}.transfers-table{border-collapse:collapse;width:100%}.transfers-table thead{background:#f8fafc}.transfers-table th{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.transfers-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:16px}.transfers-table tbody tr:hover{background:#f8fafc}.transfers-table tbody tr:last-child td{border-bottom:none}.payee-cell{display:flex;flex-direction:column;gap:4px}.payee-cell .payee-name{color:#1e293b;font-weight:500}.transfer-type{color:#64748b;font-size:12px}.amount-cell{color:#1e293b}.repeat-btn{align-items:center;background:#f0f7ff;border:1px solid #dbeafe;border-radius:6px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.repeat-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff}.upcoming-bills-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;width:100%}.bills-list{display:flex;flex-direction:column;gap:16px}.bill-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s}.bill-item:hover{background:#f1f5f9}.bill-icon{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.bill-info{flex:1 1;min-width:0}.bill-name{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.bill-due{color:#64748b;font-size:12px}.bill-amount{color:#1e293b;font-size:16px;font-weight:600;margin-right:12px}.pay-now-link{color:#2563eb;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;white-space:nowrap}.pay-now-link:hover{text-decoration:underline}.security-tip-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;display:flex;gap:12px;padding:16px;width:100%}.security-tip-section svg{color:#2563eb;flex-shrink:0;margin-top:2px}.select-payee-overlay{align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.review-transfer-sidebar,.security-verification-modal,.select-payee-sidebar,.transfer-details-sidebar{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:420px}.sidebar-title-row{align-items:center;display:flex;gap:12px}.sidebar-icon{color:#2563eb}.select-payee-sidebar .search-bar{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:16px 24px}.select-payee-sidebar .search-bar svg{color:#64748b;flex-shrink:0}.select-payee-sidebar .search-bar input{border:none;color:#1e293b;flex:1 1;font-size:14px;outline:none}.select-payee-sidebar .search-bar input::placeholder{color:#94a3b8}.select-payee-sidebar .add-payee-btn{align-items:center;background:#2563eb;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin:16px 24px;padding:12px 24px;text-decoration:none;transition:all .2s}.select-payee-sidebar .add-payee-btn:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.select-payee-sidebar .all-payees-section{flex:1 1;overflow-y:auto;padding:0 24px 24px}.select-payee-sidebar .all-payees-section h3{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.select-payee-sidebar .payees-list{display:flex;flex-direction:column;gap:8px}.select-payee-sidebar .payee-item{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.select-payee-sidebar .payee-item:hover{background:#f8fafc;border-color:#e2e8f0}.select-payee-sidebar .payee-icon{color:#64748b;flex-shrink:0}.select-payee-sidebar .payee-info{flex:1 1;min-width:0}.select-payee-sidebar .payee-name{color:#1e293b;font-size:14px;font-weight:500;margin-bottom:4px}.select-payee-sidebar .payee-bank{color:#64748b;font-size:12px}.select-payee-sidebar .payee-arrow{color:#94a3b8;flex-shrink:0}.select-payee-sidebar .no-payees{color:#64748b;padding:40px 20px;text-align:center}.select-payee-sidebar .no-payees p{margin:0 0 12px}.select-payee-sidebar .add-payee-link{color:#2563eb;font-weight:500;text-decoration:none}.select-payee-sidebar .add-payee-link:hover{text-decoration:underline}@media (max-width:1200px){.transfers-bills-container{flex-direction:column}.bills-security-container,.recent-transfers-section{flex:1 1 100%;width:100%}}@media (max-width:768px){.transfers-container{padding:24px 16px}.payment-options-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.payees-grid{justify-content:flex-start}.payee-card{min-width:120px}.select-payee-overlay{align-items:flex-end;padding:0}.review-transfer-sidebar,.security-verification-modal,.select-payee-sidebar,.transfer-details-sidebar{border-radius:12px 12px 0 0;max-height:90vh;width:100%}.transfers-table{font-size:12px}.transfers-table td,.transfers-table th{padding:10px 8px}}@media (max-width:480px){.payment-options-grid{grid-template-columns:1fr}.payees-grid{flex-direction:column}.payee-card{min-width:100%}.section-header{flex-direction:column;gap:12px}.section-actions{justify-content:space-between;width:100%}}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:12px 16px;transition:all .2s}.dropdown-trigger:hover{background:#f7fafc;border-color:#0c1c48}.dropdown-trigger.open{border-color:#0c1c48;box-shadow:0 0 0 3px #0c1c481a}.custom-dropdown.disabled .dropdown-trigger{background:#f7fafc;cursor:not-allowed;opacity:.6}.dropdown-selected{display:flex;flex:1 1;flex-direction:column;gap:4px}.selected-label{color:#2d3748;font-size:16px;font-weight:600}.selected-details{color:#64748b;font-size:14px}.dropdown-placeholder{color:#a0aec0;font-size:16px}.dropdown-arrow{color:#64748b;flex-shrink:0;margin-left:12px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dropdown-option{border-bottom:1px solid #e2e8f0;cursor:pointer;padding:16px;transition:all .2s}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:#f7fafc}.dropdown-option.selected{background:#e6f3ff;border-left:4px solid #0c1c48}.option-label{color:#2d3748;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.option-details{color:#64748b;font-size:14px;margin-top:4px}.dropdown-empty{color:#a0aec0;font-size:14px;padding:16px;text-align:center}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a0aec0}.single-date-range-picker{position:relative;width:100%}.date-range-input{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.date-range-input:hover{border-color:#0c1c48}.single-date-range-picker.error .date-range-input{border-color:#e53e3e}.date-range-input .placeholder{color:#94a3b8}.date-range-input span{color:#2d3748;flex:1 1;font-size:16px;text-align:left}.date-range-input .arrow{transition:transform .2s}.date-range-input .arrow.open{transform:rotate(180deg)}.calendar-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000026;left:0;min-width:320px;padding:20px;position:absolute;top:calc(100% + 8px);z-index:1000}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.month-year{color:#0c1c48;font-size:18px;font-weight:600}.nav-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#0c1c48;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.nav-button:hover{background:#f7fafc;border-color:#0c1c48}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.weekday-header{color:#64748b;font-size:12px;font-weight:600;padding:8px 4px;text-align:center}.calendar-day{align-items:center;aspect-ratio:1;background:#0000;border:none;border-radius:6px;color:#2d3748;cursor:pointer;display:flex;font-size:14px;justify-content:center;transition:all .2s}.calendar-day:hover:not(.disabled){background:#eff6ff;color:#0c1c48}.calendar-day.other-month{color:#cbd5e0}.calendar-day.disabled{color:#cbd5e0;cursor:not-allowed;opacity:.5}.calendar-day.in-range{background:#eff6ff;color:#0c1c48}.calendar-day.start{border-radius:6px 0 0 6px}.calendar-day.end,.calendar-day.start{background:#0c1c48;color:#fff;font-weight:600}.calendar-day.end{border-radius:0 6px 6px 0}.calendar-day.start.end{border-radius:6px}.calendar-hint{color:#64748b;font-size:12px;font-style:italic;margin-top:12px;text-align:center}@media (max-width:768px){.calendar-dropdown{left:50%;min-width:300px;transform:translateX(-50%)}}.account-statement-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.account-statement-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.tabs-container{border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:24px}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.tab-button:hover{color:#1e40af}.tab-button.active{border-bottom-color:#1e40af;color:#1e40af}.account-filter-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:20px}.account-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.account-filter-header .account-type{align-items:center;color:#2d3748;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0}.account-filter-header .account-badge{background:#3b82f6;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.account-summary-cards{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.account-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.account-card,.account-card-content{display:flex;flex-direction:column;height:100%}.account-type{align-items:center;color:#2d3748;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.account-badge{background:#3b82f6;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.account-number{color:#1e293b;font-size:18px;font-weight:600;letter-spacing:.5px;margin:0;word-break:break-word}.account-card-details{color:#64748b;display:flex;flex-direction:column;font-size:13px;gap:4px;margin-top:auto;padding-top:16px}.balance-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;padding:20px}.balance-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.balance-card-header h3{color:#64748b;font-size:14px;font-weight:600;margin:0}.eye-toggle-btn{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.eye-toggle-btn:hover{color:#1e40af}.balance-amount{color:#1e40af;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:12px;word-break:break-word}.balance-status{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px}.status-dot.active{background:#10b981}.uncleared-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;padding:20px}.uncleared-card h3{color:#64748b;font-size:14px;font-weight:600;margin:0 0 12px}.uncleared-amount{color:#2d3748;font-size:24px;font-weight:700;line-height:1.2;margin-bottom:8px}.uncleared-status{color:#64748b;font-size:12px;margin:auto 0 0}.summary-item{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:150px;text-align:center}.summary-label{color:#ffffffe6;font-size:14px;font-weight:500;margin-bottom:8px}.summary-value{font-size:18px}.summary-value.balance-emphasis{color:#fff;font-size:24px;font-weight:700}.filters-card{border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:20px}.filters-card,.filters-toggle-btn{background:#fff;border:1px solid #e2e8f0}.filters-toggle-btn{align-items:center;border-radius:8px;color:#2d3748;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s;width:100%}.filters-toggle-btn:hover{background:#f7fafc;border-color:#1e40af;color:#1e40af}.filters-content{border-top:none;margin-top:0;padding-top:0}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-input:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}.btn-text{background:#0000;border:none;color:#2d3748;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:underline;transition:color .2s}.btn-text:hover{color:#1e40af}.btn-filled{background:#1e40af;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-filled:hover:not(:disabled){background:#1e3a8a;box-shadow:0 4px 8px #1e40af4d;transform:translateY(-1px)}.btn-filled:disabled{cursor:not-allowed;opacity:.6}.download-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-bottom:24px}.filter-icon-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;display:flex;height:44px;justify-content:center;padding:12px;transition:all .2s;width:44px}.filter-icon-btn:hover{background:#f7fafc;border-color:#1e40af;color:#1e40af}.filter-icon-btn svg{height:20px;width:20px}.download-actions.mobile{flex-direction:column}.download-actions.mobile button{width:100%}.btn-download-primary{background:#1e40af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-download-primary:hover{background:#1e3a8a;box-shadow:0 4px 8px #1e40af4d;transform:translateY(-1px)}.btn-download-secondary{background:#0000;border:2px solid #1e40af;border-radius:8px;color:#1e40af;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-download-secondary:hover{background:#1e40af;color:#fff}.transactions-section{margin-bottom:32px}.transactions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.transactions-header h2{color:#2d3748;font-size:20px;font-weight:600;margin:0}.transactions-info{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.transactions-info svg{color:#64748b}.period-header{background:#f8fafc;border-radius:8px;color:#2d3748;font-size:14px;font-weight:600;margin-bottom:16px;padding:12px 16px}.historical-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.date-range-filter{flex:1 1;min-width:200px}.filter-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.filter-btn:hover{background:#f7fafc;border-color:#1e40af;color:#1e40af}.filter-info{color:#64748b;font-size:13px;margin-left:auto}.transactions-table-wrapper{border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000014}.transactions-table thead{background:#f1f5f9}.transactions-table th{border-bottom:1px solid #e2e8f0;color:#1e40af}.transactions-table td{color:#2d3748}.transactions-table tbody tr{background:#fff}.transaction-details-cell{cursor:help;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance-cell{color:#2d3748;font-weight:600}.transactions-mobile{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.transaction-card-mobile{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px}.transaction-date-mobile{color:#64748b;font-size:12px;margin-bottom:8px}.transaction-title-mobile{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:4px}.transaction-details-mobile{color:#64748b;font-size:13px;line-height:1.4;margin-bottom:12px}.transaction-amount-mobile{margin-bottom:4px;text-align:right}.amount-credit{color:#10b981}.amount-credit,.amount-debit{font-size:18px;font-weight:600}.amount-debit{color:#dc2626!important}.transaction-balance-mobile{color:#64748b;font-size:12px;text-align:right}.download-section{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:16px;margin-top:24px;padding-top:24px}.download-label{color:#2d3748;font-size:14px;font-weight:500}.download-buttons{display:flex;gap:12px}.download-btn{background:#fff;border-radius:8px;color:#2d3748;font-weight:500;gap:8px;padding:10px 20px}.download-btn:hover{background:#f7fafc;border-color:#1e40af;color:#1e40af}.download-btn svg{height:20px;width:20px}.pagination{gap:8px;margin-bottom:24px}.pagination-btn{height:40px;justify-content:center;min-width:40px;padding:8px 12px}.pagination-btn:hover:not(:disabled){border-color:#1e40af;color:#1e40af}.pagination-btn.active{background:#1e40af;border-color:#1e40af;color:#fff}.pagination-ellipsis{color:#64748b;font-size:14px;padding:8px 4px}.loading-shimmer{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px}.shimmer-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;margin-bottom:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.estatement-form-container{display:flex;flex-direction:column;gap:24px}.estatement-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.estatement-card-title{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 16px}.account-select-dropdown{width:100%}.email-input-wrapper{margin-bottom:12px;position:relative}.email-input{background:#fff;cursor:text;padding-right:12px}.email-info{align-items:center;display:flex;font-size:13px;gap:6px}.email-info,.email-info svg{color:#64748b}.period-format-row{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.period-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.quick-select-dropdown{min-width:150px}.date-inputs-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.date-input-group{position:relative}.date-input-group label{color:#64748b;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.date-input{padding-right:40px}.calendar-icon{bottom:12px}.format-section{display:flex;flex-direction:column}.format-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.format-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;position:relative;transition:all .2s}.format-card:hover{background:#f8fafc;border-color:#1e40af}.format-card.selected{background:#eff6ff;border-color:#1e40af}.format-card svg{color:#1e40af}.format-name{color:#2d3748;font-size:16px;font-weight:600}.format-desc{color:#64748b;font-size:12px}.check-icon{color:#1e40af;position:absolute;right:12px;top:12px}.security-card{background:#f8fafc;border:1px solid #e2e8f0}.security-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.lock-icon-large{color:#64748b}.security-text{color:#475569;font-size:14px;line-height:1.6;margin-bottom:12px}.security-example{align-items:center;color:#475569;display:flex;flex-wrap:wrap;font-size:13px;gap:4px}.example-label{color:#2d3748}.example-arrow{color:#64748b}.example-password{color:#1e40af;font-weight:600}.btn-send-statement{background:#1e40af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .2s;width:100%}.btn-send-statement:hover:not(:disabled){background:#1e3a8a;box-shadow:0 4px 8px #1e40af4d;transform:translateY(-1px)}.btn-send-statement:disabled{cursor:not-allowed;opacity:.6}.estatement-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.estatement-icon{font-size:32px}.estatement-header h2{color:#2d3748;font-size:24px;font-weight:600;margin:0}.estatement-helper{color:#64748b;font-size:14px;margin-bottom:24px}.estatement-form{margin-bottom:24px}.estatement-form .form-group{margin-bottom:20px}.estatement-form label{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{padding:12px;transition:border-color .2s}.form-input:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}.btn-submit{background:#1e40af;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.btn-submit:hover:not(:disabled){background:#1e3a8a;box-shadow:0 4px 8px #1e40af4d;transform:translateY(-1px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.info-panel{background:#e8f1fa;margin-top:24px;padding:20px}.info-panel h3{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:12px}.info-panel ul{list-style:none;margin:0;padding:0}.info-panel li{color:#475569;font-size:14px;line-height:1.5;margin-bottom:8px;padding-left:20px;position:relative}.info-panel li:before{color:#1e40af;content:"•";font-size:18px;font-weight:700;left:0;position:absolute}.info-panel li:last-child{margin-bottom:0}@media (max-width:768px){.account-statement-container{margin-left:0;margin-right:0;padding:20px 16px}.page-header h1{font-size:24px}.account-filter-section{padding:16px}.account-filter-header{align-items:stretch;flex-direction:column}.account-filter-header .account-type{font-size:18px}.account-summary-cards{gap:16px;grid-template-columns:1fr}.period-format-row{gap:24px}.date-inputs-row,.format-cards,.period-format-row{grid-template-columns:1fr}.historical-filters{align-items:stretch;flex-direction:column}.filter-info{margin-left:0}.download-section{align-items:flex-start;flex-direction:column}.download-buttons{flex-direction:column;width:100%}.download-btn{justify-content:center;width:100%}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.filter-actions button{width:100%}.transactions-table-wrapper{display:none}.pagination{align-items:stretch;flex-direction:column;gap:12px}.pagination-info{text-align:center}.pagination-buttons{width:100%}.pagination-btn{flex:1 1}.estatement-form-container{padding:24px 16px}}@media (min-width:769px){.transactions-mobile{display:none}}.transaction-history-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.transaction-history-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.page-header-row{flex-wrap:nowrap;gap:16px;width:50%}.page-header-row h1{font-size:20px;font-weight:600;white-space:nowrap}.download-statement-btn{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;height:-webkit-fit-content;height:fit-content;padding:10px 16px;transition:all .2s;white-space:nowrap}.download-statement-btn:hover:not(:disabled){background:#1d4ed8}.download-statement-btn:disabled{cursor:not-allowed;opacity:.6}.download-statement-btn svg{flex-shrink:0}.filter-toggle-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0c1c48;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;height:-webkit-fit-content;height:fit-content;padding:10px 16px;transition:all .2s;white-space:nowrap}.filter-toggle-btn:hover{background:#f7fafc;border-color:#0c1c48}.filters-section{box-shadow:0 1px 3px #0000001a}.filters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:20px}.filter-group{min-width:0}.filter-group .single-date-range-picker,.filter-group>*{min-width:0;width:100%}.filter-group .single-date-range-picker .date-range-input{align-items:center;border:1px solid #e2e8f0!important;border-radius:6px!important;box-sizing:border-box;display:flex;gap:8px;height:44px!important;min-height:44px!important;min-width:0;padding:10px 12px!important;width:100%}.filter-group .single-date-range-picker .date-range-input svg{flex-shrink:0;height:16px;width:16px}.filter-group .single-date-range-picker .date-range-input span{font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-group label{line-height:1.4;margin-bottom:0}.filter-input{color:#2d3748;font-size:14px;height:44px;min-height:44px;padding:10px 12px;transition:border-color .2s;width:100%}.filter-group .custom-dropdown .dropdown-trigger,.filter-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box}.filter-group .custom-dropdown .dropdown-trigger{height:44px!important;min-height:44px!important;padding:10px 12px!important}.filter-group .custom-dropdown .dropdown-selected{gap:0}.filter-group .custom-dropdown .selected-label{font-size:14px;line-height:1.4}.filter-input:focus{border-color:#0c1c48;box-shadow:0 0 0 3px #0c1c481a;outline:none}.filter-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.page-header>div>h1{margin:0}.page-subtitle{margin:8px 0 0}.transactions-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow:hidden}.transactions-table{border-collapse:collapse;width:100%}.transactions-table thead{background:#f7fafc}.transactions-table th{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:14px;font-weight:600;padding:16px;text-align:left}.transactions-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:14px;padding:16px}.transactions-table tbody tr:hover{background:#f7fafc}.transactions-table tbody tr:last-child td{border-bottom:none}.transaction-id{font-family:monospace}.transaction-type{background:#e6f3ff;border-radius:6px;color:#0c1c48;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.amount-cell{color:#2d3748;font-weight:600}.amount-cell.amount-debit{color:#dc2626}.amount-cell.amount-credit{color:#16a34a;font-weight:600}.amount-display{display:flex;flex-direction:column;gap:4px}.amount-main{font-weight:600}.amount-breakdown{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:2px;margin-top:4px;padding-top:4px}.breakdown-item{color:#64748b;font-size:11px;font-weight:400}.status-badge{text-transform:capitalize}.status-failed{background:#f8d7da;color:#721c24}.actions-cell{gap:8px}.action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.action-btn:hover:not(:disabled){background:#f7fafc;border-color:#0c1c48;color:#0c1c48}.action-btn:disabled{cursor:not-allowed;opacity:.5}.view-btn{color:#2563eb}.view-btn:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.action-btn.download-btn{background-color:#eff6ff!important;border-color:#3b82f6!important;color:#1e40af!important;padding:0!important}.action-btn.download-btn svg{height:18px!important;width:18px!important}.action-btn.download-btn svg,.action-btn.download-btn svg path{stroke:#1e40af!important;fill:none!important}.action-btn.download-btn svg path{stroke-width:3!important}.action-btn.download-btn:hover{background:#eff6ff!important;border-color:#2563eb!important;color:#2563eb!important}.action-btn.download-btn:hover svg,.action-btn.download-btn:hover svg path{stroke:#2563eb!important}.action-btn.download-btn:active{background:#dbeafe!important}.spinning{animation:spin 1s linear infinite}.pagination{gap:16px;justify-content:center;margin-top:24px}.pagination-btn{border-radius:6px;color:#2d3748;padding:8px 16px}.pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#0c1c48;color:#0c1c48}.modal-content{box-shadow:0 4px 12px #00000026}.modal-header h2{font-size:20px}.modal-close{background:#0000;border-radius:6px;font-size:24px}.modal-body .detail-row{align-items:center;border-bottom:1px solid #f7fafc;display:flex;justify-content:space-between;padding:12px 0}.modal-body .detail-row:last-child{border-bottom:none}.detail-label{color:#64748b;font-size:14px}.detail-value{color:#2d3748;text-align:right}.detail-value.amount{color:#0c1c48;font-size:16px}.detail-value.amount-debit,.detail-value.amount.amount-debit{color:#dc2626;font-weight:600}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:24px}.btn-primary,.btn-secondary{border-radius:6px;font-size:14px;padding:10px 20px}.btn-secondary{color:#2d3748}@media (max-width:1400px){.filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1024px){.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.transaction-history-container{padding:24px 16px}.page-header{flex-wrap:wrap}.page-header>div{flex:1 1 100%;margin-bottom:16px}.filter-toggle-btn{align-self:flex-end}.filters-grid{grid-template-columns:1fr}.transactions-table-wrapper{overflow-x:auto}.transactions-table{min-width:800px}.pagination{flex-direction:column;gap:12px}.modal-content{margin:20px}}.logout-page{background:linear-gradient(135deg,#f7fafc,#edf2f7);min-height:100vh}.logout-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:20px}.logout-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:48px;text-align:center;width:100%}.logout-icon{display:flex;justify-content:center;margin-bottom:24px}.logout-title{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 16px}.logout-message{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 32px}.logout-button{background:linear-gradient(135deg,#0c1c48,#1a365d);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 32px;text-decoration:none;transition:transform .2s,box-shadow .2s}.logout-button:hover{box-shadow:0 4px 12px #0c1c484d;transform:translateY(-2px)}.logout-button:active{transform:translateY(0)}.settings-layout{background:#f7fafc;min-height:100vh;padding:32px 0}.settings-container{align-items:flex-start;display:flex;gap:32px;justify-content:flex-start;margin:0 13%;max-width:1400px;width:100%}.settings-sidebar{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex-shrink:0;height:-webkit-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:100px;width:280px}.sidebar-title{border-bottom:1px solid #e2e8f0;color:#0c1c48;font-size:20px;font-weight:700;margin:0 0 24px;padding-bottom:16px}.settings-nav{display:flex;flex-direction:column;gap:8px}.nav-item{align-items:center;border-radius:8px;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s}.nav-item:hover{background:#f7fafc;color:#0c1c48}.nav-item.active{background:#eff6ff;color:#0c1c48;font-weight:600}.nav-item svg{flex-shrink:0}.settings-content{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;padding:32px;width:100%}.settings-content>*{text-align:left!important;width:100%}.settings-content .page-header{align-items:flex-start!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;text-align:left!important;width:100%!important}.settings-content .page-header h1,.settings-content .page-header-content h1{align-self:flex-start!important;display:block!important;float:none!important;margin-left:0!important;margin-right:auto!important;text-align:left!important;width:100%!important}.settings-content .page-header-content{align-items:flex-start!important}.settings-content .breadcrumb,.settings-content .page-header-content{justify-content:flex-start!important;text-align:left!important;width:100%!important}@media (max-width:1200px){.settings-container{margin-left:5%;margin-right:5%}}@media (max-width:768px){.settings-container{flex-direction:column;margin-left:16px;margin-right:16px}.settings-sidebar{position:static;width:100%}.settings-nav{flex-direction:row;overflow-x:auto}.nav-item{white-space:nowrap}}.settings-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.settings-page,.settings-page *{text-align:left}.settings-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.settings-section{margin-bottom:40px}.settings-section:last-of-type{margin-bottom:0}.section-title{font-size:20px;margin:0 0 8px}.section-description{color:#64748b;font-size:14px;margin:0 0 24px}.checkbox-label{border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:border-color .2s,background-color .2s,box-shadow .2s}.checkbox-label:hover{background-color:#f7fafc;border-color:#0c1c48}.checkbox-label:has(input:disabled){background-color:#f9fafb;cursor:not-allowed;opacity:.6}.checkbox-label:has(input:disabled):hover{background-color:#f9fafb;border-color:#e2e8f0}.notification-list{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:0;margin-top:16px;overflow:hidden}.notification-item{border-bottom:1px solid #e2e8f0}.notification-item:last-child{border-bottom:none}.notification-item-content{align-items:center;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s}.notification-item:hover .notification-item-content{background-color:#f7fafc}.notification-item:has(input:disabled) .notification-item-content{background-color:#f9fafb;opacity:.6}.notification-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.notification-info .checkbox-title{color:#2d3748;font-size:15px;font-weight:600;line-height:1.4}.notification-info .checkbox-description{color:#64748b;font-size:13px;line-height:1.5}.toggle-switch{flex-shrink:0;height:28px;margin-left:16px;width:52px}.toggle-slider{background-color:#cbd5e0;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.toggle-switch input:checked+.toggle-slider{background-color:#0c1c48}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:disabled+.toggle-slider{background-color:#e2e8f0;cursor:not-allowed;opacity:.5}.toggle-switch input:disabled+.toggle-slider:before{background-color:#f1f5f9}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #0c1c481a}.checkbox-label input[type=checkbox]{display:none}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#0c1c48;border-color:#0c1c48}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{opacity:1;transform:scale(1)}.checkbox-custom{border:2px solid #cbd5e0;border-radius:4px;flex-shrink:0;height:20px;margin-right:12px;margin-top:2px;position:relative;transition:background-color .2s,border-color .2s;width:20px}.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:6px;opacity:0;position:absolute;top:2px;transform:rotate(45deg) scale(0);transition:opacity .2s,transform .2s;width:4px}.checkbox-content{flex:1 1}.checkbox-title{color:#2d3748;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.checkbox-description{color:#64748b;display:block;font-size:14px}@media (max-width:768px){.settings-container{padding:24px 16px}.settings-form{padding:24px}.page-header h1{font-size:28px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.notification-list{border-radius:6px}.notification-item-content{padding:14px 16px}.notification-info .checkbox-title{font-size:14px}.notification-info .checkbox-description{font-size:12px}.toggle-switch{height:26px;width:48px}.toggle-slider:before{height:20px;width:20px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}}.transaction-limits-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh;text-align:left}.transaction-limits-page *{text-align:left}.page-header{align-items:flex-start;text-align:left!important}.breadcrumb,.page-header{justify-content:flex-start}.breadcrumb{margin-bottom:20px;width:100%}.page-header-content{align-items:flex-start!important;flex-direction:column;gap:8px;justify-content:flex-start!important}.page-header-content,.page-header-content h1{text-align:left!important;width:100%!important}.page-header-content h1{align-self:flex-start!important;margin-left:0!important;margin-right:auto!important}.page-header h1{align-self:flex-start;color:#0c1c48;line-height:1.2;text-align:left!important;width:100%}.page-subtitle{line-height:1.5}.alert{border-radius:8px;cursor:pointer;font-size:14px;margin-bottom:24px;padding:12px 16px}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.limit-overview-section{margin-bottom:48px}.section-title{margin:0 0 24px}.payment-modes-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.payment-mode-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:box-shadow .2s,transform .2s}.payment-mode-card:hover:not(.restricted){box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.payment-mode-card.restricted{background:#f7fafc;opacity:.7}.payment-mode-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.payment-mode-header h3{color:#0c1c48;font-size:20px;font-weight:600;margin:0}.restricted-badge{background:#fee2e2;border-radius:12px;color:#991b1b;font-size:12px;font-weight:600;padding:4px 12px}.restriction-message{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;padding:16px}.restriction-message p{color:#92400e;font-size:14px;margin:0}.limit-details{margin-bottom:20px}.limit-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 0}.limit-row:last-child{border-bottom:none}.limit-row.muted{opacity:.6}.limit-label{color:#64748b;font-size:14px}.limit-value{color:#0c1c48}.btn-modify,.limit-value{font-size:16px;font-weight:600}.btn-modify{background:#fff;border:2px solid #1e40af;border-radius:8px;color:#1e40af;cursor:pointer;margin-top:16px;padding:12px 24px;transition:all .2s;width:100%}.btn-modify:hover{background:#1e40af;box-shadow:0 4px 12px #1e40af4d;color:#fff;transform:translateY(-2px)}.history-section{margin-bottom:48px}.history-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.history-table{border-collapse:collapse;width:100%}.history-table thead{background:#f7fafc}.history-table th{border-bottom:2px solid #e2e8f0;color:#0c1c48;font-size:14px;font-weight:600;padding:16px;text-align:left}.history-table td{border-bottom:1px solid #f1f5f9;color:#2d3748;font-size:14px;padding:16px}.history-table tbody tr:hover{background:#f7fafc}.status-badge{border-radius:12px}.status-badge.status-success{background:#d1fae5;color:#065f46}.status-badge.status-failed{background:#fee2e2;color:#991b1b}.status-badge.status-pending{background:#fef3c7;color:#92400e}.reference-id{color:#64748b;font-family:Courier New,monospace;font-size:12px}.no-history{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#64748b;font-size:16px;padding:48px;text-align:center}.modal-content,.modal-overlay{overflow-y:auto}.modal-content{max-width:600px;width:100%}.modal-header h2{color:#0c1c48;font-size:24px;font-weight:600;margin:0}.modal-close{font-size:32px;height:32px;padding:0;width:32px}.modal-close:hover{background:#f7fafc;color:#0c1c48}.modal-instructions{background:#e6f3ff;border-radius:8px;margin-bottom:24px;padding:16px}.modal-instructions p{color:#2d3748;font-size:14px;line-height:1.6;margin:0}.helper-text-box{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:24px;padding:12px 16px}.helper-text{color:#92400e;font-size:14px;line-height:1.5;margin:0}.read-only-fields{background:#f7fafc;border-radius:8px;margin-bottom:24px;padding:16px}.read-only-field{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.read-only-field:last-child{border-bottom:none}.read-only-label{color:#64748b;font-size:14px}.read-only-value{color:#2d3748;font-size:14px;font-weight:600}.otp-section{text-align:center}.otp-section h3{color:#0c1c48;font-size:20px;font-weight:600;margin:0 0 8px}.otp-instruction{color:#64748b;font-size:14px;margin-bottom:24px}.otp-input-container{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.otp-input{font-family:Courier New,monospace;transition:border-color .2s,box-shadow .2s}.otp-actions{margin-bottom:24px}.btn-link{font-size:14px;font-weight:600}.btn-link:hover{color:#1a365d}.confirmation-section{text-align:left}.confirmation-section h3{color:#0c1c48;font-size:20px;font-weight:600;margin:0 0 8px}.confirmation-instruction{color:#64748b;font-size:14px;margin-bottom:24px}.confirmation-details{background:#f7fafc;border-radius:8px;margin-bottom:24px;padding:20px}.confirmation-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.confirmation-row:last-child{border-bottom:none}.confirmation-label{color:#64748b;font-size:14px}.confirmation-value{color:#2d3748;font-size:14px;font-weight:600}.confirmation-value.highlight{color:#0c1c48;font-size:16px}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #0c1c484d;transform:translateY(-2px)}.loading{color:#64748b;font-size:16px;padding:48px;text-align:center}@media (max-width:768px){.payment-modes-grid{grid-template-columns:1fr}.page-header h1{font-size:28px}.modal-content{border-radius:0;margin:0;max-height:100vh;max-width:100%}.modal-body,.modal-header{padding:20px}.otp-input-container{gap:8px}.otp-input{font-size:20px;height:48px;width:40px}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.history-table-container{overflow-x:scroll}.history-table{min-width:800px}}@media (max-width:480px){.page-header h1{font-size:24px}.section-title{font-size:20px}.payment-mode-card{padding:20px}.breadcrumb{font-size:12px}}.overlay-backdrop{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.overlay-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.overlay-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.overlay-header h2{color:#0c1c48;font-size:24px;font-weight:600;margin:0}.overlay-close{font-size:32px}.overlay-close:hover{color:#0c1c48}.overlay-body{padding:24px}.info-panel{background:#e6f3ff;border-left:4px solid #0c1c48;border-radius:8px;margin-bottom:24px;padding:16px}.info-panel p{color:#2d3748;font-size:14px;line-height:1.6;margin:0}.form-label{color:#2d3748;font-weight:600}.required{color:#e53e3e}.form-input{border:1px solid #e2e8f0;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-input:focus{box-shadow:0 0 0 3px #0c1c481a}.form-input.error{border-color:#e53e3e}.form-input.read-only{background:#f7fafc;color:#64748b;cursor:not-allowed}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.error-message{color:#e53e3e}.error-message,.form-hint{display:block;font-size:12px;margin-top:4px}.form-hint{color:#64748b}.file-upload-area{align-items:center;background:#f7fafc;border:2px dashed #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px}.file-input{display:none}.file-upload-button{background:#0c1c48;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.file-upload-button:hover{background:#1a365d}.file-name{color:#64748b;flex:1 1;font-size:14px}.step-indicator{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:32px}.step{gap:8px}.step-number{transition:all .2s}.step.active .step-number{background:#0c1c48}.step.active .step-label{color:#0c1c48;font-weight:600}.step-divider{background:#e2e8f0;height:2px;margin:0 8px;width:60px}.otp-input-group{display:flex;gap:12px;justify-content:center;margin-bottom:12px}.otp-input{font-size:20px}.otp-input:focus{border-color:#0c1c48;box-shadow:0 0 0 3px #0c1c481a}.otp-input.error{border-color:#e53e3e}.otp-resend{margin-top:8px;text-align:center}.otp-timer{font-size:14px}.overlay-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.success-message{padding:32px 0;text-align:center}.success-icon{font-size:32px;font-weight:600;height:64px;margin:0 auto 24px;width:64px}.success-message h3{color:#2d3748;font-size:24px;font-weight:600;margin:0 0 12px}.success-message p{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 8px}.success-note{font-style:italic}.loading-text,.success-note{color:#64748b;font-size:14px}.loading-text{padding:12px;text-align:center}@media (max-width:768px){.overlay-content{border-radius:0;margin:0;max-height:100vh;max-width:100%}.overlay-backdrop{padding:0}.overlay-body,.overlay-header{padding:20px}.form-row{grid-template-columns:1fr}.overlay-actions{flex-direction:column-reverse}.overlay-actions button{width:100%}.step-indicator{gap:8px}.step-divider{width:30px}.step-label{font-size:11px}.otp-input{font-size:18px;height:40px;width:40px}}.service-requests-page{background:#fff;display:flex;flex-direction:column;min-height:100vh}.service-requests-container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;padding:24px;width:100%}.page-header{margin-bottom:40px}.breadcrumb{display:none}.page-header>div{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;width:100%}.page-header>div>div:first-child{flex:1 1;min-width:0}.page-header h1{color:#1a202c;font-size:36px;margin:0 0 12px;text-align:left}.page-subtitle{text-align:left}.view-service-requests-btn{background:#0000;border:1px solid #1e40af;border-radius:6px;color:#1e40af;cursor:pointer;display:inline-block;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.view-service-requests-btn:hover{background:#1e40af;color:#fff}.services-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-top:40px;width:100%}.service-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;flex-direction:column;padding:32px 28px;position:relative;text-align:left;transition:all .3s ease}.service-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.service-badge{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;position:absolute;right:16px;text-transform:uppercase;top:16px}.service-badge-active{background:#10b981;color:#fff}.service-badge-new{background:#ef4444;color:#fff}.service-icon-wrapper{background:#e0f2fe;border-radius:50%;height:64px;margin-bottom:20px;width:64px}.service-icon,.service-icon-wrapper{align-items:center;display:flex;justify-content:center}.service-icon{color:#0284c7}.service-title{color:#1a202c;font-size:18px;font-weight:700;line-height:1.4;margin:0 0 12px}.service-description{color:#64748b;flex:1 1;font-size:14px;line-height:1.6;margin:0 0 24px}.service-cta{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:auto;padding:10px 20px;text-decoration:none;transition:all .2s;width:100%}.service-cta-primary{background:#2563eb;color:#fff}.service-cta-primary:hover{background:#1d4ed8;box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.service-cta-secondary{background:#fff;border:1px solid #2563eb;color:#2563eb}.service-cta-secondary:hover{background:#eff6ff;border-color:#1d4ed8;color:#1d4ed8;transform:translateY(-1px)}.service-cta-icon{align-items:center;display:flex;justify-content:center}@media (max-width:1024px){.service-requests-container{margin-left:5%;margin-right:5%}.services-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.service-requests-container{margin-left:4%;margin-right:4%;padding:32px 16px}.page-header h1{font-size:28px}.page-subtitle{font-size:14px}.services-grid{gap:20px;grid-template-columns:1fr}.service-card{padding:24px 20px}.service-icon-wrapper{height:56px;margin-bottom:16px;width:56px}.service-icon{font-size:20px}.service-title{font-size:16px}.service-description{font-size:13px}}.service-requests-list-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.service-requests-list-container{display:flex;flex:1 1;flex-direction:column;margin:0 13%;max-width:1400px;padding:32px 24px}.btn-secondary{border-radius:6px;color:#0c1c48;display:inline-block;padding:10px 20px;text-decoration:none;white-space:nowrap}.btn-secondary:hover{background:#f7fafc;border-color:#0c1c48}.filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:150px}.filter-group label{color:#2d3748;font-size:14px;font-weight:600}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.filter-select:focus{border-color:#0c1c48;box-shadow:0 0 0 3px #0c1c481a;outline:none}.btn-clear-filters{align-self:flex-end;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-clear-filters:hover{background:#e2e8f0;color:#2d3748}.results-count{border-top:1px solid #e2e8f0;color:#64748b;font-size:14px;padding-top:16px}.service-requests-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.service-requests-table{background:#fff;border-collapse:collapse;width:100%}.service-requests-table thead{background:#f7fafc;position:-webkit-sticky;position:sticky;top:0;z-index:10}.service-requests-table th{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:14px;font-weight:600;padding:16px;text-align:left;white-space:nowrap}.service-requests-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:14px;padding:16px}.service-requests-table tbody tr:hover{background:#f7fafc}.service-requests-table tbody tr:last-child td{border-bottom:none}.request-id-cell{font-family:monospace;font-size:13px}.status-badge{border-radius:6px;font-size:12px;padding:4px 12px}.status-completed{background:#d4edda;color:#155724}.status-pending{background:#fff3cd;color:#856404}.status-in-progress{background:#cfe2ff;color:#084298}.status-rejected{background:#f8d7da;color:#721c24}.view-details-link{background:none;border:none;color:#1e40af;cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:underline}.view-details-link:hover{color:#1e3a8a}.empty-state,.error-state,.loading-state{align-items:center;color:#64748b;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.error-state button{margin-top:16px}.empty-state-hint{color:#94a3b8;font-size:14px;margin-top:8px}.service-request-details-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.service-request-details-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.service-request-details-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.service-request-details-header h3{color:#2d3748;font-size:20px;font-weight:600;margin:0;text-align:left}.service-request-details-body{flex:1 1;overflow-y:auto;padding:24px;text-align:left}.detail-row{align-items:flex-start;margin-bottom:16px;text-align:left}.detail-row label{color:#2d3748;font-weight:600;margin-right:16px;min-width:150px;text-align:left}.detail-row span{color:#4a5568;flex:1 1;text-align:left}.detail-row.full-width{flex-direction:column;text-align:left}.detail-row.full-width label{margin-bottom:8px;margin-right:0;text-align:left}.request-details-container{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:16px;text-align:left;width:100%}.request-details-formatted{gap:12px}.request-details-formatted,.request-details-formatted .detail-item{box-sizing:border-box;display:flex;flex-direction:column;text-align:left;width:100%}.request-details-formatted .detail-item{border-bottom:1px solid #e2e8f0;gap:4px;padding-bottom:12px}.request-details-formatted .detail-item:last-child{border-bottom:none;padding-bottom:0}.request-details-formatted .detail-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.request-details-formatted .detail-value{color:#2d3748;font-size:15px;font-weight:500;text-align:left}.download-document-link{align-items:center;background:none;border:none;color:#1e40af;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:6px;padding:0;text-decoration:underline;transition:color .2s}.download-document-link:hover{color:#1e3a8a}.request-details-json{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;overflow-x:auto;padding:12px}.request-details-json pre{word-wrap:break-word;color:#2d3748;font-size:12px;margin:0;white-space:pre-wrap}.service-request-details-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:24px}.overlay-close{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.overlay-close:hover{background:#f7fafc;color:#2d3748}.btn-primary{padding:10px 20px;transition:background .2s}.btn-primary:hover{background:#1e3a8a}@media (max-width:1024px){.service-requests-list-container{margin-left:5%;margin-right:5%}.filters-row{align-items:stretch;flex-direction:column}.filter-group{min-width:100%}.btn-clear-filters{align-self:stretch}}@media (max-width:768px){.service-requests-list-container{margin-left:4%;margin-right:4%;padding:24px 16px}.header-content{flex-direction:column}.service-requests-table-container{overflow-x:auto}.service-requests-table{min-width:800px}}.help-centre-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.help-centre-container{flex:1 1;margin:0 13%;max-width:1200px;padding:32px 24px}.search-box{max-width:600px;position:relative}.search-input{border:2px solid #e2e8f0;color:#2d3748;padding:14px 48px 14px 24px}.search-input:focus{border-color:#0c1c48;box-shadow:0 0 0 3px #0c1c481a}.search-icon{color:#64748b;font-size:20px;right:16px}.category-filter{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.category-button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.category-button:hover{border-color:#0c1c48;color:#0c1c48}.category-button.active{background:#0c1c48;border-color:#0c1c48;color:#fff}.faq-section{margin-bottom:48px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s}.faq-item:hover{box-shadow:0 4px 8px #00000014}.faq-question{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:16px;padding:20px 24px;text-align:left;transition:background .2s;width:100%}.faq-question:hover{background:#f7fafc}.faq-category-badge{background:#e6f3ff;border-radius:6px;color:#0c1c48;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.faq-question-text{color:#2d3748;flex:1 1;font-size:16px;font-weight:600}.faq-toggle{align-items:center;border-radius:4px;color:#0c1c48;display:flex;font-size:24px;font-weight:300;height:32px;justify-content:center;transition:all .2s;width:32px}.faq-question.expanded .faq-toggle{background:#f7fafc}.faq-answer{animation:slideDown .3s ease;padding:0 24px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{color:#64748b;font-size:15px;line-height:1.7;margin:0}.no-results{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:48px 24px;text-align:center}.no-results p{color:#64748b;font-size:16px;margin:0}.contact-support{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:32px;text-align:center}.contact-support h3{color:#2d3748;font-size:24px;font-weight:600;margin:0 0 12px}.contact-support p{color:#64748b;font-size:16px;margin:0 0 24px}.support-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media (max-width:1024px){.help-centre-container{margin-left:5%;margin-right:5%}}@media (max-width:768px){.help-centre-container{margin-left:4%;margin-right:4%;padding:24px 16px}.page-header h1{font-size:28px}.search-box{max-width:100%}.category-filter{gap:8px}.category-button{font-size:13px;padding:8px 16px}.faq-question{flex-wrap:wrap;padding:16px}.faq-category-badge{font-size:11px;padding:3px 10px}.faq-question-text{font-size:15px;order:1;width:100%}.faq-toggle{order:2}.faq-answer{padding:0 16px 16px}.contact-support{padding:24px}.support-actions{flex-direction:column}.support-actions a{width:100%}}.inbox-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.inbox-container{flex:1 1;margin:0 13%;max-width:1600px;padding:32px 24px}.page-header{margin-bottom:24px}.breadcrumb{margin-bottom:16px}.breadcrumb a{color:#0c1c48;transition:color .2s}.breadcrumb a:hover{color:#1a365d}.breadcrumb-separator{color:#cbd5e0}.breadcrumb-current{color:#64748b}.header-content{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.header-content .btn-primary{max-width:-webkit-fit-content;max-width:fit-content;min-width:auto;padding:10px 20px;white-space:nowrap;width:auto!important}.page-header h1{color:#2d3748;margin:0 0 8px}.inbox-layout{grid-gap:24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:24px;grid-template-columns:400px 1fr;min-height:600px;overflow:hidden}.message-list{background:#f7fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.message-list-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.message-list-header h2{color:#2d3748;font-size:20px;font-weight:600;margin:0}.message-count{color:#64748b;font-size:14px}.messages{flex:1 1;overflow-y:auto}.message-item{border-bottom:1px solid #e2e8f0;cursor:pointer;padding:16px 20px;position:relative;transition:all .2s}.message-item:hover{background:#f0f4f8}.message-item.active{background:#e6f3ff;border-left:4px solid #0c1c48}.message-item.unread{background:#fef3c7;font-weight:500}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-sender{color:#2d3748;font-size:14px;font-weight:600}.message-time{color:#64748b;font-size:12px}.message-subject{color:#2d3748;font-size:15px;font-weight:600;margin-bottom:6px}.message-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.message-type-badge{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px;position:absolute;right:20px;top:16px}.message-type-badge.sent{background:#e6f3ff;color:#0c1c48}.conversation-view{background:#fff;display:flex;flex-direction:column}.conversation-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.conversation-header h2{color:#2d3748;font-size:24px;font-weight:600;margin:0 0 8px}.conversation-meta{color:#64748b;font-size:14px;margin:0}.reply-button{background:#0c1c48;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.reply-button:hover{background:#1a365d}.conversation-messages{flex:1 1;gap:24px;overflow-y:auto;padding:24px}.conversation-message,.conversation-messages{display:flex;flex-direction:column}.conversation-message.sent{align-items:flex-end}.conversation-message.received{align-items:flex-start}.message-content{background:#f7fafc;border-radius:12px;max-width:70%;padding:16px 20px}.conversation-message.sent .message-content{background:#e6f3ff}.message-sender-name{color:#0c1c48;font-size:14px;font-weight:600;margin-bottom:8px}.message-text{word-wrap:break-word;color:#2d3748;font-size:15px;line-height:1.6;margin-bottom:8px;overflow-wrap:break-word;white-space:pre-wrap}.message-timestamp{color:#64748b;font-size:12px}.conversation-reply{border-top:1px solid #e2e8f0;padding:20px 24px}.no-conversation{align-items:center;color:#64748b;display:flex;flex:1 1;flex-direction:column;font-size:16px;justify-content:flex-start;padding:24px}.no-conversation .conversation-message{max-width:800px;width:100%}.error-state,.loading-state{padding:48px 24px;text-align:center}.loading-state p{color:#64748b;font-size:16px;margin:0 0 16px}.error-state p{color:#e53e3e;font-size:16px;margin:0 0 16px}.compose-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.compose-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.compose-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.compose-header h2{color:#0c1c48;font-size:24px;font-weight:600;margin:0}.compose-close{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.compose-close:hover{background:#f7fafc;color:#0c1c48}.compose-body{padding:24px}.form-textarea{border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;font-family:inherit;font-size:16px;padding:12px 16px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.form-textarea:focus{border-color:#0c1c48;box-shadow:0 0 0 3px #0c1c481a;outline:none}.compose-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media (max-width:1024px){.inbox-container{margin-left:5%;margin-right:5%}.inbox-layout{grid-template-columns:350px 1fr}}@media (max-width:768px){.inbox-container{margin-left:4%;margin-right:4%;padding:24px 16px}.page-header h1{font-size:28px}.header-content{flex-direction:column}.header-content .btn-primary{width:100%}.inbox-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.message-list{border-bottom:1px solid #e2e8f0;border-right:none;max-height:300px}.conversation-header{flex-direction:column;gap:16px}.reply-button{width:100%}.message-content{max-width:85%}.compose-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.compose-overlay{padding:0}.compose-actions{flex-direction:column-reverse}.compose-actions button{width:100%}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal-small{max-width:400px;width:100%}.modal-medium{max-width:600px;width:100%}.modal-large{max-width:900px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.modal-title{color:#1e293b;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.modal-close:hover{background:#f1f5f9;color:#334155}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.toast{align-items:center;animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-size:14px;font-weight:500;gap:12px;max-width:500px;min-width:300px;padding:14px 20px;position:relative}.toast-visible{opacity:1;transform:translateX(0)}.toast-hidden{opacity:0;transform:translateX(100%);transition:opacity .3s ease-out,transform .3s ease-out}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-info{background:#3b82f6;color:#fff}.toast-warning{background:#f59e0b;color:#fff}.toast svg{flex-shrink:0}.toast-message{flex:1 1}.toast-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.8;padding:0;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;z-index:10000}.toast-container>*{pointer-events:auto}.deposits-dashboard-page{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.deposits-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.page-header-content{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:24px;justify-content:space-between}.page-header-left{flex:1 1;min-width:300px}.page-title-row{align-items:center;display:flex;flex-wrap:nowrap;gap:16px;justify-content:space-between;margin-bottom:8px}.page-header h1{flex-shrink:0;margin:0}.page-subtitle{display:block}.page-header-actions{flex-shrink:0;flex-wrap:nowrap;gap:12px;margin-left:auto}.action-button,.page-header-actions{align-items:center;display:flex;white-space:nowrap}.action-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.action-button.primary{background:#2563eb;color:#fff}.action-button.primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.action-button.secondary{background:#8b5cf6;color:#fff}.action-button.secondary:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.action-button.tertiary{background:#10b981;color:#fff}.action-button.tertiary:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.summary-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:32px}.summary-content{gap:48px;justify-content:space-between}.summary-content,.summary-left{align-items:center;display:flex}.summary-left{flex:1 1;gap:16px;text-align:left}.summary-icon-wrapper{align-items:center;background:#2563eb;border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.summary-text{display:flex;flex-direction:column;gap:4px}.summary-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.summary-value{color:#1e293b;font-size:40px;font-weight:700;line-height:1.2;margin:0}.summary-value.interest-earned{align-items:center;color:#10b981;display:flex;font-size:32px;gap:8px}.summary-value.interest-earned .trend-icon{color:#059669}.summary-subtext{color:#64748b;font-size:14px;margin:0}.summary-right{align-items:center;display:flex;justify-content:flex-end}.summary-cta-section{border-top:1px solid #ffffff4d;margin-top:32px;padding-top:32px}.summary-cta-section h3{color:#fff;font-size:22px;font-weight:700;margin-bottom:24px;text-align:center;text-shadow:0 2px 4px #0003}.summary-cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.summary-cta-button{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;padding:16px 28px;text-transform:uppercase;transition:all .3s ease}.summary-cta-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.summary-cta-button:active{transform:translateY(-1px)}.summary-cta-button svg{flex-shrink:0}.summary-cta-button.primary{background:#667eea;border:2px solid #ffffff4d}.summary-cta-button.primary:hover{background:#7c8ef5;border-color:#ffffff80}.summary-cta-button.recurring{background:#10b981;border:2px solid #ffffff4d}.summary-cta-button.recurring:hover{background:#14cc8f;border-color:#ffffff80}.summary-cta-button.smart-goal{background:#f59e0b;border:2px solid #ffffff4d}.summary-cta-button.smart-goal:hover{background:#fbbf24;border-color:#ffffff80}.deposits-section{background:#0000;margin:0;max-width:100%;padding:24px;width:100%}.section-header{flex-wrap:wrap;gap:16px;justify-content:space-between;padding-bottom:0;padding-left:0}.section-header h2{color:#2d3748;flex-shrink:0;gap:8px;min-width:-webkit-fit-content;min-width:fit-content}.deposit-count-badge{background:#bccfe1;border-radius:12px;color:#1e293b;display:inline-block;font-size:24px;font-weight:600;padding:4px 12px}.section-controls{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:60%}.closed-deposits-toggle{align-items:center;display:flex;flex-shrink:0;gap:8px;white-space:nowrap;width:250px}.closed-deposits-toggle .toggle-switch{align-items:center;cursor:pointer;display:flex;gap:8px}.closed-deposits-toggle .toggle-switch input[type=checkbox]{display:none}.closed-deposits-toggle .toggle-slider{background:#cbd5e1;border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:background .3s;width:44px}.closed-deposits-toggle .toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .3s;width:18px}.closed-deposits-toggle .toggle-switch input[type=checkbox]:checked+.toggle-slider{background:#2563eb}.closed-deposits-toggle .toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(20px)}.closed-deposits-toggle .toggle-label{color:#334155;font-size:14px;margin-left:0;white-space:nowrap}.view-mode-toggle{background:#f1f5f9;border-radius:6px;display:flex;gap:4px;padding:4px}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:all .2s}.view-mode-btn:hover{background:#e2e8f0;color:#334155}.view-mode-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#667eea}.sort-dropdown{position:relative}.sort-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2364748b' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:6px;color:#334155;cursor:pointer;font-size:14px;padding:8px 32px 8px 12px;transition:all .2s}.sort-select:hover{border-color:#cbd5e1}.sort-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.download-options{display:flex;flex-shrink:0;gap:8px}.download-btn{align-items:center;background:#2563eb;border:1px solid #e2e8f0;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s;white-space:nowrap}.download-btn:hover{background:#e2e8f0;color:#334155}.deposits-scroll-container{align-items:center;display:flex;gap:12px;position:relative}.scroll-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.scroll-button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 6px #00000026;color:#334155}.scroll-button:active{transform:scale(.95)}.deposits-scroll-wrapper{-ms-overflow-style:none;flex:1 1;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:none}.deposits-scroll-wrapper::-webkit-scrollbar{display:none}.deposits-cards-horizontal{display:flex;gap:24px;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 0}.deposit-card-horizontal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;max-width:380px;min-width:380px;padding:20px;position:relative;transition:all .2s}.deposit-card-horizontal.deposit-card-fd,.deposit-card-horizontal.deposit-card-rd{border-left:none}.deposit-card-horizontal:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.deposit-card-header-horizontal{align-items:flex-start;border-bottom:none;display:flex;gap:12px;margin-bottom:0;padding-bottom:0}.deposit-icon-horizontal{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.deposit-card-fd .deposit-icon-horizontal{background:#dbeafe;color:#2563eb}.deposit-card-rd .deposit-icon-horizontal{background:#ede9fe;color:#8b5cf6}.deposit-card-smartgoal .deposit-icon-horizontal{background:#d1fae5;color:#10b981}.deposit-title-section{flex:1 1;min-width:0}.deposit-title{align-items:center;color:#1e293b;display:flex;flex-wrap:wrap;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.goal-badge{background:#10b981;border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.deposit-account-number-horizontal{color:#64748b;font-family:Courier New,monospace;font-size:14px;font-weight:500}.status-badge{border-radius:4px;display:inline-block;font-size:11px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.closed{background:#fee2e2;color:#991b1b}.deposit-menu-container{position:relative}.menu-trigger{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.menu-trigger:hover{background:#f1f5f9;color:#334155}.deposit-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.menu-title{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.menu-item{background:none;border:none;border-bottom:1px solid #f1f5f9;color:#334155;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#f1f5f9;color:#1e293b}.menu-item:disabled{cursor:not-allowed;opacity:.6}.deposit-details-horizontal{display:flex;flex-direction:column;gap:16px}.deposit-details-row{display:flex;gap:24px;width:100%}.deposit-details-column{display:flex;flex:1 1;flex-direction:column;gap:12px}.deposit-details-left{align-items:flex-start}.deposit-details-right{align-items:flex-end}.deposit-field-horizontal{align-items:inherit;display:flex;flex-direction:column;gap:4px}.field-label-horizontal{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.field-value-horizontal{color:#1e293b;font-size:14px;font-weight:600;text-align:inherit}.interest-rate-badge{border-radius:12px;display:inline-block;font-size:11px;padding:4px 10px}.current-balance-field{align-items:center;border-top:1px solid #e2e8f0;flex-direction:row;justify-content:space-between;padding-top:12px}.current-balance-field .field-label-horizontal{font-size:13px;text-transform:none}.field-value-horizontal.amount-highlight{color:#2563eb;font-size:18px;font-weight:700}.auto-renewal-field{align-items:center;border-top:1px solid #e2e8f0;flex-direction:row;justify-content:space-between;padding-top:12px}.auto-renewal-field .field-label-horizontal{font-size:13px;text-transform:none}.toggle-switch-horizontal{align-items:center;cursor:pointer;display:flex}.toggle-switch-horizontal input[type=checkbox]{display:none}.toggle-slider-horizontal{background:#cbd5e1;border-radius:12px;height:24px;position:relative;transition:background .3s;width:44px}.toggle-slider-horizontal:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .3s;width:18px}.toggle-switch-horizontal input[type=checkbox]:checked+.toggle-slider-horizontal{background:#2563eb}.toggle-switch-horizontal input[type=checkbox]:checked+.toggle-slider-horizontal:before{transform:translateX(20px)}.deposits-footer-info{align-items:flex-start;background:#eff6ff;border-radius:8px;color:#475569;display:flex;font-size:13px;gap:12px;line-height:1.6;margin-top:32px;padding:16px}.deposits-footer-info svg{color:#2563eb;flex-shrink:0;margin-top:2px}.deposits-footer-info a{color:#2563eb;cursor:pointer;text-decoration:underline}.deposits-footer-info a:hover{color:#1d4ed8}.empty-state{padding:64px 32px}.empty-state p{font-size:16px;margin-bottom:8px}.empty-state-subtext{color:#94a3b8;font-size:14px}.cta-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.cta-section h2{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:16px 32px;transition:all .2s}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-button.primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.cta-button.primary:active{transform:translateY(0)}.cta-button.recurring{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cta-button.recurring:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.cta-button.smart-goal{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.cta-button.smart-goal:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.loading-state{font-size:16px;padding:64px}.deposits-list-view{overflow-x:auto}.deposits-table{background-color:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:12px;font-size:14px;width:100%}.deposits-table thead{background:#f8fafc}.deposits-table th{border-bottom:2px solid #e2e8f0;color:#334155;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.deposits-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:12px}.deposits-table tbody tr:hover{background:#f8fafc}.deposits-table .amount-cell{color:#059669;font-size:14px;font-weight:700;text-align:right}.deposits-table .menu-trigger{position:relative}.deposits-table .deposit-menu{margin-top:8px;position:absolute;right:0;top:100%;z-index:100}@media (max-width:1024px){.deposits-container{margin-left:5%;margin-right:5%}.deposits-cards-horizontal{flex-direction:column}.deposit-card-horizontal{max-width:100%;min-width:100%}.section-controls{justify-content:flex-start;width:100%}}@media (max-width:768px){.deposits-container{padding:16px}.cta-buttons{flex-direction:column}.cta-button{width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:16px}.section-controls{align-items:stretch;flex-direction:column;width:100%}.summary-content{align-items:flex-start;flex-direction:column;gap:16px}.summary-right{justify-content:flex-start;width:100%}.summary-value{font-size:40px}.summary-cta-buttons{flex-direction:column}.summary-cta-button{width:100%}.deposits-table{font-size:12px}.deposits-table td,.deposits-table th{padding:8px}}.open-fd-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.open-fd-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.progress-step .step-number{background:#fff;border:2px solid #e2e8f0;position:relative;z-index:2}.fd-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1.65fr .85fr}.fd-form{background:#0000;border-radius:8px;box-shadow:none;min-height:-webkit-fit-content;min-height:fit-content}.section-header a,.section-icon{align-items:center;display:flex}.section-icon{flex-shrink:0;height:18px;justify-content:center;width:18px}.icon-investment{color:#2563eb}.icon-interest{color:#10b981}.icon-nominee{color:#8b5cf6}.icon-funding{color:#f59e0b}.view-rates-link{margin-left:auto;white-space:nowrap}.view-rates-link:hover{color:#1d4ed8}.form-input{padding:0}.form-group input.form-input{padding:11px 14px 11px 30px}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.min-deposit-text{margin-bottom:12px}.min-deposit-text:before{content:"Min: "}.quick-amount-buttons{display:flex;gap:10px;margin-top:10px}.quick-amount-btn{background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.quick-amount-btn:hover{background:#f8fafc;border-color:#94a3b8}.quick-amount-btn.active{background:#eff6ff;border-color:#2563eb;color:#2563eb;font-weight:600}.quick-amount-btn:active{background:#f0f4ff;border-color:#667eea;color:#667eea}.tenure-mode-toggle{background:#f1f5f9;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:4px}.tenure-mode-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.tenure-mode-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#2563eb}.tenure-inputs{display:flex;gap:8px;margin-bottom:10px}.tenure-group{flex:0 0 auto;width:70px}.tenure-group label{color:#64748b;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.tenure-input{font-size:14px;padding:8px 10px;text-align:center;width:100%}.quick-tenure-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.quick-tenure-btn{background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.quick-tenure-btn:hover{background:#f8fafc;border-color:#94a3b8}.quick-tenure-btn:active{background:#f0f4ff;border-color:#667eea;color:#667eea}.interest-rate-display{border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:8px}.interest-rate-value{color:#1e293b;font-size:20px;font-weight:700}.interest-rate-info{color:#64748b;display:flex;flex-direction:column;font-size:13px;gap:4px}.senior-citizen-note{color:#2563eb;font-weight:500}.interest-payout-radio-group{grid-gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px;padding:16px}.radio-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.radio-option:hover{background:#f8fafc;border-color:#cbd5e1}.radio-option input[type=radio]{accent-color:#2563eb;cursor:pointer;height:18px;width:18px}.radio-option input[type=radio]:checked~span{color:#2563eb;font-weight:600}.radio-option:has(input[type=radio]:checked){background:#eff6ff;border-color:#2563eb}.radio-option span{color:#1e293b;flex:1 1;font-size:14px;padding-left:8px}.secure-transaction{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:400;gap:6px;margin-top:8px}.secure-transaction svg{color:#10b981;flex-shrink:0;height:14px;width:14px}.nominee-toggle-label{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:500;gap:10px;margin-left:auto;white-space:nowrap}.nominee-toggle-label span{white-space:nowrap}.modern-toggle-switch{align-items:center;display:flex;position:relative}.modern-toggle-switch input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.modern-toggle-slider{background:#cbd5e1;border-radius:14px;cursor:pointer;height:28px;position:relative;transition:background .3s;width:48px}.modern-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:4px;position:absolute;top:4px;transition:transform .3s;width:20px}.modern-toggle-switch input[type=checkbox]:checked+.modern-toggle-slider{background:#0c1c48}.modern-toggle-switch input[type=checkbox]:checked+.modern-toggle-slider:before{transform:translateX(20px)}.calendar-icon{font-size:16px}.guardian-section{background:#fef3c7;border:1px solid #fde68a;border-radius:8px}.guardian-notice{align-items:center;color:#92400e;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px}.guardian-notice svg{color:#92400e;flex-shrink:0}.funding-source-options{display:flex;flex-direction:column;gap:12px;margin-top:12px}.funding-option-header{align-items:center;display:flex;gap:8px}.funding-option-label{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;line-height:1.4}.funding-option-details{color:#64748b;font-size:13px}.funding-warning{background:#fee2e2;border-radius:6px;color:#991b1b}.auto-renewal-section{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.auto-renewal-toggle-label{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:500;gap:12px}.auto-renewal-links{display:flex;font-size:13px;gap:16px}.auto-renewal-links a{color:#2563eb;text-decoration:none}.auto-renewal-links a:hover{text-decoration:underline}.application-summary{display:flex;flex-direction:column;gap:24px;position:-webkit-sticky;position:sticky;top:100px}.summary-card-blue{background:#2563eb;border-radius:12px;box-shadow:0 4px 12px #2563eb33;color:#fff;padding:24px}.summary-card-header h3{color:#ffffffe6;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.summary-card-amount{color:#fff;font-size:36px;font-weight:700;line-height:1.2;margin-bottom:8px}.summary-card-note{color:#fffc;font-size:12px;margin-bottom:20px}.summary-card-breakdown{border-top:1px solid #fff3;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding-top:20px}.breakdown-row{align-items:center;display:flex;justify-content:space-between}.breakdown-label{color:#ffffffe6;font-size:13px}.breakdown-value{color:#fff;font-size:14px;font-weight:600}.summary-card-maturity-date{align-items:center;border-top:1px solid #fff3;color:#ffffffe6;display:flex;font-size:14px;gap:8px;padding-top:16px}.summary-card-maturity-date svg{flex-shrink:0}.summary-header{border-bottom:1px solid #fff3;margin-bottom:20px;padding-bottom:14px}.application-summary h3{color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.summary-details{gap:16px;margin-bottom:16px}.summary-row{margin-bottom:0;min-height:24px}.summary-divider{border-top:1px dashed #ffffff4d;height:0;margin:12px 0}.summary-details .summary-label{color:#fff;flex:0 0 auto;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}.summary-value{color:#fff;flex:0 0 auto;font-size:16px;line-height:1.5;text-align:left}.open-fd-page .summary-details .summary-label{font-size:14px!important}.open-fd-page .summary-value{font-size:16px!important}.summary-value.highlight{color:#fff;font-size:20px;font-weight:700;line-height:1.4}.interest-earned-row{margin-top:0;padding-top:0}.summary-value.interest-earned{font-size:24px;font-weight:600}.summary-value .calculating{color:#fff;font-size:14px}.terms-section{background:#0000;border-left:none;border-radius:8px;border-top:1px solid #ffffff26;margin:0;padding:0}.checkbox-label.declaration{align-items:center;background:#0000;border:1.5px solid #3b82f6;border-radius:6px;color:#1e40af;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:10px;padding:10px 12px;transition:all .2s}.checkbox-label.declaration:hover{background:#0000;border-color:#2563eb}.checkbox-label.declaration.checked{background:#eff6ff;border-color:#2563eb}.checkbox-label.declaration span,.checkbox-label.declaration.checked span{color:#1e40af}.checkbox-label.declaration input[type=checkbox]{accent-color:#2563eb;-webkit-appearance:checkbox;appearance:checkbox;background-color:#fff;border:2px solid #3b82f6;border-radius:3px;cursor:pointer!important;display:inline-block!important;flex-shrink:0;height:20px!important;margin:0 10px 0 0!important;min-height:20px!important;min-width:20px!important;opacity:1!important;position:relative!important;vertical-align:middle;visibility:visible!important;width:20px!important;z-index:10!important}.checkbox-label.declaration input[type=checkbox]:checked{accent-color:#1e40af;background-color:#2563eb;border-color:#1e40af}.checkbox-label.declaration input[type=checkbox]:focus{box-shadow:0 0 0 3px #2563eb33;outline:2px solid #2563eb;outline-offset:2px}.checkbox-label.declaration input[type=checkbox]:checked~span{color:#8b4513}.terms-description{color:#8b4513;font-size:12px;font-weight:400;line-height:1.5;margin-left:28px}.terms-section .error-text{color:#fca5a5;font-size:13px;margin-top:8px}.application-summary .form-actions{background:#0000;border-top:none;margin-top:14px;padding-top:0;width:100%}.btn-confirm{width:100%}.summary-info-boxes{display:flex;flex-direction:column;gap:10px;margin-top:20px}.info-box-senior{align-items:flex-start;background:#ffffff14;border-radius:6px;color:#ffffffe6;display:flex;font-size:12px;gap:10px;line-height:1.5;padding:12px}.info-box-senior svg{color:#ffffffe6;flex-shrink:0;height:16px;margin-top:2px;width:16px}.info-box-dicgc{align-items:flex-start;background:#10b9811f;border-radius:6px;color:#10b981;display:flex;font-size:12px;gap:10px;line-height:1.5;padding:12px}.info-box-dicgc svg{color:#10b981;flex-shrink:0;height:16px;margin-top:2px;width:16px}@media (max-width:1024px){.open-fd-container{margin-left:5%;margin-right:5%}.fd-layout{grid-template-columns:1fr}.application-summary{max-height:none;position:static}.page-header-row{gap:16px}.progress-tracker{gap:6px}.step-label{font-size:11px}}@media (max-width:768px){.open-fd-container{padding:16px}.fd-form{padding:20px}.page-header-row{align-items:flex-start;flex-direction:column;gap:12px}.progress-tracker{justify-content:flex-start;width:100%}.page-header-row h1{font-size:24px}.quick-tenure-buttons,.tenure-inputs{flex-direction:column}.quick-tenure-btn{width:100%}.quick-amount-buttons{flex-direction:column}.quick-amount-btn{width:100%}}.open-rd-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.open-rd-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.rd-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1.65fr .85fr}.rd-form{background:#0000;border-radius:8px;box-shadow:none;min-height:-webkit-fit-content;min-height:fit-content}.section-title{margin:0 0 20px;padding:0}.currency-input input{padding-left:45px}.date-select-wrapper{position:relative}.date-select{padding-right:40px}.calendar-icon-select{color:#64748b;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.debit-schedule-link{color:#2563eb;display:inline-block;font-size:13px;font-weight:500;margin-top:6px;text-decoration:none}.debit-schedule-link:hover{text-decoration:underline}.tenure-slider{width:100%}.interest-rate-display{background:#f8fafc;border-radius:6px;margin-top:20px;padding:16px}.interest-rate-label{color:#64748b;font-size:13px;margin-bottom:8px}.interest-rate-value{align-items:center;display:flex;gap:8px;margin-bottom:8px}.rate-value{color:#1e293b;font-size:24px;font-weight:700}.info-icon-small{color:#64748b;flex-shrink:0}.view-rates-link{color:#2563eb;font-size:13px;font-weight:500;text-decoration:none}.view-rates-link:hover{text-decoration:underline}.funding-option input[type=radio]:checked~.funding-option-content{color:#1e293b}.funding-option-content{max-width:200px}.important-info-section{align-items:flex-start;background:#eff6ff;border-radius:6px;display:flex;gap:12px;margin-top:24px;padding:16px}.important-info-section .info-icon{color:#2563eb;flex-shrink:0;margin-top:2px}.important-info-list{color:#1e293b;font-size:13px;line-height:1.8;margin:0;padding-left:20px}.important-info-list li{margin-bottom:8px}.important-info-list li:last-child{margin-bottom:0}.rd-summary-panel{display:flex;flex-direction:column;gap:24px;position:-webkit-sticky;position:sticky;top:100px}.maturity-amount-box{background:#2563eb;border-radius:12px;box-shadow:0 4px 12px #2563eb33;color:#fff;padding:24px;text-align:center}.maturity-amount-label{color:#ffffffe6;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.maturity-amount-value{color:#fff;font-size:36px;font-weight:700;line-height:1.2;margin-bottom:8px}.maturity-amount-note{color:#fffc;font-size:12px}.summary-details{margin-bottom:24px}.maturity-date-section{align-items:center;background:#2563eb;border-radius:12px;border-top:1px solid #fff3;box-shadow:0 4px 12px #2563eb33;color:#ffffffe6;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:24px}.maturity-date-section svg{color:#ffffffe6;flex-shrink:0}.maturity-date-content{flex:1 1}.maturity-date-label{color:#fffc;font-size:12px;margin-bottom:4px}.maturity-date-value{color:#ffffffe6;font-size:15px;font-weight:600}.authorization-section{background:#0000;background:#fff;border-left:none;border-radius:8px;border-top:1px solid #ffffff26;box-shadow:0 1px 3px #0000001a;margin:0 0 24px;padding:24px}.checkbox-label input[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox;background-color:#fff;border:2px solid #3b82f6;border-radius:3px;cursor:pointer!important;display:inline-block!important;height:20px!important;min-height:20px!important;min-width:20px!important;opacity:1!important;position:relative!important;vertical-align:middle;visibility:visible!important;width:20px!important;z-index:10!important}.checkbox-label input[type=checkbox]:checked{accent-color:#1e40af;background-color:#2563eb;border-color:#1e40af}.checkbox-label input[type=checkbox]:focus{box-shadow:0 0 0 3px #2563eb33;outline:2px solid #2563eb;outline-offset:2px}.checkbox-label a:hover{color:#654321}.summary-actions{background:#0000;border-top:none;display:flex;flex-direction:column;gap:12px;margin-top:0;padding-top:0;width:100%}.btn{width:100%}.btn-secure{background:#2563eb;color:#fff}.btn-secure svg{flex-shrink:0}.btn-reset{display:block;margin-top:12px;width:100%}@media (max-width:1024px){.open-rd-container{margin-left:5%;margin-right:5%}.rd-layout{grid-template-columns:1fr}.rd-summary-panel{position:static}.page-header-row{gap:16px}.progress-tracker{gap:6px}.step-label{font-size:11px}}@media (max-width:768px){.open-rd-container{padding:16px}.rd-form{padding:20px}.page-header-row{align-items:flex-start;flex-direction:column;gap:12px}.progress-tracker{justify-content:flex-start;width:100%}.page-header-row h1{font-size:24px}}.open-smartgoal-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.open-smartgoal-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.page-top-section{margin-bottom:24px;padding-bottom:0}.breadcrumbs{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px;margin-bottom:16px}.breadcrumbs a{color:#2563eb;text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:#1d4ed8;text-decoration:underline}.breadcrumb-separator{color:#94a3b8}.page-header-row{align-items:flex-start;flex-wrap:wrap;margin-top:16px}.page-header-content{flex:1 1;min-width:0}.page-header-row h1{word-wrap:break-word;color:#1e293b;margin:0 0 8px}.progress-tracker{flex-shrink:0;gap:8px;margin-top:0;min-width:0;padding:0}.progress-step{z-index:1}.step-number{background:#fff;border:2px solid #e2e8f0;position:relative;z-index:2}.progress-step.active .step-number{border-color:#2563eb}.step-label{font-size:12px;white-space:nowrap}.progress-line{position:relative;z-index:0}.progress-step.active~.progress-line{background:#e2e8f0}.smartgoal-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1.65fr .85fr}.smartgoal-form{background:#0000;border-radius:8px;box-shadow:none;min-height:-webkit-fit-content;min-height:fit-content}.form-section{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:24px 24px 20px}.form-section:last-child{border-bottom:none;margin-bottom:0}.section-header{align-items:center;border-bottom:none;display:flex;gap:8px;justify-content:flex-start;margin-bottom:20px;padding:0;width:100%}.section-header h2,.section-title{align-items:center;color:#0c1c48;display:flex;flex:1 1;font-size:24px;font-weight:600;line-height:1.4;margin:0;text-transform:none}.section-title{gap:12px}.section-number{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:16px;font-weight:600;height:32px;justify-content:center;width:32px}.goal-categories-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.category-card{border:2px solid #e2e8f0;gap:8px;padding:20px 16px;width:50%}.category-card:hover{background:#f8fafc;border-color:#2563eb;box-shadow:0 4px 12px #2563eb26}.category-card.selected{background:#eff6ff;border-color:#2563eb}.category-card svg{color:#2563eb}.category-name{color:#1e293b;font-size:14px;font-weight:600}.category-subtext{color:#64748b;font-size:12px}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{color:#334155;line-height:1.5}.required{color:#ef4444}.optional{color:#64748b;font-weight:400}.form-input{background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#1e293b;padding:11px 14px}.form-input:hover{border-color:#94a3b8}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.currency-input{align-items:center;display:flex;position:relative}.currency-prefix{color:#334155;font-size:15px;font-weight:600;left:14px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.currency-input input{padding-left:38px}.min-deposit-text{color:#64748b;font-size:12px;font-weight:400;margin-top:6px}.tenure-display{margin-bottom:8px}.tenure-value{color:#1e293b;font-size:16px;font-weight:600}.slider-container{align-items:center;display:flex;flex-direction:column;margin-top:12px}.slider{-webkit-appearance:none;background:#e2e8f0;border-radius:4px;display:block;height:8px;margin:0 auto;outline:none;width:60%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2563eb;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:#2563eb;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.tenure-slider{-webkit-appearance:none;background:#e2e8f0;border-radius:4px;display:block;height:8px;margin:0 auto;outline:none;width:60%}.tenure-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2563eb;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.tenure-slider::-moz-range-thumb{background:#2563eb;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.slider-labels{color:#64748b;display:flex;font-size:12px;justify-content:space-between;margin-top:8px;width:100%}.slider-label-left{align-self:flex-start}.slider-label-right{align-self:flex-end}.pro-tip{align-items:center;background:#d1fae5;border-radius:6px;color:#065f46;display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:12px;padding:12px}.pro-tip svg{color:#10b981;flex-shrink:0}.date-input-wrapper{position:relative}.date-input-wrapper .date-input{padding-right:40px}.calendar-icon{color:#64748b;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.guardian-section{background:#f8fafc;border-left:3px solid #f59e0b;border-radius:6px;margin-top:20px;padding:16px}.guardian-header{align-items:center;color:#92400e;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px}.guardian-header svg{color:#f59e0b}.funding-options{display:flex;flex-direction:column;gap:12px}.funding-option{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;overflow:hidden;padding:16px;transition:all .2s}.funding-option:hover{background:#f8fafc;border-color:#cbd5e1}.funding-option input[type=radio]{accent-color:#2563eb;cursor:pointer;float:left;height:18px;margin-right:12px;margin-top:2px;width:18px}.funding-option:has(input[type=radio]:checked){background:#eff6ff;border-color:#2563eb}.funding-option-content{display:flex;flex-direction:column;float:left;gap:4px;max-width:400px}.funding-option-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.funding-account-name{color:#1e293b;font-size:14px;font-weight:600}.funding-badge{background:#1e293b;border-radius:4px;color:#fff;font-size:11px;font-weight:600;margin-left:8px;padding:4px 10px;text-transform:uppercase}.funding-badge.upi{background:#10b981}.funding-option-balance{color:#64748b;font-size:13px}.funding-warning{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;color:#92400e;font-size:13px;line-height:1.5;margin-top:12px;padding:12px}.declarations-list{display:flex;flex-direction:column;gap:16px}.checkbox-label{align-items:flex-start;background:#0000;border:1.5px solid #3b82f6;border-radius:6px;color:#1e40af;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;line-height:1.6;margin-bottom:16px;padding:10px 12px;transition:all .2s}.checkbox-label:last-child{margin-bottom:0}.checkbox-label:hover{background:#0000;border-color:#2563eb}.checkbox-label input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.checkbox-label:has(input[type=checkbox]:checked){background:#eff6ff;border-color:#2563eb}.checkbox-label input[type=checkbox]:checked~span{color:#1e40af}.checkbox-label a{color:#1e40af;text-decoration:underline}.checkbox-label a:hover{color:#1e3a8a}.important-notes-section{background:#eff6ff;border-radius:6px;margin-top:24px;padding:16px}.important-notes-title{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 12px}.important-notes-list{color:#1e293b;font-size:13px;line-height:1.8;margin:0;padding-left:20px}.important-notes-list li{margin-bottom:8px}.important-notes-list li:last-child{margin-bottom:0}.monthly-amount-display{align-items:center;background:#f8fafc;border-radius:6px;display:flex;justify-content:space-between;margin-top:24px;padding:16px}.monthly-amount-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.monthly-amount-value{color:#1e293b;font-size:20px;font-weight:700}.btn{border-radius:6px;box-sizing:border-box;font-size:15px;padding:14px 24px}.btn-primary{max-width:none}.btn-primary:disabled{background:#2563eb80}.btn-secondary{font-weight:600}.btn-submit{background:#2563eb;color:#fff}.btn-submit svg{flex-shrink:0}.btn-reset{background:#fff;border:1px solid #cbd5e1;color:#334155}.error-text{margin-top:6px}.smartgoal-summary-panel{display:flex;flex-direction:column;gap:24px;position:-webkit-sticky;position:sticky;top:100px}.monthly-contribution-box{background:#2563eb;border-radius:12px;box-shadow:0 4px 12px #2563eb33;color:#fff;padding:24px;text-align:center}.monthly-contribution-label{color:#ffffffe6;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.monthly-contribution-value{color:#fff;font-size:36px;font-weight:700;line-height:1.2;margin-bottom:8px}.monthly-contribution-note{color:#fffc;font-size:12px}.summary-details{background:#fff;border-radius:8px;border-top:1px solid #fff3;box-shadow:0 1px 3px #0000001a;gap:12px;margin-bottom:20px;padding:24px}.summary-detail-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.summary-detail-row:last-child{border-bottom:none}.summary-detail-label{color:#64748b;font-size:14px;font-weight:500}.summary-detail-value{color:#1e293b;font-size:14px;font-weight:600;text-align:right}.summary-detail-value.interest-rate{color:#10b981}.maturity-progress{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:24px;padding:24px}.progress-bar-container{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#2563eb,#10b981);border-radius:4px;height:100%;transition:width .3s ease}.progress-labels{color:#64748b;display:flex;font-size:12px;justify-content:space-between}@media (max-width:1024px){.open-smartgoal-container{margin-left:5%;margin-right:5%}.smartgoal-layout{grid-template-columns:1fr}.smartgoal-summary-panel{position:static}.goal-categories-grid{grid-template-columns:repeat(2,1fr)}.page-header-row{gap:16px}.progress-tracker{gap:6px}.step-label{font-size:11px}}@media (max-width:768px){.open-smartgoal-container{padding:16px}.smartgoal-form{padding:20px}.page-header-row{align-items:flex-start;flex-direction:column;gap:12px}.progress-tracker{justify-content:flex-start;width:100%}.page-header-row h1{font-size:24px}.goal-categories-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}.deposit-review-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.deposit-review-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:32px 24px;width:100%}.breadcrumb-section{margin-bottom:16px}.breadcrumb{color:#64748b}.breadcrumb a{color:#2563eb;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-current{color:#1e293b}.page-header h1{color:#1e293b;font-size:32px;margin-bottom:8px}.page-subtitle{margin:0}.progress-tracker{margin-bottom:32px}.step-number{background:#e2e8f0;color:#64748b;font-size:14px;transition:all .3s}.progress-step.active .step-number{background:#2563eb;color:#fff}.step-label{color:#64748b;font-weight:500}.progress-step.active .step-label{color:#2563eb;font-weight:600}.progress-step.completed .step-label{color:#10b981;font-weight:600}.progress-line{background:#e2e8f0}.error-message{border-left:4px solid #dc2626;color:#dc2626;font-size:14px}.review-sections-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.review-column{display:flex;flex-direction:column;gap:24px}.review-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.review-section-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.review-section-header h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.edit-icon-btn{align-items:center;background:none;border:none;border-radius:6px;color:#2563eb;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.edit-icon-btn:hover{background:#eff6ff}.review-section-content{display:flex;flex-direction:column;gap:16px}.review-item{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.review-label{color:#64748b;flex-shrink:0;font-size:14px;font-weight:500}.review-value{align-items:center;color:#1e293b;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:flex-end;text-align:right}.review-value .check-icon{color:#10b981;flex-shrink:0}.funding-source-display{display:flex;flex-direction:column;gap:12px}.funding-source-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:16px}.funding-source-radio{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;height:20px;width:20px}.funding-source-radio.selected{background:#2563eb;border-color:#2563eb;position:relative}.funding-source-radio.selected:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.funding-source-info{flex:1 1}.funding-source-label{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.funding-source-account{color:#64748b;font-size:13px}.otp-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.otp-header{align-items:center;background:#f0f7ff;border-radius:8px;color:#1e293b;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:12px}.otp-method-selection{margin:20px 0}.otp-method-selection p{color:#1e293b;font-size:14px;margin:0 0 12px}.otp-method-buttons{display:flex;gap:12px}.otp-method-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;position:relative;transition:all .2s}.otp-method-btn.active,.otp-method-btn:hover{border-color:#2563eb;color:#2563eb}.otp-method-btn.active{background:#eff6ff}.otp-header svg{color:#2563eb;flex-shrink:0}.otp-inputs{gap:12px;margin-bottom:16px}.otp-input{border:2px solid #e2e8f0;color:#1e293b;font-size:24px;height:56px;transition:all .2s;width:56px}.otp-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.otp-input.filled{background:#f0f7ff;border-color:#2563eb}.otp-footer{flex-direction:column;gap:12px}.otp-footer,.otp-timer{align-items:center;display:flex}.otp-timer{gap:6px}.otp-timer svg{color:#64748b}.resend-otp-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px;text-decoration:underline}.resend-otp-btn:hover:not(:disabled){color:#1d4ed8}.resend-otp-btn:disabled{cursor:not-allowed;opacity:.6}.remarks-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.remarks-label{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.remarks-textarea::placeholder{color:#94a3b8}.important-info{align-items:flex-start;background:#eff6ff;border-left:4px solid #2563eb;border-radius:8px;color:#1e293b;display:flex;font-size:14px;gap:12px;line-height:1.6;margin-bottom:24px;padding:16px}.important-info .info-icon{flex-shrink:0;font-size:18px}.important-info>div{display:flex;flex-direction:column;gap:4px}.terms-checkbox-section{background:#f8fafc;border-radius:8px;margin-bottom:24px;padding:16px}.terms-checkbox{align-items:flex-start;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:12px;line-height:1.6}.terms-checkbox input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.terms-checkbox a{color:#2563eb;text-decoration:underline}.terms-checkbox a:hover{color:#1d4ed8}.review-actions{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;padding-top:24px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{margin-left:auto}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #2563eb4d}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}@media (max-width:1200px){.review-sections-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.deposit-review-container{padding:16px}.review-sections-grid{grid-template-columns:1fr}.review-item{align-items:flex-start;flex-direction:column;gap:4px}.review-value{justify-content:flex-start;text-align:left}.otp-inputs{gap:8px}.otp-input{font-size:20px;height:48px;width:48px}.review-actions{flex-direction:column}.btn{width:100%}}.deposit-confirmation-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.deposit-confirmation-container{flex:1 1;margin:0 auto;max-width:1200px;padding:32px 24px}.confirmation-content{width:100%}.progress-tracker{align-items:center;display:flex;gap:12px;margin-bottom:40px;padding:24px 0}.progress-step{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.progress-step.completed .step-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.step-label{color:#10b981;font-size:14px;font-weight:600}.progress-line{flex:1 1;height:2px;min-width:60px}.progress-line,.progress-line.completed{background:#10b981}.success-illustration{margin-bottom:40px;text-align:center}.success-icon-wrapper{align-items:center;background:#d1fae5;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.success-icon-wrapper svg{color:#10b981;height:64px;width:64px}.success-illustration h1{color:#1e293b;font-size:32px;font-weight:700;margin-bottom:12px}.success-message{font-size:16px;line-height:1.6;margin:0 auto;max-width:700px}.transaction-details-card{background:#f1f5f9;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.transaction-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.transaction-detail-item{display:flex;gap:8px}.transaction-detail-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.transaction-detail-value{color:#1e293b;font-size:15px;font-weight:600}.transaction-detail-value.status-completed{align-items:center;color:#10b981;display:flex;gap:8px}.status-dot{background:#10b981;border-radius:50%;flex-shrink:0;height:8px;width:8px}.deposit-maturity-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:32px}.deposit-maturity-grid{grid-gap:48px;align-items:flex-start;display:grid;gap:48px;grid-template-columns:repeat(2,1fr)}.deposit-maturity-item{display:flex;flex-direction:column;gap:12px}.deposit-maturity-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.deposit-maturity-value{color:#1e293b;font-size:36px;font-weight:700;line-height:1.2}.deposit-maturity-value.deposit{color:#1e293b}.deposit-maturity-value.maturity{color:#2563eb}.maturity-amount-container{display:flex;flex-direction:column;gap:12px}.interest-rate-badge{align-items:center;background:#d1fae5;border-radius:16px;color:#065f46;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.interest-rate-badge svg{color:#10b981;height:14px;width:14px}.maturity-date-display{color:#64748b;font-size:14px;margin-top:4px}.additional-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:24px 32px}.additional-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.additional-detail-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 0}.additional-detail-item:last-child{border-bottom:none}.additional-detail-label{color:#64748b;font-size:14px;font-weight:500}.additional-detail-value{color:#1e293b;font-size:14px;font-weight:600;text-align:right}.confirmation-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:32px}.btn{display:flex;font-size:16px;padding:14px 32px}.btn-primary:hover{box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-secondary{border:1px solid #cbd5e1;color:#334155}.btn-secondary:hover{border-color:#94a3b8}.action-link{color:#2563eb;font-size:16px;font-weight:500;padding:14px 0;text-decoration:none;transition:all .2s}.action-link:hover{color:#1d4ed8;text-decoration:underline}@media (max-width:1024px){.deposit-confirmation-container{padding:24px 16px}.transaction-details-grid{grid-template-columns:repeat(2,1fr)}.deposit-maturity-grid{gap:32px}}@media (max-width:768px){.deposit-confirmation-container{padding:16px}.success-icon-wrapper{height:100px;width:100px}.success-icon-wrapper svg{height:50px;width:50px}.success-illustration h1{font-size:24px}.transaction-details-grid{gap:16px;grid-template-columns:1fr}.deposit-maturity-grid{gap:24px;grid-template-columns:1fr}.deposit-maturity-value{font-size:28px}.additional-details-grid{grid-template-columns:1fr}.additional-detail-item{align-items:flex-start;flex-direction:column;gap:4px}.additional-detail-value{text-align:left}.confirmation-actions{flex-direction:column}.btn{width:100%}}.biller-selector-overlay{align-items:stretch;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.biller-selector-sidebar{background:#fff;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;max-width:90vw;width:420px}.search-bar{border-bottom:1px solid #e2e8f0;gap:12px;padding:10px 24px}.search-bar svg{color:#64748b;flex-shrink:0}.search-bar input{color:#1e293b;font-size:14px}.search-bar input::placeholder{color:#94a3b8}.billers-list{flex:1 1;overflow-y:auto}.biller-item{border:1px solid #0000;border-radius:8px;gap:12px;margin-top:4px;padding:10px;transition:all .2s}.biller-info{min-width:0}.biller-name{font-size:14px;margin-bottom:4px}.biller-details{color:#64748b;font-size:12px;gap:8px}.separator{color:#cbd5e0}.verified-badge{background:#10b981;flex-shrink:0;justify-content:center}.no-billers{color:#64748b;padding:40px 20px;text-align:center}.no-billers p{margin:0}.bill-payment-overlay{align-items:stretch;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.bill-payment-sidebar{background:#fff;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;max-height:100vh;max-width:90vw;overflow-y:auto;width:420px}.payment-form{display:flex;flex-direction:column;gap:24px;padding:24px}.biller-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:12px;padding:16px}.biller-avatar{flex-shrink:0;font-size:16px}.biller-details{gap:4px}.biller-name{word-wrap:break-word;color:#1e293b;font-size:15px;line-height:1.4;margin:0;padding:0}.biller-type-location{align-items:center;color:#64748b;display:flex;font-size:13px;gap:4px;line-height:1.4;margin:0;padding:0}.biller-service{margin:0;padding:0}.biller-separator{color:#94a3b8;margin:0 2px}.biller-location,.consumer-info{margin:0;padding:0}.consumer-info{align-items:center;display:flex;font-size:12px;gap:6px}.consumer-label{color:#64748b;font-weight:500}.consumer-value{color:#1e293b;font-family:Courier New,monospace;font-weight:600}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:#64748b;font-size:13px;letter-spacing:.3px;text-transform:uppercase}.amount-input-wrapper{align-items:center;background:#fff;border:2px solid #2563eb;border-radius:8px;display:flex;padding:0 16px}.currency-symbol{color:#1e293b;font-size:20px;font-weight:600;margin-right:8px}.amount-input-wrapper input{border:none;color:#1e293b;flex:1 1;font-size:20px;font-weight:600;outline:none;padding:14px 0}.amount-input-wrapper input::placeholder{color:#cbd5e0}.amount-input-wrapper input.error{border-color:#ef4444}.remarks-textarea{border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s;width:100%}.remarks-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.error-banner{background:#fef2f2}.form-actions{flex-direction:column}.btn-primary{display:flex;justify-content:center;padding:12px}.btn-cancel{background:none;border:none;color:#64748b;font-size:14px;font-weight:500;padding:8px;text-align:center}.btn-cancel:hover{color:#1e293b}.otp-content{display:flex;flex-direction:column;gap:24px;padding:24px}.otp-header{border-bottom:1px solid #e2e8f0;padding-bottom:24px;text-align:center}.amount-display{margin-bottom:16px}.amount-label{color:#64748b;font-size:12px;letter-spacing:.5px;margin-bottom:8px}.amount-value{color:#2563eb;font-size:32px}.biller-summary{display:flex;flex-direction:column;gap:4px;margin-top:12px;text-align:left}.biller-name-small{word-wrap:break-word;color:#1e293b;font-size:14px;font-weight:600;line-height:1.4;margin:0;padding:0}.biller-type-location-small{align-items:center;color:#64748b;display:flex;font-size:12px;gap:4px;line-height:1.4;margin:0;padding:0}.biller-location-small,.biller-service-small{margin:0;padding:0}.consumer-id-small{align-items:center;display:flex;font-size:12px;gap:6px;margin:0;padding:0}.consumer-label-small{color:#64748b;font-weight:500}.consumer-value-small{color:#1e293b;font-family:Courier New,monospace;font-weight:600}.otp-instructions{text-align:center}.otp-instructions p{color:#64748b;font-size:14px;margin-bottom:16px}.otp-method-selector{display:flex;gap:8px;justify-content:center}.method-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;position:relative;transition:all .2s}.method-btn.active,.method-btn:hover{border-color:#2563eb;color:#2563eb}.method-btn.active{background:#eff6ff}.sent-badge{background:#10b981;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:-6px;top:-6px;white-space:nowrap}.otp-inputs{gap:8px}.otp-inputs input{border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:24px;font-weight:600;height:56px;text-align:center;transition:all .2s;width:48px}.otp-inputs input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.otp-inputs input.error{border-color:#ef4444}.otp-timer{color:#64748b;font-size:13px;text-align:center}.resend-btn{color:#2563eb;font-size:13px;font-weight:500;text-decoration:underline}.resend-btn:hover{color:#1d4ed8}.resend-btn:disabled{opacity:.5}.success-content{flex-direction:column;min-height:400px;padding:48px 24px;text-align:center}.success-content,.success-icon{align-items:center;display:flex;justify-content:center}.success-icon{background:#10b981;border-radius:50%;color:#fff;height:80px;margin-bottom:24px;width:80px}.success-content h2{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 24px}.success-details{margin-bottom:32px;width:100%}.success-amount{color:#2563eb;font-size:32px;font-weight:700;margin-bottom:12px}.success-biller{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:8px}.transaction-id{color:#64748b;font-family:Courier New,monospace;font-size:12px;margin-bottom:16px}.success-message{background:#f0f9ff;border-radius:8px;color:#64748b;font-size:14px;padding:16px}.account-dropdown-wrapper{position:relative}.account-dropdown-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:14px 16px;transition:all .2s;width:100%}.account-dropdown-btn:hover{border-color:#cbd5e0}.account-dropdown-btn svg{color:#64748b}.account-dropdown{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.account-option{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:12px 16px;transition:all .2s}.account-option:last-child{border-bottom:none}.account-option:hover{background:#f8fafc}.account-option-info{display:flex;flex-direction:column;gap:4px}.account-option-name{color:#1e293b;font-size:14px;font-weight:500}.account-option-number{color:#64748b;font-size:12px}.available-balance{font-size:13px;gap:8px;margin-top:4px}.balance-check-circle{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.balance-label{color:#059669;font-weight:600}.balance-value{color:#1e293b}.consumer-selection-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.consumer-selection-sidebar{animation:slideInRight .3s ease-out;background:#fff;box-shadow:-4px 0 12px #00000026;display:flex;flex-direction:column;height:100%;max-width:480px;overflow-y:auto;width:100%}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.sidebar-header{border-bottom:1px solid #e5e7eb;padding:1.5rem}.sidebar-header h2{color:#1f2937;font-size:1.5rem}.close-btn{border-radius:6px;color:#6b7280;padding:.5rem;transition:background-color .2s}.close-btn:hover{background-color:#f3f4f6}.biller-info-card{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:1.5rem}.biller-avatar{font-size:1rem;height:48px;width:48px}.biller-avatar img{padding:8px}.biller-details{flex:1 1}.biller-name{font-size:1rem}.biller-type-location{color:#6b7280;font-size:.875rem}.biller-location,.biller-service{color:#6b7280}.biller-separator{color:#9ca3af;margin:0 .25rem}.loading-state{color:#6b7280;padding:2rem}.existing-consumers-section{flex:1 1;padding:1.5rem}.existing-consumers-section h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.consumers-list{display:flex;flex-direction:column;gap:.75rem}.consumer-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;justify-content:space-between;padding:1rem;transition:all .2s}.consumer-item:hover{background-color:#f0f9ff;border-color:#3b82f6}.consumer-info{flex:1 1}.consumer-nickname{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:.25rem}.consumer-number{color:#6b7280;font-size:.875rem}.select-icon{color:#3b82f6;flex-shrink:0}.add-new-section{border-top:1px solid #e5e7eb;padding:1.5rem}.add-new-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:background-color .2s;width:100%}.add-new-btn:hover{background-color:#2563eb}.add-consumer-form{flex:1 1;padding:1.5rem}.add-consumer-form h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.form-field{margin-bottom:1.5rem}.form-field label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.input-wrapper{align-items:center;display:flex}.input-wrapper input{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.75rem 4rem .75rem .75rem;transition:border-color .2s;width:100%}.input-wrapper input:focus{border-color:#3b82f6;outline:none}.input-wrapper input.valid{border-color:#10b981}.valid-icon{align-items:center;color:#10b981;display:flex;position:absolute;right:3rem}.toggle-visibility{color:#6b7280;padding:.25rem;right:.75rem}.toggle-visibility:hover{color:#374151}.form-field input[type=text]{border:none;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-field input[type=text]:focus{border:none;outline:none}.helper-text{font-size:.75rem;line-height:1.4}.error-banner{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.form-actions{border-top:1px solid #e5e7eb;gap:.75rem;margin-top:2rem;padding-top:1.5rem}.btn-primary{background-color:#3b82f6;border-radius:6px;padding:.75rem 1rem;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-primary:disabled{opacity:.5}.btn-cancel{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:background-color .2s}.btn-cancel:hover{background-color:#f9fafb}@media (max-width:640px){.consumer-selection-sidebar{max-width:100%}}.bill-payments-page{background-color:#f5f5f5;min-height:100vh}.bill-payments-container{margin:0 auto;max-width:1400px;padding:2rem}.breadcrumb{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:1rem}.breadcrumb-link{color:#2563eb;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#1d4ed8;text-decoration:underline}.breadcrumb-separator{color:#64748b}.breadcrumb-current{color:#1f2937;font-weight:500}.bill-payments-header{margin-bottom:2rem}.bill-payments-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.bill-payments-header p{color:#6b7280;font-size:1rem}.quick-categories-section{margin-bottom:3rem}.quick-categories-section h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.categories-grid{flex-wrap:wrap;gap:10px;max-width:100%}.categories-grid,.category-card{box-sizing:border-box;width:100%}.category-card{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:inherit;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;text-decoration:none;transition:all .2s}.category-card-more{cursor:pointer}.category-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}@media (max-width:480px){.category-card{max-width:100%;width:100%}}.category-icon{border-radius:8px;height:36px;margin-bottom:.5rem;width:36px}.category-info{text-align:center;width:100%}.category-info h3{color:#1f2937;font-size:.875rem;font-weight:600;line-height:1.2;margin-bottom:.25rem}.category-info p{color:#6b7280;font-size:.75rem;line-height:1.2;margin:0}.bill-payments-main-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:65% 35%;margin-bottom:3rem}@media (max-width:1024px){.bill-payments-main-grid{grid-template-columns:1fr}}.bills-due-section{margin-bottom:0}.bills-due-section h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.bills-due-list{display:block}.bill-due-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:.75rem;padding:1rem}.bill-due-card.all-caught-up{border-left:none;padding:2rem;text-align:center}.bill-due-header-new{margin-bottom:.5rem;padding-right:100px;position:relative}.bill-due-header-new h3{color:#1f2937;font-size:1rem;font-weight:600;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bill-due-header-new .status-badge{position:absolute;right:0;top:0}.status-badge{flex-shrink:0}.status-badge.overdue{background-color:#fee2e2;color:#dc2626}.status-badge.due-soon{background-color:#fed7aa;color:#ea580c}.consumer-id{color:#6b7280;font-size:.8125rem;margin:0 0 .5rem}.bill-due-footer{border-top:1px solid #e5e7eb;display:block;margin-top:.5rem;overflow:hidden;padding-top:.5rem}.bill-due-footer .bill-amount{color:#1f2937;float:left;font-size:1rem;font-weight:600;line-height:32px}.due-date{clear:both;display:block;font-size:.75rem;margin-top:.5rem}.pay-now-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;float:right;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:background-color .2s}.pay-now-btn:hover{background-color:#2563eb}.all-caught-up-icon{align-items:center;background-color:#f3f4f6;border-radius:50%;color:#10b981;display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.all-caught-up-info h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.all-caught-up-info p{color:#6b7280}.my-billers-section{margin-bottom:0}.my-billers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.my-billers-header h2{color:#1f2937;font-size:1.5rem;font-weight:600}.add-biller-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s}.add-biller-btn:hover{background-color:#2563eb}.billers-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.billers-table table{border-collapse:collapse;width:100%}.billers-table thead{background-color:#f9fafb}.billers-table th{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.billers-table td{border-top:1px solid #e5e7eb;padding:1rem}.biller-cell{gap:1rem}.biller-avatar,.biller-cell{align-items:center;display:flex}.biller-avatar{border-radius:50%;color:#fff;font-size:.875rem;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.biller-avatar img{height:100%;object-fit:contain;padding:6px;width:100%}.biller-name{margin-bottom:.25rem}.biller-id{color:#6b7280;font-size:.875rem}.category-tag{border-radius:9999px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.last-paid{display:flex;flex-direction:column}.last-paid .amount{color:#1f2937;font-weight:600;margin-bottom:.25rem}.last-paid .date{color:#6b7280;font-size:.875rem}.actions-cell{align-items:center;display:flex;gap:.5rem}.pay-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:background-color .2s}.pay-btn:hover{background-color:#2563eb}.bills-due-section .security-tip{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;display:flex;gap:12px;margin-top:1.5rem;padding:16px;width:100%}.security-tip svg{color:#2563eb;flex-shrink:0;margin-top:2px}.security-tip-content{flex:1 1}.security-tip-content strong{color:#1e293b;display:block;font-size:13px;font-weight:600;margin-bottom:4px}.security-tip-content p{color:#64748b;font-size:12px;line-height:1.5;margin:0}.select-category-page{background-color:#f5f5f5;min-height:100vh}.select-category-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.search-and-badge{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.search-bar{flex:0 0 auto;max-width:400px;width:auto}.search-bar input{min-width:0}.bbps-badge{background-color:#dbeafe;border-radius:8px;color:#1e40af;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;min-width:0;padding:.75rem 1rem;white-space:nowrap}.bbps-badge,.checkmark{align-items:center;display:flex}.checkmark{background-color:#3b82f6;border-radius:50%;color:#fff;font-size:.75rem;height:20px;justify-content:center;width:20px}.categories-section{margin-bottom:2rem}.categories-section h2{color:#6b7280;font-size:1rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.category-tile{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .2s}.category-tile:hover{border-color:#3b82f6;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.category-tile.selected{background-color:#eff6ff;border-color:#3b82f6}.category-icon-wrapper{border-radius:50%;height:64px;width:64px}.category-icon,.category-icon-wrapper{align-items:center;display:flex;justify-content:center}.category-name{color:#1f2937;font-size:.875rem;font-weight:500;text-align:center}.help-text{color:#6b7280;font-size:.875rem;gap:.5rem;margin-top:2rem;text-align:center}.help-text,.info-icon{align-items:center;display:flex;justify-content:center}.info-icon{background-color:#e5e7eb;border-radius:50%;font-size:.75rem;font-weight:600;height:20px;width:20px}.help-text a{color:#3b82f6;text-decoration:none}.help-text a:hover{text-decoration:underline}.select-biller-page{background-color:#f5f5f5;min-height:100vh}.select-biller-container{margin:0 13%;max-width:1400px;padding:32px 24px;width:100%}.step-icon{background-color:#3b82f6}.step span{font-weight:500}.step span,.step.active span,.step.completed span{font-size:.875rem}.search-bar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;width:100%}.search-bar svg{color:#6b7280}.search-bar input{border:none;flex:1 1;font-size:1rem;outline:none}.billers-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.biller-item{align-items:center;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:background-color .2s}.biller-item:last-child{border-bottom:none}.biller-item:hover:not(.unavailable){background-color:#f9fafb}.biller-item.selected{background-color:#eff6ff}.biller-item.unavailable{cursor:not-allowed;opacity:.6}.biller-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.biller-icon img{height:100%;object-fit:contain;padding:8px;width:100%}.biller-name-row{margin-bottom:.25rem}.biller-name-row h3{color:#1f2937;font-size:1.125rem;font-weight:600}.verified-badge{align-items:center;background-color:#dbeafe;color:#1e40af;display:flex;gap:.25rem;padding:.25rem .5rem}.biller-details{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.unavailable-badge{align-items:center;background-color:#fed7aa;border-radius:9999px;color:#ea580c;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.biller-radio{flex-shrink:0}.biller-radio input[type=radio]{cursor:pointer;height:20px;width:20px}.biller-radio input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.bbps-footer{padding:1rem}.action-buttons{justify-content:space-between}.back-btn{color:#3b82f6;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:color .2s}.back-btn:hover{color:#2563eb;text-decoration:underline}.continue-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:background-color .2s}.continue-btn:hover:not(:disabled){background-color:#2563eb}.continue-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.enter-consumer-details-page{background-color:#f5f5f5;min-height:100vh}.enter-consumer-details-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 400px;margin:0 auto;max-width:1000px;padding:2rem}.progress-steps{grid-column:1/-1}.page-header{grid-column:1}.selected-biller-card{background:#fff;box-shadow:0 1px 3px #0000001a;gap:1rem;grid-column:1;margin-bottom:2rem;padding:1.5rem}.biller-icon-small,.selected-biller-card{align-items:center;border-radius:12px;display:flex}.biller-icon-small{background-color:#e5e7eb;font-size:1.5rem;height:48px;justify-content:center;width:48px}.biller-info p{color:#6b7280;font-size:.875rem}.change-link{color:#3b82f6;font-size:.875rem;font-weight:600;text-decoration:none}.change-link:hover{text-decoration:underline}.consumer-details-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;grid-column:1;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#1f2937;font-size:.875rem;margin-bottom:.5rem}.form-group input{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#3b82f6;outline:none}.form-group input.valid{border-color:#10b981}.input-wrapper{position:relative}.input-wrapper .valid-icon{color:#10b981;right:40px}.input-wrapper .valid-icon,.toggle-visibility{position:absolute;top:50%;transform:translateY(-50%)}.toggle-visibility{align-items:center;background:none;border:none;color:#3b82f6;cursor:pointer;display:flex;justify-content:center;padding:.5rem;right:10px}.helper-text{color:#6b7280;font-size:.875rem;margin-top:.5rem}.action-buttons{grid-column:1;margin-top:2rem}.cancel-btn{border:1px solid #3b82f6;color:#3b82f6}.cancel-btn:hover{background-color:#eff6ff}.fetch-bill-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.fetch-bill-btn:hover:not(:disabled){background-color:#2563eb}.fetch-bill-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.help-section{display:flex;flex-direction:column;gap:1rem;grid-column:2}.help-card{background:#eff6ff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.help-icon{font-size:2rem;margin-bottom:1rem}.help-content h4{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:.5rem}.help-content p{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.view-sample-btn{background:#1f2937;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.verified-biller-badge{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:2rem}.verified-biller-badge svg{color:#10b981}.verified-biller-badge span{color:#10b981;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.fetch-bill-page{background-color:#f5f5f5;min-height:100vh}.fetch-bill-container{margin:0 auto;max-width:800px;padding:2rem}.error-state,.fetching-state,.no-bill-state{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:4rem 2rem;text-align:center}.error-icon,.fetching-icon,.no-bill-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.fetching-icon{background-color:#eff6ff;color:#3b82f6}.no-bill-icon{background-color:#d1fae5;color:#10b981}.error-icon{background-color:#fee2e2;color:#ef4444}.spinner{animation:spin 1s linear infinite}.error-state h2,.fetching-state h2,.no-bill-state h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.error-state p,.fetching-state p,.no-bill-state p{color:#6b7280;margin-bottom:2rem}.bill-details-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.biller-header{margin-bottom:2rem}.biller-icon-large{align-items:center;background-color:#fef3c7;border-radius:12px;display:flex;height:64px;justify-content:center;width:64px}.biller-title h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.biller-name-row{align-items:center;display:flex;gap:.5rem}.verified-tag{color:#10b981;font-size:.875rem;font-weight:600}.amount-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.amount-label{color:#6b7280;font-size:.875rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.amount-value{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.due-date-info{align-items:center;color:#ef4444;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center}.bill-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{color:#6b7280;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.info-value{color:#1f2937;font-size:1rem;font-weight:600}.payment-options{border-top:1px solid #e5e7eb;margin-bottom:2rem;padding-top:1.5rem}.checkbox-option{cursor:pointer;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.checkbox-option input[type=checkbox]{cursor:pointer;height:20px;margin-right:.75rem;width:20px}.checkbox-option>div{align-items:center;display:flex;gap:.5rem}.checkbox-option span{color:#1f2937;font-weight:600}.recommended-tag{background-color:#fef3c7;border-radius:9999px;color:#d97706;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.option-description{color:#6b7280;font-size:.875rem;margin-left:2rem}.edit-link{color:#3b82f6;font-weight:600;text-align:center;text-decoration:none}.edit-link:hover{text-decoration:underline}.security-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:center;padding-top:1.5rem}.retry-btn,.save-biller-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.retry-btn:hover,.save-biller-btn:hover{background-color:#2563eb}.edit-details-link,.go-back-link{color:#3b82f6;font-weight:600;margin-left:1rem;text-decoration:none}.edit-details-link:hover,.go-back-link:hover{text-decoration:underline}.review-biller-details-page{background-color:#f5f5f5;min-height:100vh}.review-biller-details-container{margin:0 auto;max-width:800px;padding:2rem}.progress-steps{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;justify-content:center;margin-bottom:2rem;padding:1rem}.progress-steps,.step{align-items:center;display:flex}.step{flex:1 1;flex-direction:column;gap:.5rem}.step-number{background-color:#e5e7eb;color:#6b7280}.step-icon,.step-number{align-items:center;border-radius:50%;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.step-icon{background-color:#10b981;color:#fff}.step.active .step-number{background-color:#3b82f6;color:#fff}.step.completed .step-icon{background-color:#10b981}.step span{color:#6b7280;font-size:.75rem;text-align:center}.step.active span{color:#3b82f6;font-weight:600}.step.completed span{color:#10b981;font-weight:600}.step-line{background-color:#e5e7eb;flex:1 1;height:2px;margin:0 .5rem}.step-line.completed{background-color:#3b82f6}.biller-review-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:2rem}.biller-logo-large{position:relative}.logo-circle{font-size:.875rem;font-weight:700;height:64px;width:64px}.logo-circle,.verified-badge-small{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.verified-badge-small{background-color:#10b981;border:2px solid #fff;bottom:0;height:24px;position:absolute;right:0;width:24px}.biller-title-section{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.biller-title-section h2{color:#1f2937;font-size:1.25rem;font-weight:600}.verified-badge{background-color:green;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.biller-info-row{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:1rem;margin-bottom:2rem}.details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.check-icon{color:#10b981}.nickname-group{align-items:center;display:flex;gap:.5rem}.nickname-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:1rem;font-weight:600;padding:.5rem}.nickname-input:focus{border-color:#3b82f6;outline:none}.edit-nickname-btn{align-items:center;background:none;border:none;color:#3b82f6;cursor:pointer;display:flex;justify-content:center;padding:.25rem}.bill-due-info{display:flex;flex-direction:column;gap:.25rem}.due-date{color:#6b7280;font-size:.875rem}.bill-amount{color:#3b82f6;font-size:1.25rem;font-weight:700}.bbps-footer{align-items:center;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;justify-content:flex-end;letter-spacing:.05em;padding-top:1.5rem;text-transform:uppercase}.bbps-logo{background-color:#6b7280;border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem}.save-only-btn{background:#fff;border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.save-only-btn:hover{background-color:#eff6ff}.save-pay-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:background-color .2s}.save-pay-btn:hover{background-color:#2563eb}.review-bill-payment-page{background-color:#f5f5f5;min-height:100vh}.review-bill-payment-container{margin:0 auto;max-width:800px;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:#6b7280;font-size:1rem;text-align:left}.biller-details-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.biller-header{border-bottom:1px solid #e5e7eb;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.biller-header,.biller-logo{align-items:center;display:flex}.biller-logo{background-color:#10b981;border-radius:8px;color:#fff;font-size:.875rem;font-weight:700;height:48px;justify-content:center;width:48px}.biller-info{flex:1 1}.biller-info h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.biller-type{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.active-badge{background-color:#d1fae5;border-radius:9999px;color:#10b981;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.consumer-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.consumer-item{display:flex;flex-direction:column;gap:.5rem}.consumer-item .label{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.consumer-item .value{color:#1f2937;font-size:1rem;font-weight:600}.bill-summary-card{background:linear-gradient(180deg,#1e40af 0,#1e40af 60px,#fff 0,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.summary-header h3{color:#fff;font-size:1.125rem;font-weight:600}.document-icon{font-size:1.5rem}.summary-details{display:flex;flex-direction:column;gap:1rem}.summary-row{justify-content:space-between}.summary-label,.summary-row{align-items:center;display:flex}.summary-label{color:#6b7280;font-size:.875rem;gap:.5rem}.info-icon{color:#6b7280}.summary-value{color:#1f2937;font-size:24px;font-weight:600}.summary-value.free{color:#10b981}.summary-value-group{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.due-in-badge{color:#ea580c;font-size:.75rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#d1d5db;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translateX(20px)}.total-payable{align-items:center;border-top:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem}.total-label{color:#1f2937;font-size:1rem;font-weight:600}.total-amount{color:#3b82f6;font-size:1.5rem;font-weight:700}.pay-from-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.pay-from-card h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.account-dropdown{border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.account-dropdown:focus{border-color:#3b82f6;outline:none}.available-balance{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.important-notice{background:#fff;border-left:4px solid #3b82f6;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.notice-bar{background-color:#3b82f6;border-radius:2px;width:4px}.notice-content{display:flex;flex:1 1;gap:.75rem}.notice-icon{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.notice-content p{color:#6b7280;font-size:.875rem;line-height:1.5}.action-buttons{margin-bottom:1rem}.cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;flex:1 1;padding:.75rem 1.5rem;transition:all .2s}.cancel-btn:hover{background-color:#f9fafb}.proceed-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:background-color .2s}.proceed-btn:hover{background-color:#2563eb}.security-footer{color:#6b7280;font-size:.875rem;margin-top:1rem;text-align:center}.authorize-payment-page{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.authorize-payment-container{max-width:600px;width:100%}.authorize-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.card-header{margin-bottom:2rem;text-align:center}.card-header h1{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.card-header p{color:#6b7280;font-size:.875rem}.payment-details{background-color:#f9fafb;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.detail-item{align-items:center;justify-content:space-between;margin-bottom:1rem}.detail-item:last-child{margin-bottom:0}.detail-icon{font-size:1.25rem}.detail-amount{color:#1f2937;font-size:1.5rem;font-weight:700}.auth-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:1.5rem}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-weight:600;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s}.tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.mpin-section,.otp-section{margin-bottom:2rem}.mpin-instruction,.otp-instruction{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem;text-align:center}.otp-inputs{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.otp-input{border:2px solid #d1d5db;border-radius:8px;font-size:1.5rem;font-weight:600;height:48px;text-align:center;transition:border-color .2s;width:48px}.otp-input:focus{border-color:#3b82f6;outline:none}.resend-section{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between}.resend-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:600;padding:0}.resend-btn:disabled{color:#9ca3af;cursor:not-allowed}.resend-btn.active{color:#3b82f6}.mpin-input{border:2px solid #d1d5db;border-radius:8px;font-size:1.5rem;font-weight:600;letter-spacing:.5rem;padding:1rem;text-align:center;transition:border-color .2s;width:100%}.mpin-input:focus{border-color:#3b82f6;outline:none}.action-buttons{flex-direction:column;gap:.75rem}.confirm-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:background-color .2s}.confirm-btn:hover{background-color:#2563eb}.cancel-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-weight:600;padding:.75rem}.cancel-btn:hover{color:#1f2937}.card-footer{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.card-footer,.security-info{color:#6b7280;font-size:.875rem}.security-info{display:flex;gap:2rem;justify-content:center}.security-item{align-items:center;display:flex;gap:.5rem}.error-message{color:#ef4444;padding:2rem;text-align:center}.payment-confirmation-page{background-color:#f5f5f5;min-height:100vh}.payment-confirmation-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:800px;min-height:calc(100vh - 200px);padding:2rem}.confirmation-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:3rem;text-align:center;width:100%}.status-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.status-icon.success{background-color:#d1fae5;color:#10b981}.status-icon.pending{background-color:#dbeafe;color:#3b82f6}.status-icon.failed{background-color:#fee2e2;color:#ef4444}.confirmation-card h1{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.confirmation-card p{color:#6b7280;margin-bottom:2rem}.amount-display{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:2rem}.payment-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem;text-align:left}.detail-item{gap:.5rem}.detail-label{color:#6b7280;font-size:.75rem;letter-spacing:.05em}.detail-value{color:#1f2937;font-size:1rem;font-weight:600}.detail-value-group{align-items:center;display:flex;gap:.5rem}.biller-icon-small{font-size:1.25rem}.bbps-verified{align-items:center;color:#10b981;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-bottom:2rem}.action-buttons{display:flex;gap:1rem;margin-bottom:1.5rem}.back-billers-btn,.back-dashboard-btn,.download-receipt-btn,.pay-another-btn,.retry-btn,.view-history-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.pay-another-btn{background-color:#3b82f6;border:none;color:#fff}.pay-another-btn:hover{background-color:#2563eb}.download-receipt-btn{background:#fff;border:1px solid #d1d5db;color:#1f2937}.download-receipt-btn:hover{background-color:#f9fafb}.view-history-btn{background:#fff;border:1px solid #3b82f6;color:#3b82f6}.view-history-btn:hover{background-color:#eff6ff}.back-dashboard-btn{background-color:#3b82f6;border:none;color:#fff}.back-dashboard-btn:hover{background-color:#2563eb}.retry-btn{background-color:#3b82f6;border:none;color:#fff}.retry-btn:hover{background-color:#2563eb}.back-billers-btn{background:#fff;border:1px solid #d1d5db;color:#1f2937}.back-billers-btn:hover{background-color:#f9fafb}.back-link{align-items:center;color:#3b82f6;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;text-decoration:none}.back-link:hover{text-decoration:underline}.transaction-details{background-color:#f9fafb;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.detail-row{margin-bottom:1rem}.detail-row:last-child{margin-bottom:0}.status-badge{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.status-badge.pending{background-color:#fef3c7;color:#d97706}.reference-group{align-items:center;display:flex;gap:.5rem}.reference-value{color:#1f2937;font-weight:600}.copy-btn{align-items:center;background:none;border:none;color:#3b82f6;cursor:pointer;display:flex;justify-content:center;padding:.25rem}.info-banner{align-items:flex-start;background-color:#dbeafe;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem;text-align:left}.info-icon{color:#3b82f6;flex-shrink:0;font-size:1.25rem}.info-banner span:last-child{color:#1e40af;font-size:.875rem}.security-indicator{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.05em;text-transform:uppercase}.biller-details{align-items:center;border-radius:8px;text-align:left}.biller-icon-large{font-size:2rem}.biller-name{color:#1f2937;font-size:1.125rem;font-weight:600}.failure-details{background-color:#f9fafb;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.failure-reason{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding-bottom:1rem}.error-text{font-size:1rem;font-weight:600}.error-code,.support-link{color:#6b7280;font-size:.875rem}.support-link{margin-top:1.5rem}.support-link a{color:#3b82f6;text-decoration:none}.support-link a:hover{text-decoration:underline}.bharat-connect{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1.5rem}.bharat-logo{background:linear-gradient(135deg,#10b981,#fcd34d);border-radius:50%;height:32px;width:32px}.imt-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.imt-container{flex:1 1;margin:0 auto;max-width:1400px;padding:32px 24px;width:100%}.imt-header{margin-bottom:32px}.imt-header h1{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 8px}.imt-header p{color:#64748b;font-size:16px;margin:0}.imt-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 400px}@media (max-width:1024px){.imt-grid{grid-template-columns:1fr}}.imt-main-content{display:flex;flex-direction:column;gap:32px}.imt-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.imt-card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.imt-card-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.imt-view-all{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;font-weight:500;padding:0}.imt-view-all:hover{text-decoration:underline}.imt-hero-content{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:24px}.imt-hero-text h2{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.imt-hero-text p{color:#64748b;font-size:14px;margin:0}.btn-primary{align-items:center;display:inline-flex;font-weight:500;gap:8px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.btn-primary:hover{background:#1d4ed8}.icon-arrow{font-size:18px}.imt-info-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.imt-info-card{align-items:flex-start;background:#eff6ff;border-radius:8px;display:flex;gap:12px;padding:16px}.imt-info-card .icon-exchange,.imt-info-card .icon-verified{color:#2563eb;font-size:20px;margin-top:2px}.imt-info-card h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px}.imt-info-card p{color:#64748b;font-size:12px;margin:0}.imt-receivers-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.imt-receivers-scroll::-webkit-scrollbar{height:6px}.imt-receivers-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.imt-receivers-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.imt-receiver-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;min-height:192px;padding:16px;position:relative;transition:all .2s;width:176px}.imt-receiver-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.imt-add-receiver{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;cursor:pointer;justify-content:center}.imt-add-receiver:hover{background:#eff6ff;border-color:#2563eb}.imt-receiver-avatar-wrapper{display:flex;justify-content:center;margin-bottom:12px;position:relative}.imt-receiver-avatar{align-items:center;border-radius:50%;display:flex;font-size:20px;font-weight:700;height:56px;justify-content:center;width:56px}.imt-add-avatar{background:#dbeafe;color:#2563eb;font-size:32px;height:48px;width:48px}.imt-country-badge{align-items:center;background:#e2e8f0;border:2px solid #fff;border-radius:50%;bottom:0;color:#475569;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;position:absolute;right:calc(50% - 40px);width:20px}.imt-receiver-info{margin-bottom:12px;text-align:center}.imt-receiver-info h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imt-receiver-details{color:#64748b;font-size:12px;margin-bottom:2px}.imt-receiver-account{color:#94a3b8;font-size:12px}.imt-send-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;opacity:0;padding:8px 12px;transform:translateY(8px);transition:all .2s;width:100%}.imt-receiver-card:hover .imt-send-btn{opacity:1;transform:translateY(0)}.imt-send-btn:hover{background:#1d4ed8}.imt-table-wrapper{overflow-x:auto}.imt-table{border-collapse:collapse;width:100%}.imt-table thead{background:#f8fafc}.imt-table th{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.imt-table td{border-top:1px solid #e2e8f0;color:#1e293b;font-size:14px;padding:16px}.imt-receiver-name{font-weight:500}.imt-amount-primary{color:#1e293b;font-weight:500}.imt-amount-secondary{color:#64748b;font-size:12px;margin-top:2px}.imt-status-badge{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:12px;font-weight:600;padding:4px 12px}.imt-status-completed{background:#dcfce7;color:#166534}.imt-sidebar{display:flex;flex-direction:column;gap:24px}.imt-sidebar-title{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.imt-actions-list{display:flex;flex-direction:column;gap:12px}.imt-action-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:12px;text-align:left;transition:all .2s;width:100%}.imt-action-item:hover{background:#f8fafc;border-color:#e2e8f0}.imt-action-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.imt-action-icon-indigo{background:#eef2ff;color:#4f46e5}.imt-action-icon-teal{background:#f0fdfa;color:#14b8a6}.imt-action-icon-orange{background:#fff7ed;color:#f97316}.imt-action-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.imt-action-title{color:#1e293b;font-size:14px;font-weight:600}.imt-action-sub{color:#64748b;font-size:12px}.imt-action-arrow{color:#94a3b8;font-size:20px}.imt-rates-list{display:flex;flex-direction:column;gap:16px}.imt-rate-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-bottom:16px}.imt-rate-item:last-child{border-bottom:none}.imt-rate-left{gap:12px}.imt-rate-flag,.imt-rate-left{align-items:center;display:flex}.imt-rate-flag{background:#e2e8f0;border-radius:50%;color:#475569;font-size:10px;font-weight:700;height:32px;justify-content:center;width:32px}.imt-rate-currency{color:#1e293b;font-size:14px;font-weight:700}.imt-rate-right{text-align:right}.imt-rate-value{font-feature-settings:"tnum";color:#1e293b;font-size:14px;font-variant-numeric:tabular-nums;font-weight:700}.imt-rate-change{align-items:center;display:flex;font-size:11px;font-weight:500;gap:2px;justify-content:flex-end;margin-top:2px}.imt-rate-up{color:#dc2626}.imt-rate-down{color:#16a34a}.imt-rates-footer{border-top:1px solid #f1f5f9;margin-top:24px;padding-top:16px;text-align:center}.imt-rates-footer p{color:#94a3b8;font-size:12px;margin:0}.imt-flow-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;width:100%}.imt-flow-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.imt-flow-header{align-items:center;box-sizing:border-box;display:flex;gap:16px;margin-bottom:24px;width:100%}.imt-back-btn{background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;font-size:24px;padding:8px;transition:all .2s}.imt-back-btn:hover{background:#e2e8f0;color:#1e293b}.imt-page-title{color:#1e293b;font-size:28px;font-weight:700;margin:0}.imt-flow-steps{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;justify-content:center;margin-bottom:32px;padding:24px;width:100%}.imt-flow-steps,.imt-step-item{align-items:center;display:flex}.imt-step-item{flex-direction:column;gap:8px;position:relative}.imt-step-number{background-color:#e5e7eb;color:#6b7280;transition:all .3s}.imt-step-icon,.imt-step-number{align-items:center;border-radius:50%;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.imt-step-icon{background-color:#10b981;color:#fff}.imt-step-item.active .imt-step-number{background-color:#3b82f6;color:#fff}.imt-step-item.completed .imt-step-icon{background-color:#10b981}.imt-step-label{color:#6b7280;font-size:.875rem;font-weight:500;text-align:center}.imt-step-item.active .imt-step-label{color:#3b82f6;font-weight:600}.imt-step-item.completed .imt-step-label{color:#10b981;font-weight:600}.imt-step-line{background-color:#e5e7eb;flex:1 1;height:2px;margin:0 .5rem;min-width:60px;transition:all .3s}.imt-step-line.completed{background-color:#3b82f6}@media (max-width:640px){.imt-step-label{font-size:.75rem}.imt-step-line{min-width:30px}}.imt-flow-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;min-height:400px;padding:32px;transition:opacity .2s;width:100%}.imt-flow-card-disabled{opacity:.2;pointer-events:none}.imt-flow-step-content{animation:slideUp .3s ease-out;box-sizing:border-box;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.imt-flow-step-content h3{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 24px}.imt-amount-inputs{grid-gap:24px;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:24px;width:100%}@media (max-width:640px){.imt-amount-inputs{grid-template-columns:1fr}}.imt-amount-input-group{display:flex;flex-direction:column;gap:8px}.imt-amount-input-group label{color:#1e293b;font-size:14px;font-weight:500}.imt-amount-input-wrapper{align-items:center;display:flex;position:relative}.imt-amount-input-wrapper input{border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;flex:1 1;font-size:14px;padding:12px 16px}.imt-amount-input-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.imt-amount-disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.imt-amount-input-wrapper select{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:14px;padding:4px 8px;position:absolute;right:8px}.imt-currency-label{color:#64748b;font-size:14px;position:absolute;right:16px}.imt-exchange-rate-banner{align-items:center;background:#eff6ff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.imt-exchange-rate-banner span:first-child{color:#475569;font-size:14px}.imt-rate-display{align-items:center;color:#2563eb;display:flex;font-weight:700;gap:4px}.imt-live-indicator{animation:pulse 2s infinite;color:#2563eb;font-size:12px}.imt-promo-section{margin-bottom:24px}.imt-promo-section label{color:#1e293b;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.imt-promo-input-group{display:flex;gap:8px}.imt-promo-input{border:1px solid #cbd5e1;border-radius:8px;flex:1 1;font-size:14px;padding:8px 12px;text-transform:uppercase}.imt-promo-btn{background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.imt-promo-btn:hover:not(:disabled){background:#0f172a}.imt-promo-btn:disabled{cursor:not-allowed;opacity:.5}.imt-promo-message{font-size:12px;margin-top:8px}.imt-promo-valid{color:#16a34a}.imt-promo-invalid{color:#dc2626}.imt-fee-section{border-top:1px solid #f1f5f9;padding-top:16px}.imt-fee-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.imt-fee-discount{color:#16a34a}.imt-purpose-list{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;width:100%}.imt-purpose-item{align-items:flex-start;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.imt-purpose-item:hover{border-color:#93c5fd}.imt-purpose-selected{background:#eff6ff;border-color:#2563eb}.imt-purpose-item input[type=radio]{accent-color:#2563eb;margin-top:4px}.imt-purpose-content{flex:1 1}.imt-purpose-name{color:#1e293b;display:block;font-weight:600;margin-bottom:4px}.imt-purpose-desc{color:#64748b;display:block;font-size:14px}.imt-purpose-fields{animation:fadeIn .3s;margin-top:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.imt-purpose-fields-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.imt-purpose-field{display:flex;flex-direction:column;gap:4px}.imt-purpose-field label{color:#64748b;font-size:12px;font-weight:500}.imt-purpose-field input{border:1px solid #cbd5e1;border-radius:6px;font-size:14px;padding:6px 12px}.imt-upload-section{background:#fff;border:2px dashed #cbd5e1;border-radius:8px;padding:24px;text-align:center}.imt-upload-icon{color:#94a3b8;font-size:32px;margin-bottom:8px}.imt-upload-section p{color:#64748b;font-size:12px;margin-bottom:16px}.imt-uploaded-files{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.imt-uploaded-file{align-items:center;background:#f1f5f9;border-radius:4px;display:flex;font-size:12px;gap:8px;padding:4px 8px}.imt-uploaded-file span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imt-uploaded-file button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:18px;line-height:1;padding:0}.imt-upload-btn{color:#2563eb;cursor:pointer;font-size:14px;font-weight:500;text-decoration:underline}.imt-file-input{display:none}.imt-receiver-search{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;display:flex;gap:.75rem;margin-bottom:24px;padding:.75rem 1rem;width:100%}.imt-receiver-search svg{color:#6b7280;flex-shrink:0}.imt-receiver-search input{border:none;flex:1 1;font-size:1rem;min-width:0;outline:none}.imt-receiver-selection{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);width:100%}@media (max-width:1200px){.imt-receiver-selection{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.imt-receiver-selection{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.imt-receiver-selection{grid-template-columns:1fr}}.imt-add-receiver-btn{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:24px;transition:all .2s}.imt-add-receiver-btn:hover{background:#eff6ff;border-color:#2563eb}.imt-add-icon{color:#2563eb;font-size:32px;margin-bottom:8px}.imt-receiver-option{border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:16px;position:relative;transition:all .2s}.imt-receiver-option:hover{border-color:#93c5fd}.imt-receiver-selected{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.imt-receiver-option-avatar{margin-bottom:12px}.imt-receiver-option-avatar>div{align-items:center;border-radius:50%;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.imt-receiver-option-info h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px}.imt-receiver-option-info p{color:#64748b;font-size:12px;margin:0}.imt-receiver-country{color:#94a3b8;font-size:12px;font-weight:700;position:absolute;right:16px;top:16px}.imt-summary-card{background:#f8fafc;border-radius:8px;box-sizing:border-box;margin-bottom:24px;padding:16px;width:100%}.imt-summary-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.imt-summary-row span:first-child{color:#64748b}.imt-summary-row span:last-child{color:#1e293b;font-weight:500}.imt-source-funds{box-sizing:border-box;margin-bottom:24px;width:100%}.imt-source-funds label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.imt-source-funds select{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.imt-charges-breakdown{border-top:1px solid #e2e8f0;box-sizing:border-box;margin-bottom:24px;padding-top:16px;width:100%}.imt-charge-row{color:#475569;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.imt-charge-discount{color:#16a34a}.imt-tcs-note{background:#fff7ed;border-radius:6px;color:#ea580c;font-size:12px;margin-top:8px;padding:8px}.imt-total-row{border-top:1px solid #e2e8f0;color:#1e293b;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-top:12px;padding-top:12px}.imt-terms-checkbox{align-items:flex-start;display:flex;gap:8px;padding-top:16px}.imt-terms-checkbox input[type=checkbox]{accent-color:#2563eb;margin-top:4px}.imt-terms-checkbox label{color:#64748b;font-size:12px;line-height:1.5}.imt-flow-actions{border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:32px;padding-top:24px}.imt-btn-secondary{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.imt-btn-secondary:hover{background:#f8fafc}.imt-btn-primary{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 32px;transition:all .2s}.imt-btn-primary:hover:not(:disabled){background:#1d4ed8}.imt-btn-primary:disabled{cursor:not-allowed;opacity:.5}.imt-otp-section{box-sizing:border-box;margin:0 auto;max-width:500px;padding:32px;width:100%}.imt-otp-header{margin-bottom:32px;text-align:center}.imt-otp-icon{align-items:center;background:#dbeafe;border-radius:50%;color:#2563eb;display:flex;font-size:24px;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.imt-otp-header h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.imt-otp-header p{color:#64748b;font-size:14px;margin:0}.imt-otp-inputs{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.imt-otp-input{border:1px solid #cbd5e1;border-radius:8px;font-size:20px;font-weight:700;height:48px;text-align:center;width:40px}.imt-otp-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.imt-spinner{animation:spin .6s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.fx-alerts-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;width:100%}.fx-alerts-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;min-width:0;padding:24px;width:100%}.loading-state{padding:60px 20px;text-align:center}.fx-alerts-header{margin-bottom:32px}.fx-alerts-header-content{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;width:100%}.fx-alerts-header-content>div:first-child{flex:1 1;min-width:0}.fx-alerts-header h1{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 8px}.fx-alerts-header p{color:#64748b;font-size:16px;margin:0}.error-message{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;justify-content:space-between;margin-bottom:24px;padding:12px 16px}.close-error,.error-message{align-items:center;color:#991b1b;display:flex}.close-error{background:none;border:none;cursor:pointer;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.close-error:hover{opacity:.7}.fx-alerts-content{display:flex;flex-direction:column;gap:24px}.btn-primary{background:linear-gradient(135deg,#f59e0b,#f97316);font-size:14px}.btn-primary.btn-small{flex-shrink:0;font-size:13px;max-width:-webkit-fit-content;max-width:fit-content;min-width:auto;padding:8px 16px;white-space:nowrap;width:auto}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b4d}.btn-secondary{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-delete{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-delete:hover{background:#fecaca;border-color:#f87171}.fx-alert-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.fx-alert-form-card h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 24px}.form-group label{color:#374151;font-weight:500}.form-group input[type=number],.form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input[type=number]:focus,.form-group select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.current-rate-hint{color:#64748b;font-size:12px;margin-top:6px}.form-actions{justify-content:flex-end;margin-top:24px}.empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:#64748b;font-size:14px;margin:0 0 24px}.fx-alerts-list{display:flex;flex-direction:column;gap:16px}.fx-alerts-list h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.fx-alerts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.fx-alert-grid-item{grid-gap:24px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;padding:24px;transition:all .2s;width:100%}.fx-alert-grid-item:hover{box-shadow:0 4px 12px #0000001a}.fx-alert-grid-item.triggered{background:linear-gradient(90deg,#fff,#fef3c7);border-color:#f59e0b}.grid-currency-icon,.grid-currency-icon .currency-flag{align-items:center;display:flex;justify-content:center}.grid-currency-icon .currency-flag{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;font-weight:700;height:48px;width:48px}.grid-currency{display:flex;flex-direction:column;gap:4px}.currency-code{color:#1e293b;font-size:16px;font-weight:600}.grid-label{color:#64748b;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.grid-value{color:#1e293b;font-size:14px;font-weight:500}.grid-value.highlight{color:#f59e0b;font-weight:600}.grid-alert-type,.grid-current-rate,.grid-target-rate{display:flex;flex-direction:column}.grid-action{display:flex;justify-content:flex-end}.grid-action .btn-delete{font-size:13px;padding:8px 16px;white-space:nowrap}.fx-alert-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s}.fx-alert-card:hover{box-shadow:0 4px 12px #0000001a}.fx-alert-card.triggered{background:linear-gradient(90deg,#fff,#fef3c7);border-color:#f59e0b}.fx-alert-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.fx-alert-currency{align-items:center;display:flex;gap:12px}.currency-flag{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:48px;justify-content:center;width:48px}.fx-alert-currency h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 4px}.currency-name{color:#64748b;font-size:12px}.triggered-badge{animation:pulse 2s infinite;background:#f59e0b;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fx-alert-details{margin-bottom:16px}.detail-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.detail-row .label{color:#64748b}.detail-row .value{color:#1e293b;font-weight:500}.detail-row .value.highlight{color:#f59e0b;font-weight:600}.fx-alert-actions{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding-top:16px}@media (max-width:1200px){.fx-alert-grid-item{gap:20px;grid-template-columns:1fr 1fr 1fr}.grid-action,.grid-alert-type,.grid-currency,.grid-currency-icon,.grid-current-rate,.grid-target-rate{grid-column:span 1}}@media (max-width:900px){.fx-alert-grid-item{gap:16px;grid-template-columns:1fr 1fr}.grid-action,.grid-alert-type,.grid-currency,.grid-currency-icon,.grid-current-rate,.grid-target-rate{grid-column:span 1}}@media (max-width:600px){.fx-alert-grid-item{gap:16px;grid-template-columns:1fr}.grid-action,.grid-alert-type,.grid-current-rate,.grid-target-rate{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}}@media (max-width:768px){.fx-alerts-container{padding:24px 16px}.fx-alerts-header-content{align-items:stretch;flex-direction:column}.fx-alerts-header-content .btn-primary{width:100%}.fx-alert-header{align-items:flex-start;gap:12px}.form-actions,.fx-alert-header{flex-direction:column}.form-actions button{width:100%}.fx-alerts-grid{grid-template-columns:1fr}}.add-receiver-overlay{align-items:stretch;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.add-receiver-sidebar{background:#fff;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;max-width:90vw;overflow-y:auto;width:480px}.sidebar-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sidebar-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.close-btn:hover{background:#f1f5f9;color:#1e293b}.sidebar-subtitle{color:#64748b;font-size:14px;padding:0 24px 24px}.form-content{flex:1 1;padding:0 24px 24px}.form-group label{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group .required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:14px;padding:12px;transition:all .2s;width:100%}.form-group input{padding-left:30px}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-text{color:#ef4444;display:block;font-size:12px;margin-top:4px}.error-banner{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:14px;margin-bottom:20px;padding:12px}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;margin-top:32px;padding-top:24px}.btn-primary{background:#2563eb;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-link{border-radius:8px;color:#64748b;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-link:hover{background:#f1f5f9;color:#1e293b}@media (max-width:768px){.add-receiver-sidebar{max-width:100%;width:100%}}.manage-international-receivers-page{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.manage-receivers-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.page-header{display:flex;flex-direction:column;margin-bottom:32px;width:100%}.page-header-row{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:8px;width:100%}.page-header-row h1{color:#0c1c48;flex:1 1;font-size:32px;font-weight:700;margin:0}.page-subtitle{color:#64748b;font-size:16px;margin:4px 0 0}.btn-add-receiver{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-add-receiver:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-add-receiver:active{transform:translateY(0)}.search-section{margin-bottom:32px}.search-wrapper{max-width:600px;position:relative}.search-icon{color:#94a3b8;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px 16px 12px 48px;transition:all .2s;width:100%}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:64px 24px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:48px;margin-bottom:16px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:64px 24px;text-align:center}.empty-state p{font-size:18px;margin-bottom:24px}.receivers-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:32px}.receiver-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:24px;transition:all .2s}.receiver-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.receiver-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.receiver-avatar{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:56px;justify-content:center;width:56px}.receiver-actions{display:flex;gap:8px}.btn-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0c1c48}.btn-icon-danger{color:#dc2626}.btn-icon-danger:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.receiver-content{flex:1 1}.receiver-name{color:#0c1c48;font-size:18px;font-weight:600;margin:0 0 4px}.receiver-nickname{color:#64748b;font-size:14px;margin:0 0 16px}.receiver-details{gap:12px}.detail-item,.receiver-details{flex-direction:column;text-align:left}.detail-item{display:flex;gap:4px}.detail-label{color:#94a3b8;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.detail-label,.detail-value{font-weight:500;text-align:left}.detail-value{color:#0c1c48;font-size:14px}.pagination{border-top:1px solid #e2e8f0;justify-content:space-between;padding:24px 0}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0c1c48;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#64748b;font-size:14px}@media (max-width:768px){.receivers-grid{grid-template-columns:1fr}.page-header-row{flex-wrap:wrap}.page-header-row h1{margin-bottom:12px;width:100%}.btn-add-receiver{justify-content:center;width:100%}.pagination{flex-direction:column;gap:16px}.pagination-btn{justify-content:center;width:100%}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-auto{width:auto}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-\[var\(--bank-border\)\]{border-color:#e1e5eb;border-color:var(--bank-border)}.border-\[var\(--bank-primary\)\]{border-color:#1e40af;border-color:var(--bank-primary)}.border-blue-700{--tw-border-opacity:1;border-color:#1d4ed8;border-color:rgb(29 78 216/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[var\(--bank-light-bg\)\]{background-color:#f8f9fb;background-color:var(--bank-light-bg)}.bg-\[var\(--bank-primary\)\]{background-color:#1e40af;background-color:var(--bank-primary)}.bg-amber-100{--tw-bg-opacity:1;background-color:#fef3c7;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:#e0e7ff;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-\[var\(--bank-light-bg\)\]{--tw-gradient-from:var(--bank-light-bg) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[var\(--bank-primary\)\]{--tw-gradient-from:var(--bank-primary) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[var\(--bank-primary-hover\)\]{--tw-gradient-to:var(--bank-primary-hover) var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.object-contain{object-fit:contain}.p-12{padding:3rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-\[var\(--bank-primary\)\]{color:#1e40af;color:var(--bank-primary)}.text-amber-600{--tw-text-opacity:1;color:#d97706;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-100{--tw-text-opacity:1;color:#dbeafe;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:#4f46e5;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bank-primary:#1e40af;--bank-primary-hover:#1e3a8a;--bank-light-bg:#f8f9fb;--bank-border:#e1e5eb}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.btn-primary{background:#1e40af;color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:#1e3a8a;box-shadow:0 4px 8px #1e40af4d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:#1e40af;color:#fff;transform:translateY(0)}.btn-primary:disabled{background:#1e40af;color:#fff;cursor:not-allowed;opacity:.6}.btn-secondary{background:#64748b;color:#fff}.btn-secondary:hover:not(:disabled){background:#475569}.btn-outline{background:#0000;border:2px solid #0c1c48;color:#0c1c48}.btn-outline:hover:not(:disabled){background:#0c1c48;color:#fff}.btn-link{background:none;border:none;color:#0c1c48;cursor:pointer;padding:0;text-decoration:underline}.form-group{margin-bottom:20px}.form-label{color:#4a5568;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{border:1px solid #cbd5e0;border-radius:8px;color:#2d3748;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus{border-color:#0c1c48;box-shadow:0 0 0 3px #1d4ed81a;outline:none}.form-input::placeholder{color:#a0aec0}.form-error{color:#dc2626;font-size:12px;margin-top:6px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.container{margin:0 auto;max-width:1400px;padding:0 20px}@media (max-width:768px){.container{padding:0 16px}}.hover\:border-\[var\(--bank-primary\)\]:hover{border-color:#1e40af;border-color:var(--bank-primary)}.hover\:bg-\[var\(--bank-primary\)\]:hover{background-color:#1e40af;background-color:var(--bank-primary)}.hover\:bg-\[var\(--bank-primary-hover\)\]:hover{background-color:#1e3a8a;background-color:var(--bank-primary-hover)}.hover\:text-\[var\(--bank-primary\)\]:hover{color:#1e40af;color:var(--bank-primary)}.hover\:text-\[var\(--bank-primary-hover\)\]:hover{color:#1e3a8a;color:var(--bank-primary-hover)}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-md:hover,.hover\:shadow-sm:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-28{padding-bottom:7rem;padding-top:7rem}.lg\:text-5xl{font-size:3rem;line-height:1}}
/*# sourceMappingURL=main.6c09945b.css.map*/