.sidebar{width:280px;background-color:#fff;border-right:1px solid #e9ecef;padding:20px;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;flex-shrink:0;z-index:1100;max-width:80%;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.mobile-open{transform:translate(0);box-shadow:3px 0 15px #0003}.sidebar-header{margin-bottom:30px;position:relative;display:flex;align-items:center;justify-content:center;padding-right:30px}.sidebar-logo-link{display:flex;align-items:center;text-decoration:none;cursor:pointer}.sidebar-logo{height:30px;width:auto;margin-right:10px;flex-shrink:0;vertical-align:middle;border-radius:4px}.sidebar-title{font-size:20px;font-weight:700;color:#dc3545;margin:0;white-space:nowrap}.sidebar-nav{flex-grow:1;overflow-y:auto;margin-bottom:15px}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li a{display:flex;align-items:center;padding:12px 10px;color:#495057;text-decoration:none;border-radius:6px;margin-bottom:5px;font-weight:500;transition:background-color .2s ease,color .2s ease;font-size:15px}.sidebar-nav li a:hover,.sidebar-nav li a.active{background-color:#f8d7da;color:#721c24}.sidebar-nav li a svg{width:18px;height:18px;margin-right:12px;fill:currentColor;flex-shrink:0}.sidebar .add-customer-button{width:100%;padding:12px 20px;font-size:14px;white-space:nowrap;margin-top:auto;margin-bottom:40px}.sidebar .add-customer-button.active-workflow{background-color:#a71d2a;cursor:default;box-shadow:none}.sidebar .add-customer-button.active-workflow:hover{background-color:#a71d2a}.sidebar-close-button{display:none;position:absolute;top:-10px;right:-5px;background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:5px;line-height:1;z-index:1}.sidebar-close-button:hover{color:#333}@media (min-width: 768px){.sidebar{transform:none;transition:none;width:280px;max-width:none;box-shadow:none}.sidebar .add-customer-button{display:block}.sidebar-close-button{display:none}.sidebar-header{padding-right:0}}@media (max-width: 767px){.sidebar-close-button{display:block}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:15px;opacity:0;animation:fadeInOverlay .2s forwards}.modal-content{background-color:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 8px 25px #00000026;width:100%;max-width:480px;text-align:center;transform:scale(.95);opacity:0;animation:zoomInModal .25s .1s forwards cubic-bezier(.175,.885,.32,1.275)}.modal-title{font-size:1.6em;font-weight:600;color:#2c3e50;margin-top:0;margin-bottom:15px}.modal-message{font-size:1em;color:#555e68;margin-bottom:30px;line-height:1.65}.modal-message p{margin:0}.modal-actions{display:flex;justify-content:center;gap:15px}.modal-button{padding:12px 25px;border-radius:8px;border:none;font-size:.95em;font-weight:500;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;min-width:120px;box-shadow:0 2px 5px #0000001a}.modal-button:active{transform:translateY(1px);box-shadow:0 1px 3px #0000001a}.confirm-button{background-color:#dc3545;color:#fff}.confirm-button:hover{background-color:#c82333;box-shadow:0 4px 8px #dc35454d}.cancel-button{background-color:#f8f9fa;color:#343a40;border:1px solid #ced4da}.cancel-button:hover{background-color:#e9ecef;border-color:#adb5bd}@keyframes fadeInOverlay{to{opacity:1}}@keyframes zoomInModal{to{opacity:1;transform:scale(1)}}@media (max-width: 600px){.modal-content{padding:20px 25px;max-width:95%}.modal-title{font-size:1.35em}.modal-message{font-size:.9em;margin-bottom:25px}.modal-actions{flex-direction:column-reverse;gap:12px}.modal-button{width:100%;padding:12px 20px}}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:0 10px;background-color:#fff;border-bottom:1px solid #e9ecef;flex-shrink:0;position:sticky;top:0;z-index:1000;height:60px;box-sizing:border-box}.mobile-header-title{font-size:18px;font-weight:600;color:#333;margin:0;text-align:center;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 120px)}.mobile-header .mobile-header-title.brand-title{color:#dc3545}.header-spacer{min-width:40px;flex-shrink:0}.header-spacer.left-spacer{margin-right:auto}.header-spacer.right-spacer{margin-left:auto}.menu-button{background:none;border:none;cursor:pointer;padding:8px 5px;margin-left:0;margin-right:10px;display:flex;flex-direction:column;justify-content:space-around;width:30px;height:26px;z-index:1001;position:relative;box-sizing:content-box}.menu-button:focus-visible,.back-button:focus-visible{outline:2px solid #DC3545;outline-offset:2px}.menu-button span{display:block;width:100%;height:3px;background-color:#dc3545;border-radius:3px;transition:transform .3s ease,opacity .3s ease}.back-button{background:none;border:none;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.back-button:hover{opacity:.8}.back-button:active{opacity:.6}.back-button img{width:24px;height:24px;object-fit:contain}.desktop-header{display:none;justify-content:space-between;align-items:center;padding:0 30px;background-color:#fff;border-bottom:1px solid #e9ecef;flex-shrink:0;height:60px;box-sizing:border-box;position:sticky;top:0;z-index:1000}.desktop-header-title{font-size:20px;font-weight:600;color:#333;margin:0}.profile-section-wrapper{position:relative;display:flex;align-items:center;margin-left:auto}.profile-trigger{display:flex;align-items:center;background-color:transparent;border:none;padding:8px;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.profile-trigger:hover,.profile-trigger:focus-visible{background-color:#f0f0f0;outline:none}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:#dc3545;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin-right:8px;flex-shrink:0}.mobile-avatar{width:32px;height:32px;font-size:14px;margin-right:5px}.larger-dropdown-avatar{width:48px;height:48px;font-size:20px;margin-right:12px}.user-name-display{font-size:15px;color:#333;margin-right:0;white-space:nowrap}.mobile-user-name{display:none}@media (min-width: 400px){.mobile-header .profile-trigger .mobile-user-name{display:inline;font-size:14px}}.profile-dropdown-arrow{color:#555;transition:transform .2s ease}.profile-trigger[aria-expanded=true] .profile-dropdown-arrow{transform:rotate(180deg)}.profile-dropdown-menu{position:absolute;top:calc(100% + 5px);right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1100;min-width:200px;padding:8px 0}.mobile-dropdown-menu{min-width:240px}.profile-dropdown-item{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;cursor:pointer;font-size:15px;color:#333;transition:background-color .2s ease}.profile-dropdown-item:hover,.profile-dropdown-item:focus-visible{background-color:#f5f5f5;outline:none}.dropdown-user-info{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}.user-details{display:flex;flex-direction:column}.user-full-name{font-weight:600;font-size:15px;color:#222}.user-email-display{font-size:13px;color:#666}.dropdown-divider{border:none;border-top:1px solid #eee;margin:8px 0}@media (min-width: 768px){.mobile-header{display:none}.desktop-header{display:flex}.menu-button,.mobile-header .profile-trigger .mobile-user-name{display:none}}@media (max-width: 767px){.mobile-header-title{padding-left:5px;padding-right:5px}.mobile-profile-wrapper .profile-trigger{padding:8px 5px}}@media (min-width: 768px){.layout-container{flex-direction:row}.desktop-main-content{flex-grow:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh;width:calc(100% - 280px)}}.desktop-main-content>.main-content-area{padding:30px;background-color:#f0f4f8;flex-grow:1;overflow-y:auto}.desktop-main-content .form-container-desktop{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 5px #00000014;max-width:650px;width:100%;margin:20px auto}.desktop-main-content .submit-button-wrapper{display:none;margin-top:30px;text-align:right}.desktop-main-content .submit-button-wrapper .action-button{width:auto;padding:12px 25px}@media (min-width: 768px){.desktop-main-content .submit-button-wrapper{display:block}}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1050;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}@media (min-width: 768px){.mobile-menu-overlay{display:none}}.login-page .content-area{padding:30px 24px 20px;display:flex;flex-direction:column;justify-content:center}.login-form-container{width:100%;margin-bottom:20px}.login-title{font-size:26px;font-weight:600;color:#333;text-align:center;margin-bottom:10px}.login-subtitle{font-size:16px;color:#6c757d;text-align:center;margin-bottom:30px}.login-page .input-field-wrapper{background-color:#fff}.forgot-password-link{display:block;text-align:right;margin-bottom:24px;color:#dc3545;text-decoration:none;font-size:14px}.forgot-password-link:hover{text-decoration:underline}.login-button{width:100%;margin-bottom:20px;margin-top:40px}.separator{display:flex;align-items:center;text-align:center;margin-bottom:20px}.separator hr{flex-grow:1;border:none;border-top:1px solid #ced4da;margin:0}.separator span{padding:0 10px;color:#6c757d;font-size:14px;flex-shrink:0}.apply-button-container{padding:0 24px 30px;margin-top:auto;background-color:#f8f9fa;flex-shrink:0}.apply-button{width:100%}@media (min-width: 768px){.login-page.screen-wrapper{min-height:auto;max-width:480px;background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;padding:40px;margin:40px 0;flex-grow:0}.login-page .content-area{flex-grow:0;overflow-y:visible;padding:0;justify-content:flex-start}.apply-button-container{margin-top:25px;padding:0;background-color:transparent}}.otp-verification-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#fff;padding:20px;box-sizing:border-box;position:relative}.back-to-login-button{position:absolute;top:20px;left:20px;background-color:#dc3545;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.85rem;font-weight:500;text-decoration:none;transition:background-color .2s ease-in-out;box-shadow:0 1px 3px #0000001a;z-index:10}.back-to-login-button:hover,.back-to-login-button:focus{background-color:#c82333;outline:none}.otp-form-container{background-color:#fff;padding:30px 24px;width:100%;max-width:480px;text-align:center;margin-top:50px;border-radius:0;box-shadow:none}.otp-title{font-size:24px;color:#333;margin-bottom:8px;font-weight:600}.otp-subtitle{font-size:15px;color:#6c757d;margin-bottom:10px;line-height:1.5}.otp-subtitle strong{color:#007bff;font-weight:600}.otp-instruction{font-size:14px;color:#495057;margin-bottom:25px}.otp-input-form{display:flex;flex-direction:column;align-items:center}.otp-inputs-wrapper{display:flex;justify-content:space-around;margin-bottom:30px;width:100%}.otp-input-box{flex-grow:1;flex-basis:0;max-width:40px;height:48px;font-size:1.4rem;text-align:center;border:1px solid #ced4da;border-radius:6px;margin:0 2px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;caret-color:#007bff;-moz-appearance:textfield}.otp-input-box::-webkit-outer-spin-button,.otp-input-box::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input-box:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.verify-otp-button{width:100%;max-width:320px;padding:12px;font-size:1rem;font-weight:500}.resend-otp-container{margin-top:25px}.resend-otp-button{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline;font-size:.9rem;padding:5px}.resend-otp-button:hover,.resend-otp-button:focus{color:#0056b3;outline:none}.resend-otp-button:disabled{color:#6c757d;cursor:not-allowed;text-decoration:none}.resend-otp-timer{font-size:.9rem;color:#495057}.payment-actions{display:flex;flex-direction:column;align-items:center;width:100%;max-width:320px;margin:0 auto}.action-button.secondary{background-color:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;width:100%;transition:background-color .2s ease-in-out}.action-button.secondary:hover,.action-button.secondary:focus{background-color:#5a6268;outline:none}.action-button.secondary:disabled{background-color:#ced4da;cursor:not-allowed}.mobile-transaction-details{display:flex;flex-direction:column;margin-top:8px}.transaction-info-row{padding:8px 0;border-bottom:1px solid #eee}.transaction-info-row:last-child{border-bottom:none}.info-item{display:block;font-size:14px}.otp-form-container .error-message,.otp-form-container .loading-message{color:#dc3545;margin-bottom:1rem;text-align:center;font-size:.9rem}.otp-form-container .loading-message[style*="color: green"]{color:green!important}@media (min-width: 768px){.otp-verification-page{background-color:#fff;padding:40px 20px;justify-content:center}.back-to-login-button{top:40px;left:40px;font-size:.9rem;padding:10px 18px}.otp-form-container{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 5px 20px #0000001a;margin-top:0}.otp-title{font-size:1.9rem;margin-bottom:12px}.otp-subtitle{font-size:1rem;margin-bottom:15px}.otp-instruction{font-size:.95rem;margin-bottom:30px}.otp-inputs-wrapper{justify-content:space-between;max-width:400px;margin-bottom:35px}.otp-input-box{max-width:42px;height:52px;font-size:1.6rem;margin:0 3px}.verify-otp-button{font-size:1.05rem}.resend-otp-container{margin-top:30px}.resend-otp-button,.resend-otp-timer{font-size:.95rem}}@media (max-width: 380px){.otp-form-container{padding:25px 15px;margin-top:40px}.otp-inputs-wrapper{margin-bottom:25px}.otp-input-box{max-width:32px;height:42px;font-size:1.2rem;margin:0 1px}.otp-title{font-size:22px}.otp-subtitle{font-size:14px}.otp-instruction{font-size:13px;margin-bottom:20px}.verify-otp-button{font-size:.95rem;padding:10px}.back-to-login-button{top:15px;left:15px;padding:7px 12px;font-size:.8rem}}.apply-page .page-footer{display:block;padding:15px 24px;border-top:1px solid #e9ecef;background-color:transparent;flex-shrink:0;position:sticky;bottom:0;z-index:100}.apply-page .page-footer .submit-button{width:100%}.apply-page .submit-button-wrapper{display:none;margin-top:30px;text-align:right}.apply-page .submit-button-wrapper .submit-button{width:auto;padding:12px 25px}.info-box{background-color:#f8d7da;border:1px solid #F5C6CB;color:#721c24;border-radius:8px;padding:12px 15px;display:flex;align-items:center;margin-top:10px;margin-bottom:24px;font-size:14px}.info-box .info-icon{font-size:20px;margin-right:10px;flex-shrink:0}@media (min-width: 768px){.apply-page.screen-wrapper{min-height:auto;max-width:650px;background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;margin:40px auto;overflow:hidden;display:flex;flex-direction:column}.apply-page .mobile-header,.apply-page .page-footer{display:none}.apply-page .submit-button-wrapper{display:block}.apply-page .content-area{padding:30px;flex-grow:1}.apply-page .apply-form-container-desktop{padding:0}.apply-page .desktop-page-title{font-size:20px;font-weight:600;color:#333;margin:0 0 20px;text-align:left}.apply-page .form-intro{margin-top:0}.apply-page .info-box{margin-bottom:0;margin-top:25px}}.dashboard-page{padding-bottom:90px}.balance-card{margin-bottom:20px}.balance-card h3{margin:0 0 5px;font-size:14px;color:#6c757d;font-weight:500}.balance-card .balance-amount{margin:0 0 5px;font-size:32px;color:#333;font-weight:700}.balance-card .commission-info{margin:0 0 15px;font-size:16px;color:#495057;font-weight:500}.balance-card .commission-amount{font-weight:600;color:#28a745}.recharge-button{background-color:#dc3545;color:#fff;padding:8px 15px;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none;transition:background-color .2s ease}.recharge-button:hover{background-color:#c82333}.recharge-button span{font-size:18px;margin-right:5px}.search-bar-wrapper{position:relative;margin-bottom:20px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:18px;pointer-events:none;z-index:2}.search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #ced4da;border-radius:8px;font-size:16px;background-color:#fff;outline:none}.search-input:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.section-title{font-size:16px;color:#495057;font-weight:600;margin:0 0 10px}.customer-list-mobile{display:block}.customer-card{display:flex;justify-content:space-between;align-items:center}.customer-main{display:flex;align-items:center}.customer-avatar{font-size:36px;color:#ced4da;margin-right:12px;flex-shrink:0}.customer-info span{display:block}.customer-name{font-size:16px;color:#333;font-weight:500;margin-bottom:2px}.customer-detail{font-size:14px;color:#6c757d}.top-up-button-link{background:none;border:none;color:#dc3545;font-size:14px;font-weight:600;cursor:pointer;padding:5px;text-decoration:none;white-space:nowrap}.top-up-button-link:hover{text-decoration:underline}.fab{display:none;position:fixed;bottom:25px;right:25px;background-color:#dc3545;color:#fff;width:56px;height:56px;border-radius:50%;border:none;font-size:30px;line-height:56px;text-align:center;cursor:pointer;box-shadow:0 4px 8px #dc35454d;z-index:900;transition:background-color .2s ease;text-decoration:none}.fab:hover{background-color:#c82333}.customer-list-table-wrapper{display:none}.customer-list-table{display:table;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden;border-collapse:collapse}.customer-list-table thead{background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.customer-list-table th{padding:12px 16px;text-align:left;font-size:13px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.customer-list-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .15s ease}.customer-list-table tbody tr:last-child{border-bottom:none}.customer-list-table tbody tr:hover{background-color:#f8f9fa}.customer-list-table td{padding:14px 16px;vertical-align:middle;font-size:14px;color:#333}.customer-list-table .actions-cell{white-space:nowrap}.customer-list-table .customer-table-main{display:flex;align-items:center}.customer-list-table .customer-table-avatar{font-size:28px;color:#adb5bd;margin-right:12px}.customer-list-table .customer-table-info span{display:block;line-height:1.4}.customer-list-table .customer-table-name{font-weight:500}.customer-list-table .customer-table-phone{color:#6c757d;font-size:13px}.customer-list-table .last-topup-info{font-size:13px;color:#6c757d}.table-action-button{padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease;vertical-align:middle;min-width:140px}.top-up-button{background-color:#dc3545;color:#fff;margin-right:8px}.top-up-button:hover{background-color:#c82333}.activate-bundle-button{background-color:#fff;color:#dc3545;border:1px solid #DC3545}.activate-bundle-button:hover{background-color:#f8d7da;border-color:#c82333}.no-results{color:#6c757d;text-align:center;padding:20px}@media (min-width: 768px){.dashboard-page{padding-bottom:30px}.balance-card{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:20px}.balance-card>div{margin-bottom:0}.balance-card h3,.balance-card .balance-amount,.balance-card .commission-info{margin:0}.balance-card .recharge-button{margin-left:auto}.customer-list-mobile{display:none}.customer-list-table-wrapper{display:block}.fab{display:none}}@media (max-width: 767px){.fab{display:block}}.stripe-card-element-container{border:1px solid #ced4da;padding:10px 12px;border-radius:4px;background-color:#fff;margin-bottom:1rem}.StripeElement{width:100%;color:#32325d}.StripeElement--invalid{border-color:#fa755a}.card-element-error{color:#fa755a;font-size:.875em;margin-top:.25rem;margin-bottom:.5rem}.api-error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:.75rem 1.25rem;margin-bottom:1rem;border-radius:.25rem;font-size:.9em}.balance-display-desktop-wrapper{display:none}.balance-display-mobile{font-size:14px;color:#6c757d;text-align:right;margin-bottom:15px}.quick-amounts{margin-top:25px;margin-bottom:10px}.quick-amounts label{display:block;margin-bottom:10px;font-size:14px;color:#495057;font-weight:500}.quick-amount-button{padding:8px 15px;font-size:14px;border-radius:20px;border:1px solid #DC3545;color:#dc3545;background-color:#fff;cursor:pointer;margin-right:8px;margin-bottom:10px;transition:background-color .2s ease}.quick-amount-button:hover{background-color:#f8d7da}.mobile-footer{display:block;padding:15px 24px;border-top:1px solid #e9ecef;background-color:transparent;flex-shrink:0;position:sticky;bottom:0;z-index:100}.mobile-footer .submit-button{width:100%}.qr-download-section{margin-bottom:20px;text-align:center}.qr-section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 5px}.qr-section-subtitle{font-size:14px;color:#6c757d;margin:0 0 20px}.qr-codes-container{display:flex;justify-content:space-around;align-items:flex-start;gap:20px;flex-wrap:wrap}.qr-code-item{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:160px}.qr-code-wrapper{background-color:#fff;padding:8px;border:1px solid #eee;border-radius:6px;box-shadow:0 1px 2px #0000000d;line-height:0}.qr-code-label{font-size:13px;color:#495057;font-weight:500;line-height:1.3}.form-section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #eee}@media (max-width: 400px){.qr-codes-container{justify-content:center;gap:25px}}@media (min-width: 768px){.add-customer-page .main-content-area,.topup-page .main-content-area,.recharge-page .main-content-area,.activate-bundle-page .main-content-area{padding:30px}.balance-display-mobile,.mobile-footer{display:none}.balance-display-desktop-wrapper{display:block;max-width:650px;margin:0 auto 20px;text-align:right}.add-customer-page .form-container-desktop,.topup-page .form-container-desktop{max-width:600px}.recharge-page .form-container-desktop{max-width:650px}.activate-bundle-page .form-container-desktop{max-width:700px}.quick-amounts{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}}.phone-input__container{display:flex;align-items:center;width:100%;border:1px solid #ced4da;border-radius:8px;background-color:#fff;padding:0;min-height:50px;box-sizing:border-box;position:relative;transition:border-color .2s ease,box-shadow .2s ease;cursor:text}.phone-input__container:focus-within{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.phone-input__container--error{border-color:#dc3545!important}.phone-input__icon{font-size:18px;color:#6c757d;margin:0 8px 0 12px;flex-shrink:0;line-height:1}.phone-input__code{font-size:16px;font-weight:500;color:#333;margin-right:6px;padding:10px 0;line-height:1.5;flex-shrink:0;white-space:nowrap}.phone-input__number-input{flex-grow:1;width:100%;height:100%;min-height:48px;border:none;background:none;outline:none;padding:10px 5px;margin:0;font-size:16px!important;color:#333!important;line-height:1.5!important;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;min-width:80px}.phone-input__number-input::placeholder{color:#999;opacity:1}.phone-input__country-select-trigger{display:flex;align-items:center;justify-content:center;height:100%;min-height:48px;padding:0 10px 0 8px;margin-left:auto;cursor:pointer;box-sizing:border-box;flex-shrink:0;border-left:1px solid #eee;background:none;outline:none}.phone-input__country-select-trigger{display:flex;align-items:center;justify-content:center;height:100%;min-height:48px;padding:0 10px 0 8px;margin-left:auto;cursor:pointer;box-sizing:border-box;flex-shrink:0;background:transparent!important;border-width:0!important;border-style:none!important;border-color:transparent!important;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none!important;font-family:inherit;color:inherit;border-left:1px solid #eee}.phone-input__country-select-trigger:focus{outline:none!important;box-shadow:none!important;border-color:transparent!important;border-left-color:#eee!important}.phone-input__flag{width:28px!important;height:auto!important;display:block;margin-right:5px}.phone-input__country-select-trigger:after{content:"▼";font-size:10px;color:#888}.phone-input__country-select-trigger:focus-visible{box-shadow:0 0 0 2px #dc35454d!important;outline:none!important;border-radius:4px}.phone-input__status-icon-container{display:flex;align-items:center;justify-content:center;padding:0 8px;height:100%}.phone-input__status-icon-container svg{width:18px;height:18px}.phone-group--error .phone-input__status-icon-container svg{color:var(--error-color, #dc3545)}.phone-group--valid .phone-input__status-icon-container svg{color:var(--success-color, #28a745)}.phone-input__dropdown{position:absolute;top:calc(100% + 2px);right:0;background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1050;max-height:280px;width:max-content;min-width:280px;overflow:hidden;display:flex;flex-direction:column}.phone-input__dropdown-search{padding:10px 12px;border:none;border-bottom:1px solid #eee;outline:none;font-size:14px;width:100%;box-sizing:border-box;flex-shrink:0}.phone-input__dropdown-list{list-style:none;margin:0;padding:5px 0;overflow-y:auto;flex-grow:1}.phone-input__dropdown-option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;font-size:14px;white-space:nowrap;outline:none}.phone-input__dropdown-option:hover,.phone-input__dropdown-option:focus{background-color:#f0f4f8}.phone-input__dropdown-option--selected{background-color:#e2eaf2;font-weight:500}.phone-input__dropdown-flag{width:20px!important;height:auto!important;margin-right:10px;flex-shrink:0}.phone-input__dropdown-label{flex-grow:1}.phone-input__dropdown-code{color:#666;margin-left:8px;font-size:13px}.phone-input__dropdown-no-results{padding:10px 12px;color:#888;font-style:italic;font-size:14px;text-align:center}.input-field-wrapper{position:relative;border:1px solid #ced4da;border-radius:8px;background-color:#fff;display:flex;align-items:center;min-height:50px;width:100%;box-sizing:border-box}.input-field-wrapper.input-error{border-color:#dc3545!important}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#6c757d;pointer-events:none;z-index:1}.input-field{width:100%;height:100%;min-height:48px;border:none;background:none;outline:none;padding:10px 12px;font-size:16px;color:#333;line-height:1.5;box-sizing:border-box}.input-field.input-with-icon{padding-left:40px!important}.main-content-area-mobile.verify-otp-mobile,.main-content-area-desktop.verify-otp-desktop-wrapper{display:flex;flex-direction:column;justify-content:center;text-align:center;flex-grow:1;padding:20px 24px}.otp-verification-container{display:none}.otp-instructions{font-size:16px;color:#495057;margin-bottom:5px}.otp-target-phone{font-size:18px;color:#333;font-weight:600;margin:0 0 30px;word-break:break-all}.otp-inputs{display:flex;justify-content:center;gap:8px;margin:30px 0}.otp-box{width:40px;height:50px;text-align:center;font-size:20px;border:1px solid #ced4da;border-radius:8px;background-color:#f8f9fa;caret-color:#dc3545;outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.otp-box::-webkit-outer-spin-button,.otp-box::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-box:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.otp-spacer{width:10px;display:inline-block}.timer-text{color:#6c757d;font-size:14px;margin:10px 0}.resend-link{color:#dc3545;text-decoration:none;font-size:14px;background:none;border:none;cursor:pointer;padding:5px;font-weight:500}.resend-link.disabled{color:#adb5bd;cursor:not-allowed}.otp-footer{display:block}.otp-submit-desktop{display:none}@media (min-width: 768px){.main-content-area-mobile.verify-otp-mobile,.otp-footer{display:none}.main-content-area-desktop.verify-otp-desktop-wrapper{display:flex;align-items:center;padding:30px}.otp-verification-container{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px #00000014;max-width:500px;width:100%}.otp-submit-desktop{display:block;margin-top:30px;width:100%;text-align:center}.otp-submit-desktop .submit-button{width:auto;min-width:150px;padding:12px 30px}}.success-page-container{background-color:#fff}.main-content-area-mobile.success-mobile,.main-content-area-desktop.success-desktop-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex-grow:1;padding:20px 24px}.success-container{display:none}.success-icon-wrapper{width:80px;height:80px;border-radius:50%;background-color:#e2f0e5;display:flex;justify-content:center;align-items:center;margin-bottom:25px}.success-icon{font-size:40px;color:#28a745;font-weight:700;line-height:1}.success-title{font-size:26px;font-weight:600;color:#333;margin:0 0 10px}.success-message{font-size:16px;color:#495057;margin:0 0 20px;line-height:1.5}.new-balance-info{font-size:14px;color:#6c757d;margin:10px 0 30px}.done-button-wrapper-mobile{width:100%;max-width:300px;margin-top:20px}.done-button{width:100%;text-decoration:none}@media (min-width: 768px){.success-page-container{background-color:#f0f4f8}.main-content-area-mobile.success-mobile{display:none}.main-content-area-desktop.success-desktop-wrapper{display:flex;align-items:center;padding:30px}.success-container{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:40px 50px;border-radius:8px;box-shadow:0 2px 10px #00000014;max-width:500px;width:100%}.done-button{width:auto;min-width:120px;padding:12px 30px;margin-top:20px}}.tab-navigation{display:flex;background-color:#fff;border-bottom:1px solid #e0e0e0;padding:0 10px;flex-shrink:0;position:sticky;top:60px;z-index:99}.tab-button{flex:1;padding:14px 5px;font-size:14px;font-weight:500;color:#6c757d;background-color:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;text-align:center;white-space:nowrap;transition:color .2s ease,border-color .2s ease;margin-bottom:-1px}.tab-button:hover{color:#333}.tab-button.active{color:#dc3545;font-weight:600;border-bottom-color:#dc3545}.transactions-page .main-content-area{padding:15px 16px}.transaction-table-wrapper{display:none}@media (min-width: 768px){.tab-navigation{padding:0 30px;top:60px;background-color:#f8f9fa;border-bottom-color:#e9ecef}.tab-button{font-size:15px;flex:0 1 auto;padding:14px 20px}.transactions-page .main-content-area{padding:20px 30px}.transaction-list{display:none}.transaction-table-wrapper{display:block;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow-x:auto;margin-top:20px}.transaction-table{width:100%;border-collapse:collapse}.transaction-table thead{background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.transaction-table th{padding:12px 16px;text-align:left;font-size:13px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.transaction-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .15s ease}.transaction-table tbody tr:last-child{border-bottom:none}.transaction-table tbody tr:hover{background-color:#f8f9fa}.transaction-table td{padding:14px 16px;vertical-align:middle;font-size:14px;color:#495057}.transaction-table .transaction-type-cell{display:flex;align-items:center;gap:8px;font-weight:500;color:#333}.transaction-table .transaction-details{font-size:13px;color:#6c757d}.transaction-table .transaction-amount{font-weight:600;text-align:right}.transaction-table .date-cell{white-space:nowrap}}.filter-bar{display:flex;padding:10px 16px;background-color:#fff;border-bottom:1px solid #e9ecef;gap:10px;flex-wrap:wrap;flex-shrink:0}.filter-btn{padding:6px 12px;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:20px;font-size:13px;color:#495057;cursor:pointer;display:flex;align-items:center;gap:5px}.filter-btn:hover{border-color:#adb5bd;background-color:#e9ecef}.transaction-list{display:block}.transaction-card{background-color:#fff;border-radius:8px;padding:12px 16px;margin-bottom:10px;box-shadow:0 1px 2px #0000000d}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.transaction-date{font-size:12px;color:#6c757d}.transaction-status{font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px;border:1px solid transparent;display:inline-block}.status-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.status-failed{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.status-pending{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.transaction-body{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.transaction-type{font-size:15px;color:#333;font-weight:500;display:flex;align-items:center;gap:6px}.transaction-amount{font-size:16px;font-weight:600}.amount-debit{color:#dc3545}.amount-credit{color:#28a745}.transaction-footer{font-size:11px;color:#888;margin-top:4px;word-break:break-all}.transaction-card-info{background-color:#e9ecef;padding:2px 8px;border-radius:4px;font-size:.85rem;margin-right:8px;color:#495057;display:inline-block;text-transform:capitalize}@media (min-width: 768px){.filter-bar{padding:12px 30px}.transactions-page .main-content-area{padding:20px 30px}.transaction-list{display:none}.transaction-table-wrapper{display:block;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.transaction-table{width:100%;border-collapse:collapse}.transaction-table thead{background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.transaction-table th{padding:12px 16px;text-align:left;font-size:13px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.transaction-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .15s ease}.transaction-table tbody tr:last-child{border-bottom:none}.transaction-table tbody tr:hover{background-color:#f8f9fa}.transaction-table td{padding:14px 16px;vertical-align:middle;font-size:14px;color:#495057}.transaction-table .transaction-type-cell{display:flex;align-items:center;gap:8px;font-weight:500;color:#333}.transaction-table .transaction-details{font-size:13px;color:#6c757d}.transaction-table .transaction-amount{font-weight:600;text-align:right}.transaction-table .date-cell{white-space:nowrap}}.bundles-section-title{margin-top:25px;margin-bottom:10px;font-size:14px;color:#495057;font-weight:500}.bundle-grid{display:flex;flex-wrap:wrap;gap:12px}.bundle-card{background-color:#fff;border-radius:8px;border:1px solid #e0e0e0;padding:12px;box-shadow:0 1px 2px #0000000d;width:calc(50% - 6px);box-sizing:border-box;cursor:pointer;transition:border-color .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:space-between;min-height:110px}.bundle-name{display:block;font-weight:600;font-size:15px;color:#333;margin-bottom:4px}.bundle-detail{display:block;font-size:13px;color:#6c757d;margin-bottom:6px;display:flex;align-items:center;gap:4px}.bundle-price{display:block;font-weight:700;font-size:16px;color:#dc3545;text-align:right;margin-top:auto;padding-top:8px}.activate-bundle-page .mobile-footer{display:block}.activate-bundle-page .submit-button-wrapper{display:none}@media (min-width: 768px){.activate-bundle-page .mobile-footer{display:none}.activate-bundle-page .submit-button-wrapper{display:block}.bundle-grid{gap:16px}.bundle-card{width:calc(33.333% - 11px)}.bundles-section-title{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef;font-size:16px}}.custom-select-wrapper{display:flex;align-items:center;position:relative;border:1px solid #ccc;border-radius:4px;background-color:#fff}.custom-select-wrapper .input-field{flex-grow:1;border:none;padding-left:.5rem;padding-right:2.5rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;cursor:pointer;outline:none;height:auto;min-height:40px;line-height:normal}.flag-icon{margin-left:.75rem;margin-right:.5rem;font-size:1.6em;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.select-arrow-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;fill:#555;width:26px;height:26px}.main-content-area.settings-page{padding:20px}.form-container-desktop.settings-container{background-color:#fff;padding:20px 30px;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:600px;margin:0 auto}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.setting-item:last-of-type{border-bottom:none}.setting-label{font-size:1rem;color:#333}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#007bff}input:focus+.slider{box-shadow:0 0 1px #007bff}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:28px}.slider.round:before{border-radius:50%}.settings-actions-desktop{display:flex;flex-direction:column;align-items:flex-end;margin-top:30px}.settings-actions-desktop .submit-button-wrapper-desktop{margin-bottom:10px;width:auto}.settings-actions-desktop .logout-button-wrapper-desktop{width:auto}.action-button{padding:10px 20px;font-size:.9rem;font-weight:700;border:1px solid transparent;border-radius:5px;cursor:pointer;text-transform:uppercase;box-sizing:border-box;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;text-align:center;min-width:120px}.action-button.submit-button{background-color:#dc3545;color:#fff;border-color:#dc3545}.action-button.submit-button:hover,.action-button.submit-button:focus{background-color:#f95228;border-color:#f95228}.action-button.logout-button{background-color:#dc3545;color:#fff;border-color:#dc3545}.action-button.logout-button:hover,.action-button.logout-button:focus{background-color:#c82333;border-color:#bd2130}.mobile-footer.settings-footer{display:flex;flex-direction:column;gap:12px;padding:15px;background-color:#f8f9fa;border-top:1px solid #e9ecef;width:100%;box-sizing:border-box}.mobile-footer.settings-footer .action-button{width:100%}@media (max-width: 767px){.settings-actions-desktop{display:none}.mobile-footer.settings-footer{display:flex}}@media (min-width: 768px){.mobile-footer.settings-footer{display:none}.settings-actions-desktop{display:flex}}.notifications-page .main-content-area{padding:0;background-color:#fff}.notifications-container{padding:0;max-width:800px;margin-top:0;margin-bottom:0;box-shadow:none;background-color:transparent}.notification-item{display:flex;align-items:flex-start;padding:15px 16px;border-bottom:1px solid #e9ecef;cursor:pointer;background-color:#fff;transition:background-color .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f8f9fa}.notification-item:focus-visible{outline:2px solid #DC3545;outline-offset:-1px;z-index:1;position:relative}.notification-icon{font-size:24px;margin-right:12px;margin-top:2px;color:#6c757d;flex-shrink:0;width:30px;text-align:center}.notification-content{flex-grow:1}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.notification-title{font-size:15px;font-weight:600;color:#333}.notification-date{font-size:11px;color:#888;white-space:nowrap;margin-left:10px}.notification-message{font-size:14px;color:#555;margin:0;line-height:1.4}.notification-item.unread{background-color:#fdf5f6}.notification-item.unread:hover{background-color:#fae6e8}.no-notifications{text-align:center;padding:40px 20px;color:#6c757d;font-size:16px;background-color:#fff}@media (min-width: 768px){.notifications-page .main-content-area{padding:30px;background-color:#f0f4f8}.notifications-container{background-color:#fff;padding:0;border-radius:8px;box-shadow:0 2px 5px #00000014;margin:20px auto;overflow:hidden}.notification-item{padding:18px 20px}.no-notifications{border-radius:8px}}.dashboard-actions{display:flex;flex-direction:column;gap:20px}.action-card{padding:20px;margin-bottom:0}.action-card-title{font-size:18px;font-weight:600;color:#333;margin:0 0 20px;border-bottom:1px solid #eee;padding-bottom:10px}.action-card .input-group{margin-bottom:15px}.action-card .input-group:last-of-type{margin-bottom:20px}.action-card .action-button.primary.full-width{width:100%;margin-top:10px}.quick-amounts-inline{margin-top:-10px;margin-bottom:20px}.quick-amounts-inline .quick-amount-button{padding:6px 12px;font-size:13px;margin-right:6px;margin-bottom:6px}.bundles-section-title-dash{margin-top:20px;margin-bottom:10px;font-size:14px;color:#495057;font-weight:500;padding-top:15px;border-top:1px solid #eee}.bundle-grid.dash-bundle-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.bundle-card{background-color:#fff;border-radius:8px;border:1px solid #e0e0e0;padding:10px;box-shadow:0 1px 2px #00000008;width:calc(50% - 5px);box-sizing:border-box;cursor:pointer;transition:border-color .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:space-between;min-height:100px}.bundle-card:focus-visible{outline:2px solid #DC3545;outline-offset:2px}.bundle-card.selected{border-color:#dc3545;box-shadow:0 0 0 2px #dc35454d}.bundle-name{font-weight:600;font-size:14px;color:#333;margin-bottom:3px}.bundle-detail{font-size:12px;color:#6c757d;margin-bottom:4px;display:flex;align-items:center;gap:4px}.bundle-price{font-weight:700;font-size:15px;color:#dc3545;text-align:right;margin-top:auto;padding-top:6px}.no-results.small-text{font-size:13px;color:#6c757d;width:100%;text-align:center;padding:10px 0}@media (min-width: 768px){.simplified-dashboard{padding-bottom:30px}.dashboard-actions{flex-direction:row;align-items:flex-start;gap:30px}.action-card{flex:1}.action-card .action-button.primary.full-width{width:auto;display:block;margin-left:auto}.bundle-grid.dash-bundle-grid .bundle-card{width:calc(50% - 8px)}.bundles-section-title-dash{font-size:15px}}.redeem-commission-page .main-content-area{padding:30px 24px;display:flex;justify-content:center;align-items:center}.redeem-container{text-align:center;padding:30px;width:100%}.commission-display{margin-bottom:20px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.redeem-label{display:block;font-size:14px;color:#6c757d;margin-bottom:5px}.redeem-amount{display:block;font-size:36px;font-weight:700;color:#28a745}.redeem-description{font-size:15px;color:#495057;line-height:1.5;margin-bottom:30px;max-width:400px;margin-left:auto;margin-right:auto}.redeem-button-container .submit-button{min-width:200px}@media (min-width: 768px){.redeem-commission-page .main-content-area{align-items:flex-start;padding-top:40px}.redeem-container{max-width:500px;padding:40px}.redeem-button-container .submit-button{padding-left:30px;padding-right:30px}}.manage-sub-partners-page .main-content-area{padding-bottom:30px}.desktop-page-header{display:none;justify-content:space-between;align-items:center;margin-bottom:20px}.desktop-page-title{font-size:22px;font-weight:600;color:#333;margin:0}.desktop-page-header .action-button.small-button{padding:8px 15px;font-size:14px;display:inline-flex;align-items:center;gap:6px}.desktop-page-header .action-button.small-button svg{width:16px;height:16px}.sub-partner-list{display:block}.sub-partner-card{display:flex;flex-direction:column;gap:10px}.sub-partner-main{display:flex;align-items:center}.sub-partner-info{flex-grow:1}.sub-partner-name{display:block;font-size:16px;color:#333;font-weight:500;margin-bottom:3px}.sub-partner-status{font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px;border:1px solid transparent;display:inline-block}.status-active{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.status-inactive{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.sub-partner-details{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #eee;margin-top:8px}.sub-partner-balance{font-size:15px;font-weight:600;color:#495057;display:flex;align-items:center;gap:5px}.sub-partner-balance svg{width:18px;height:18px;fill:currentColor}.sub-partner-card .action-button.link-button{padding:5px 10px;font-size:13px;text-decoration:none;min-width:auto}@media (min-width: 768px){.desktop-page-header{display:flex}}.page-add-button-container{display:block;margin-bottom:20px;text-align:right}.page-add-button-container .add-sub-partner-top-button{display:inline-block;width:auto}.sub-partner-actions{display:flex;gap:8px;align-items:center}.sub-partner-actions .action-button.small-button{min-width:100px;text-align:center;padding-top:6px;padding-bottom:6px;font-size:13px}.toggle-status-button{color:#fff!important;border:none;box-shadow:0 1px 2px #0000001a}.toggle-status-button:hover{box-shadow:0 2px 4px #00000026}.toggle-status-button.status-is-active{background-color:#ffc107}.toggle-status-button.status-is-active:hover{background-color:#e0a800}.toggle-status-button.status-is-inactive{background-color:#28a745}.toggle-status-button.status-is-inactive:hover{background-color:#218838}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:100%;box-sizing:border-box}.loading-spinner-container.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fffc;z-index:1000}.loading-spinner-container.inline{display:inline-flex;flex-direction:row;align-items:center;padding:5px;width:auto}.loading-spinner-container.inline .loading-message{margin-left:8px;margin-bottom:0;font-size:.9em}.css-spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.loading-message{margin-top:10px;font-size:1em;color:#333}.spinner-size-small .css-spinner{width:20px;height:20px;border-width:2px}.spinner-size-small .loading-message{font-size:.8em;margin-top:5px}.spinner-size-large .css-spinner{width:60px;height:60px;border-width:5px}.spinner-size-large .loading-message{font-size:1.2em;margin-top:15px}.loading-container,.error-container,.loading-more-container{display:flex;justify-content:center;align-items:center;padding:40px 20px;text-align:center;width:100%}.loading-more-container{padding:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-display.page{padding:2rem;text-align:center;border:1px solid #e74c3c;background-color:#fdedec;color:#c0392b;border-radius:8px;margin:1rem}.error-display.inline{padding:.75rem 1rem;text-align:center;border:1px solid #f39c12;background-color:#fef5e7;color:#d35400;border-radius:4px;margin-bottom:1rem;font-size:.9em}.error-display p{margin:0 0 .5rem}.error-display .retry-button{padding:.5rem 1rem;border:none;background-color:#3498db;color:#fff;border-radius:4px;cursor:pointer;font-size:.9em}.error-display .retry-button:hover{background-color:#2980b9}.action-card.loading-overlay{position:relative;pointer-events:none;opacity:.7}.bundle-card.disabled{opacity:.6;cursor:not-allowed;background-color:#eee}.header-with-tooltip-container{display:inline-flex;align-items:center;gap:0px}.tooltip-trigger{position:relative;display:inline-block;cursor:help;line-height:1}.info-icon{font-size:1.3em;color:#626365;border:0px solid #5b5c5e;border-radius:50%;width:1.3em;height:1.3em;display:inline-flex;align-items:center;justify-content:center;font-weight:700;-webkit-user-select:none;user-select:none}.tooltip-text{visibility:hidden;opacity:0;width:max-content;min-width:160px;max-width:260px;background-color:#333;color:#fff;text-align:left;border-radius:6px;padding:10px 14px;position:absolute;z-index:10000;top:50%;right:calc(100% + 8px);transform:translateY(-10%);font-size:.875rem;font-weight:400;line-height:1.5;white-space:normal;box-shadow:0 4px 12px #00000040;transition:opacity .2s ease-in-out,visibility 0s linear .2s;pointer-events:none}.tooltip-text:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent transparent transparent #333}.tooltip-trigger:hover .tooltip-text,.tooltip-trigger:focus .tooltip-text,.tooltip-trigger:focus-within .tooltip-text{visibility:visible;opacity:1;transition-delay:0s;pointer-events:auto}.tooltip-trigger:focus{outline:none}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#fff;color:#333}#root{min-height:100%;display:flex;flex-direction:column}body.auth-background{background-color:#f0f4f8}.card{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000000d}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:5px;font-size:14px;color:#495057;font-weight:500}.input-field-wrapper{position:relative;background-color:#fff;border:1px solid #ced4da;border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease}.input-field-wrapper:focus-within{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.input-field{width:100%;padding:12px 12px 12px 40px;border:none;border-radius:8px;font-size:16px;background-color:transparent;outline:none;color:#333;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field::placeholder{color:#adb5bd}.select-wrapper .input-field{padding:12px 35px 12px 40px;cursor:pointer;position:relative;z-index:1;background-color:transparent}select.input-field{border-radius:8px}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:18px;pointer-events:none;z-index:2}.action-button{background-color:#dc3545;color:#fff;padding:14px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;display:inline-block;box-shadow:0 2px 4px #dc35454d;transition:background-color .2s ease,opacity .2s ease}.action-button:hover:not(:disabled){background-color:#c82333}.action-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.secondary-button{background-color:#fff;color:#dc3545;border:1px solid #DC3545;box-shadow:none}.secondary-button:hover:not(:disabled){background-color:#f8f9fa}.back-button{background:none;border:none;font-size:32px;color:#dc3545;cursor:pointer;padding:10px 0;margin-right:5px;line-height:1}.back-button:focus{outline:2px solid #DC3545;outline-offset:1px}.notification-button{background:none;border:none;font-size:22px;color:#6c757d;cursor:pointer;padding:5px;line-height:1}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6c757d;font-size:18px;padding:0;z-index:2}.password-toggle:focus{outline:2px solid #DC3545;outline-offset:2px}.phone-group .input-field{padding-left:85px}.phone-group .input-icon{left:12px}.phone-group .country-code{position:absolute;left:45px;top:50%;transform:translateY(-50%);color:#495057;font-size:16px;pointer-events:none;z-index:2}.select-wrapper{position:relative}select.input-field{appearance:none;-webkit-appearance:none;-moz-appearance:none}select.input-field::-ms-expand{display:none}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:10px;height:5px;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" fill="%236c757d"><path d="M0 0l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:center center;pointer-events:none;z-index:2}.text-subtle{font-size:12px;color:#888}.input-hint{font-size:12px;color:#6c757d;margin-top:4px;display:block}@media (min-width: 768px){#root{display:flex;align-items:center;justify-content:center;min-height:100vh}#root>.layout-container{min-height:auto;width:100%;margin:0;align-items:initial;justify-content:initial}.form-container-desktop{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 5px #00000014;max-width:650px;width:100%;margin:20px auto}.submit-button-wrapper{display:none;margin-top:30px;text-align:right}.submit-button-wrapper .action-button{width:auto;padding:12px 25px}#root>.screen-wrapper{flex-grow:0}}