a{color:#4f449b;text-decoration:none}a:hover{text-decoration:underline}html{height:100%}body{height:inherit;padding-bottom:60px}main{height:auto;display:flex;flex-direction:column}.page-title{height:80px;color:#222;font-size:1.25rem;font-weight:800;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:flex-start}.iframe-container{height:inherit;display:flex;flex-direction:column}.iframe-content{flex-grow:1;margin-bottom:65px}@media(width <= 768px){body{height:100%}body>.container{display:flex;width:100%;height:100%;flex-direction:column}.iframe-content{flex-grow:1;margin-bottom:5px;height:100%}.iframe-content iframe{width:100%;height:100%}}.low-balance-settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.low-balance-settings-modal-new{background-color:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.15);display:flex;flex-direction:column;animation:slide-up .3s ease-out}.modal-header-new{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;background-color:#f8fafc}.modal-header-new .user-info{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.modal-header-new .user-info .user-name{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;line-height:1.3}.modal-header-new .user-info .remove-account-btn{display:flex;align-items:center;gap:6px;background:none;border:none;font-size:.875rem;color:#6b7280;cursor:pointer;padding:4px 0;transition:color .2s ease}.modal-header-new .user-info .remove-account-btn:hover{color:#dc2626}.modal-header-new .user-info .remove-account-btn svg{width:16px;height:16px}.modal-header-new .close-button-new{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px;transition:all .2s ease}.modal-header-new .close-button-new:hover{color:#374151;background-color:#f3f4f6}.modal-header-new .close-button-new svg{width:24px;height:24px}.modal-content-new{padding:24px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:32px}.settings-section-new .section-header-new{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-section-new .section-header-new h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.settings-section-new .section-content-new{display:flex;flex-direction:column;gap:20px;margin-left:12px}.settings-section-new .section-content-new .section-subtitle{font-size:.875rem;color:#6b7280;margin-bottom:8px}.balance-inputs{display:flex;gap:20px}@media(max-width:768px){.balance-inputs{flex-direction:column;gap:16px}}.input-group{flex:1;display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:4px}.input-group .currency-input{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:border-color .2s ease}.input-group .currency-input:focus-within{border-color:#3b82f6}.input-group .currency-input .currency-symbol{background-color:#f9fafb;padding:12px 16px;font-size:1rem;font-weight:500;color:#6b7280;border-right:2px solid #e5e7eb}.input-group .currency-input input{flex:1;padding:12px 16px;border:none;outline:none;font-size:1rem;color:#1f2937;background-color:#fff}.input-group .currency-input input.error{background-color:#fef2f2}.input-group .currency-input input::placeholder{color:#9ca3af}.payment-method-section-new h4{margin:0 0 12px;font-size:1rem;font-weight:500;color:#374151}.payment-method-section-new .payment-method-tabs{display:flex;border:2px solid #e5e7eb;border-radius:8px;background-color:#f8fafc;margin-bottom:16px;overflow:hidden}.payment-method-section-new .payment-method-tabs .payment-tab{flex:1;padding:12px 16px;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s ease;position:relative}.payment-method-section-new .payment-method-tabs .payment-tab:first-child{border-right:2px solid #e5e7eb}.payment-method-section-new .payment-method-tabs .payment-tab.active{background-color:#3b82f6;color:#fff}.payment-method-section-new .payment-method-tabs .payment-tab:hover:not(.active){background-color:#f1f5f9;color:#374151}.payment-method-section-new .selected-payment-method{position:relative}.payment-method-section-new .selected-payment-method .payment-card-display{display:flex;align-items:center;gap:12px;padding:16px;background-color:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.payment-method-section-new .selected-payment-method .payment-card-display:hover{border-color:#cbd5e1}.payment-method-section-new .selected-payment-method .payment-card-display .card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:30px;background-color:#fff;border-radius:6px;border:1px solid #e5e7eb}.payment-method-section-new .selected-payment-method .payment-card-display .bank-icon{display:flex;align-items:center;justify-content:center;width:48px;height:30px;background-color:#f0f9ff;border:1px solid #3b82f6;border-radius:6px;color:#3b82f6}.payment-method-section-new .selected-payment-method .payment-card-display .bank-icon svg{width:24px;height:24px}.payment-method-section-new .selected-payment-method .payment-card-display .bank-info{flex:1;display:flex;flex-direction:column;gap:2px}.payment-method-section-new .selected-payment-method .payment-card-display .bank-info .bank-name{font-size:.875rem;font-weight:500;color:#1f2937}.payment-method-section-new .selected-payment-method .payment-card-display .bank-info .account-number{font-size:.875rem;font-weight:500;color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.payment-method-section-new .selected-payment-method .payment-card-display .card-number{flex:1;font-size:1rem;font-weight:500;color:#1f2937;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.payment-method-section-new .selected-payment-method .payment-card-display .card-number-display{display:flex;gap:4px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1rem;font-weight:500}.payment-method-section-new .selected-payment-method .payment-card-display .card-number-display .masked-number{color:#9ca3af}.payment-method-section-new .selected-payment-method .payment-card-display .card-number-display .last-digits{color:#1f2937;font-weight:600}.payment-method-section-new .selected-payment-method .payment-card-display .payment-card-logo{border-radius:4px;object-fit:contain}.payment-method-section-new .selected-payment-method .payment-card-display .change-payment-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.payment-method-section-new .selected-payment-method .payment-card-display .change-payment-btn:hover{color:#374151;background-color:#f3f4f6}.payment-method-section-new .selected-payment-method .payment-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10;margin-top:4px;max-height:300px;overflow-y:auto}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item:last-child{border-bottom:none}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item:hover{background-color:#f8fafc}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item.selected{background-color:#eff6ff;border-color:#dbeafe}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item.add-new{color:#6b7280;font-weight:500}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item.add-new:hover{background-color:#f3f4f6}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item .card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:20px;background-color:#fff;border-radius:4px;border:1px solid #e5e7eb}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item .bank-icon{display:flex;align-items:center;justify-content:center;width:32px;height:20px;background-color:#f0f9ff;border:1px solid #3b82f6;border-radius:4px;color:#3b82f6}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item .bank-icon svg{width:16px;height:16px}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item .bank-info{flex:1;display:flex;flex-direction:column;gap:1px}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item .bank-info .bank-name{font-size:.875rem;font-weight:500;color:#1f2937}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item .bank-info .account-number{font-size:.75rem;color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item .card-number{flex:1;font-size:.875rem;font-weight:500;color:#1f2937;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-item .selected-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.payment-method-section-new .selected-payment-method .payment-dropdown .payment-dropdown-divider{height:1px;background-color:#e5e7eb;margin:8px 0}.payment-method-section-new .no-payment-method .add-payment-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s ease}.payment-method-section-new .no-payment-method .add-payment-btn:hover{border-color:#9ca3af;background-color:#f1f5f9}.agreement-section .checkbox-container{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.875rem;color:#374151}.agreement-section .checkbox-container input[type=checkbox]{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;position:relative;margin:0}.agreement-section .checkbox-container input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.agreement-section .checkbox-container input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.agreement-section .checkbox-container .checkmark{display:none}.frequency-dropdown-section .frequency-dropdown-container{position:relative}.frequency-dropdown-section .frequency-dropdown-container .frequency-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.frequency-dropdown-section .frequency-dropdown-container .frequency-dropdown-trigger:hover{border-color:#cbd5e1}.frequency-dropdown-section .frequency-dropdown-container .frequency-dropdown-trigger span{font-size:.875rem;color:#1f2937;font-weight:500}.frequency-dropdown-section .frequency-dropdown-container .frequency-dropdown-trigger svg{color:#6b7280;transition:transform .2s ease}.frequency-dropdown-section .frequency-dropdown-container .frequency-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10;margin-top:4px;max-height:200px;overflow-y:auto}.frequency-dropdown-section .frequency-dropdown-container .frequency-dropdown .frequency-dropdown-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#1f2937}.frequency-dropdown-section .frequency-dropdown-container .frequency-dropdown .frequency-dropdown-item:last-child{border-bottom:none}.frequency-dropdown-section .frequency-dropdown-container .frequency-dropdown .frequency-dropdown-item:hover{background-color:#f8fafc}.frequency-dropdown-section .frequency-dropdown-container .frequency-dropdown .frequency-dropdown-item.selected{background-color:#eff6ff;color:#3b82f6;font-weight:500}.modal-actions-new{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:auto}@media(max-width:768px){.modal-actions-new{flex-direction:column;gap:8px}}.error-message{color:#dc2626;font-size:.875rem;margin-top:4px;display:flex;align-items:center;gap:4px}.error-message.general-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;margin-top:16px}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.low-balance-settings-modal{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;animation:slide-up .3s ease-out}.low-balance-settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.low-balance-settings-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#333}.low-balance-settings-header .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.low-balance-settings-header .close-button:hover{color:#333}.low-balance-settings-content{padding:20px;flex:1;overflow-y:auto}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.section-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.section-content{display:flex;flex-direction:column;gap:20px}.balance-fields{display:flex;gap:16px}.balance-fields .balance-field{flex:1}.balance-fields .balance-field .currency-symbol{font-size:1rem;color:#6b7280;font-weight:500}.payment-method-section .payment-method-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:12px;color:#333}.payment-method-section .payment-methods-list{margin-bottom:12px}.payment-method-section .payment-methods-list .payment-method-item{display:flex;align-items:center;justify-content:space-between;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .2s ease}.payment-method-section .payment-methods-list .payment-method-item:hover{background-color:#f1f5f9;border-color:#cbd5e1}.payment-method-section .payment-methods-list .payment-method-item.selected{background-color:#eff6ff;border-color:#3b82f6}.payment-method-section .payment-methods-list .payment-method-item.selected .payment-card-info .card-type{color:#3b82f6}.payment-method-section .payment-methods-list .payment-method-item:last-child{margin-bottom:0}.payment-method-section .payment-methods-list .payment-method-item .payment-card-info{display:flex;align-items:center;gap:8px}.payment-method-section .payment-methods-list .payment-method-item .payment-card-info .card-type{font-weight:500;color:#1f2937;text-transform:capitalize}.payment-method-section .payment-methods-list .payment-method-item .payment-card-info .card-number{color:#6b7280;font-size:.875rem}.payment-method-section .payment-methods-list .payment-method-item .selection-indicator{color:#3b82f6;font-weight:600;font-size:1rem}.payment-method-section .error-message{color:#e53e3e;font-size:.875rem;margin-top:4px}.recurring-agreement{display:flex;align-items:center;gap:8px}.recurring-agreement .help-button{width:20px;height:20px;border-radius:50%;background-color:#e5e7eb;border:none;cursor:pointer;color:#6b7280;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.recurring-agreement .help-button:hover{background-color:#d1d5db}.frequency-section .frequency-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:16px;color:#333}.frequency-section .frequency-slider-container{width:100%}.frequency-section .frequency-slider{position:relative;width:100%;padding:20px 0}.frequency-section .frequency-track{position:relative;height:6px;background-color:#e5e7eb;border-radius:3px;margin-bottom:16px}.frequency-section .frequency-track .frequency-thumb{position:absolute;top:50%;width:18px;height:18px;background-color:#3b82f6;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(0,0,0,.15);transition:left .3s ease}.frequency-section .frequency-options{display:flex;justify-content:space-between;position:relative}.frequency-section .frequency-options .frequency-option{background:none;border:none;cursor:pointer;font-size:.875rem;color:#6b7280;padding:8px 12px;border-radius:6px;transition:all .2s ease;position:relative}.frequency-section .frequency-options .frequency-option:before{content:"";position:absolute;top:-28px;left:50%;width:8px;height:8px;background-color:#d1d5db;border-radius:50%;transform:translateX(-50%)}.frequency-section .frequency-options .frequency-option.active{color:#3b82f6;font-weight:600}.frequency-section .frequency-options .frequency-option.active:before{background-color:#3b82f6}.frequency-section .frequency-options .frequency-option:hover{color:#374151;background-color:#f3f4f6}.balance-threshold-field .currency-symbol{font-size:1rem;color:#6b7280;font-weight:500}.general-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:16px;margin-top:16px}.general-error p{margin:0;color:#dc2626;font-size:.875rem}.low-balance-settings-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px;border-top:1px solid #e5e7eb;background-color:#f8fafc}@media(max-width:768px){.low-balance-settings-actions{flex-direction:column;gap:8px}}