#root{max-width:100vw;max-height:100vh;margin:0 auto;padding:2rem}body,html,#root,.app-container{margin:0;padding:0;width:100%}html{overflow-x:hidden}body{position:relative;overflow-x:hidden}.card{padding:2em}.app-container{position:relative}.grecaptcha-badge{position:absolute!important;border-radius:8px!important}.read-the-docs{color:#888}.payment-method{border:1px solid #ccc;padding:15px;border-radius:15px}.payment-method-label{text-align:left;margin-bottom:10px;font-weight:700;font-size:1.25em}.card-number{max-width:97%;border-radius:5px;padding:5px;font-size:1em}.card-expiration,.card-cvv{padding:10px;margin-bottom:10px;border-radius:5px;font-size:1em;flex:0 0 auto}.card-expiration{max-width:30%;margin-right:10px}.card-cvv{max-width:30%}.card-extra-info{display:flex;justify-content:flex-start}.card-cvv{flex:1}.card-cvv{margin-left:10px}.content{height:auto;display:flex;padding:20px;gap:8px;background:var(--bg-color)}.left-box{flex:5;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#fff}.total-due{margin-top:20px;font-weight:700;background-color:var(--primary-color);font-size:1.5em}.remaining-balance{margin-top:5px;font-weight:700;font-size:1.5em}.card-image{max-width:25%;height:auto;margin-bottom:1em;align-self:flex-start}.right-box{flex:3;padding:20px;display:flex;flex-direction:column;border:1px solid #ccc;border-radius:8px;background-color:#fff;height:auto}.total-due-right{display:flex;justify-content:space-between;font-weight:700}.card-image{margin-bottom:1em}.card-number,.card-expiration,.card-cvv{margin-bottom:1em;width:100%}.card-extra-info{display:flex;justify-content:space-between}.switch{position:relative;display:inline-block;width:40px;height:20px}.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:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:disabled+.slider{background-color:#cacaca;cursor:not-allowed}input:disabled+.slider:before{background-color:#7a7a7a}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.total-due{display:flex;justify-content:space-between}.total-due-label,.total-due-value{margin:0 80px}.billing-info{border:1px solid #ccc;padding:15px;border-radius:15px;margin-top:10px}.billing-info-label{text-align:left;margin-bottom:10px;font-weight:700;font-size:1.25em}.billing-name,.billing-location{display:flex;justify-content:flex-start}.billing-last-name,.billing-city,.billing-zip{flex:1;border-radius:5px;padding:5px;margin-bottom:10px;height:30%}.billing-address{border-radius:5px;padding:5px;margin-bottom:10px;max-width:100%;min-width:97.5%}.billing-state{flex:1;border-radius:5px;padding:5px;margin:0 10px}.billing-last-name{border-radius:5px;padding:5px;margin-bottom:10px;margin-left:10px;flex:1}.billing-first-name{border-radius:5px;padding:5px;margin-bottom:10px;margin-right:10px;flex:1}.billing-zip{margin-left:10px;flex:2}.pay-now-button-container{margin-top:10px;border:1px solid #ccc;border-radius:10px;background-color:#f2f2f2;padding:10px;text-align:center}.for-captcha{height:150px}.invoice-merchant-details{display:none}@media (prefers-color-scheme: dark){.customer-details-header,.customer-details-text{color:#ddd}.content{background:var(--bg-color)}.app-container,.left-box,.right-box{background-color:#333;color:#ddd}}@media (max-width: 1024px){.content{flex-wrap:wrap;height:auto}.right-box,.left-box{width:100%;flex:1 1 100%}.invoice-merchant-details{display:block}}.table-container{max-height:80%}.table{border-collapse:collapse;position:relative;width:100%;height:100%}th{position:sticky!important;top:0!important;background:white}.table th,.table td{flex:1;text-align:center;border-bottom:1px solid #ddd;width:auto;padding:15px 12px;top:0;z-index:10}td{vertical-align:top}.table-cell{color:#000;background-color:#fff}.action-dropdown{position:relative;display:inline-block}.action-button{background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px;padding:6px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100px;font-size:14px}.action-button:hover{background-color:#f5f5f5}.dropdown-menu{position:absolute;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 5px #0000001a;z-index:10;min-width:150px;right:0;margin-top:2px}.dropdown-item{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background-color:transparent;cursor:pointer;font-size:14px;color:#333}.dropdown-item:hover:not(:disabled){background-color:#f5f5f5}.dropdown-item:disabled{opacity:.7;cursor:default}.spinner-container{display:flex;align-items:center}.spinner{width:16px;height:16px;border:2px solid rgba(28,123,192,.2);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;display:inline-block}.spinner-text{font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.action-button{width:80px;font-size:12px}.dropdown-menu{min-width:120px}.spinner{width:12px;height:12px;margin-right:6px}.spinner-text{font-size:12px}}.invoice-table-container{display:block}@media (prefers-color-scheme: light),(prefers-color-scheme: no-preference){.table-row{background-color:#fff;color:#000}}@media (prefers-color-scheme: dark){.table{background-color:#fff}th,.table-row{background-color:#333;color:#ddd}.table-cell{color:#ddd!important;background-color:#333}.table-container{color:#ddd}}@media (max-width: 1024px){.invoice-table-container{display:none}}.customer-details-header{font-weight:700;margin-bottom:.1em;text-align:left;font-size:1.2em;margin-top:0}.customer-details-text{margin:.2em 0 0;text-align:left}.customer-details-text:first-of-type{margin-top:0}.customer-details-payment-info,.customer-details-merchant{display:none}@media (max-width: 600px){.customer-details-payment-info{margin-top:16px}}@media (min-width: 600px) and (max-width: 767px){.customer-details-payment-info{margin-top:16px}}@media (min-width: 768px) and (max-width: 1024px){.customer-details-container{display:flex;justify-content:space-between;align-items:center}.customer-details-container>div{width:50%;box-sizing:border-box}}@media (max-width: 1024px){.customer-details-payment-info,.customer-details-merchant{display:block}}.modal-message-header-container{display:flex;align-items:center;justify-content:space-between;font-weight:700}.modal-message-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--error-modal-bg-color);padding:32px;z-index:2000;width:auto;max-width:25%;box-shadow:0 4px 8px #0000004d;border-radius:10px}.modal-message-okay-button{width:100%;border:1px solid var(--button-bg-color);border-radius:4px;margin-top:12px;background-color:#fff}.modal-message-okay-button:hover{border:1px solid rgb(207,136,3)}@media (prefers-color-scheme: dark){.modal-message-okay-button{color:#000}}.sent-receipt-container{border-radius:8px;border:1px solid #dfdfdf;padding:12px;margin:4px 0}.checkmark:checked{background-color:var(--button-bg-color)}.checkmark:checked:after{content:"✓";color:#fff}.receipt-container{margin-top:6px}.receipt-input{height:38;padding:10px;border-radius:4px;border:1px solid #dfdfdf;width:100%;box-sizing:border-box}.receipt-input:focus{outline:1px solid transparent}.checkmark{text-align:center;vertical-align:middle;width:20px!important;height:20px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;border:1px solid var(--primary-color);cursor:pointer;box-shadow:none;font-size:.8em;margin-right:8px}@media (prefers-color-scheme: dark){.receipt-container input{background-color:#ffffff40}}.payment-success-content{display:flex;flex-direction:column;justify-content:start;align-items:center;height:100vh;margin:1.2em;background-color:#fff;box-shadow:0 4px 8px #0003;padding:1.2em;border-radius:8px}.payment-success-message-container{border:1px solid rgba(0,0,0,.2);text-align:center;width:30%;padding:16px 0}.payment-success-container{background:var(--bg-color)}.payment-success-checkmark{width:4.5em;height:auto;margin-bottom:1.25em}.payment-success-title{color:#333;margin-bottom:.625em;font-weight:700}.payment-success-text{color:#666;margin-bottom:1.25em}.payment-success-amount{font-size:2em;font-weight:700;color:#333}.payment-success-more-button{background-color:var(--button-bg-color);color:#fff;font-weight:700;border:none;padding:.625em 1.25em;border-radius:.3125em;cursor:pointer;font-size:1em;margin-top:12px;width:30%}.payment-success-more-button:hover{background-color:var(--button-hover-bg-color)}.payment-success-email-button{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:1em;cursor:pointer;display:block;margin:auto}.payment-success-email-button:hover{background-color:#45a049}@media (prefers-color-scheme: dark){.payment-success-message-container{border:1px solid #fff}.payment-success-content{background-color:#333}.payment-success-title,.payment-success-text,.payment-success-amount{color:#f0f0f0}.payment-success-more-button{background-color:var(--button-bg-color);color:#000}.payment-success-more-button:hover{background-color:#d18903}}@media (max-width: 600px){.payment-success-message-container,.payment-success-more-button{width:90%}.payment-success-content{height:auto}.payment-success-container{height:100vh}}@media (min-width: 600px) and (max-width: 767px){.payment-success-message-container,.payment-success-more-button{width:75%}}@media (min-width: 768px) and (max-width: 1024px){.payment-success-message-container,.payment-success-more-button{width:50%}}:root{--bg-color: #FAFAFA;--text-color: #000;--input-bg-color: #eee;--input-text-color: #000;--input-border-color: #ccc;--label-color: #333;--button-bg-color: #1C7BC0;--primary-color: #1C7BC0;--button-text-color: white;--button-hover-bg-color: #126097;--error-modal-bg-color: white;--error-modal-text-color: black;--error-modal-border-color: black}@media (prefers-color-scheme: dark){:root{--bg-color: #333;--text-color: #fff;--input-bg-color: #666;--input-text-color: #fff;--input-border-color: #444;--label-color: #ccc;--button-bg-color: #1C7BC0;--button-text-color: black;--button-hover-bg-color: #126097;--error-modal-bg-color: #333;--error-modal-text-color: white;--error-modal-border-color: #fff}}.tokenizer-payment-container{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-color);color:var(--text-color);width:100%;box-sizing:border-box}.error-modal-header-container{display:flex;align-items:center;justify-content:space-between;font-weight:700}.tokenizer-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;font-size:1.5em;color:#000;z-index:99999}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;font-size:1.5em;color:#000;z-index:99999}.loading-container{background-color:#fff;padding:40px;border-radius:8px;font-weight:600}.error-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.error-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--error-modal-bg-color);padding:32px;z-index:2000;width:auto;max-width:25%;box-shadow:0 4px 8px #0000004d;border-radius:10px}.error-okay-button{width:100%;border:1px solid var(--primary-color);border-radius:4px;margin-top:12px;background-color:#fff}.error-okay-button:hover{border:1px solid rgb(207,136,3)}.close-button{top:5px;right:9px;border:none;background:none;cursor:pointer;font-size:1.2em;color:var(--label-color);padding:1px}@media (prefers-color-scheme: dark){#tokenizer-container{background-color:var(--bg-color);color:var(--text-color);color-scheme:normal}.tokenizer-payment-container{background-color:var(--bg-color);color:var(--text-color)}}.user-info,.billing-info,.payment-info,.ach-info{display:flex;flex-wrap:wrap;gap:5px;margin:1px 0;width:100%;border:none;padding:0}.user-info input,.billing-info input,.billing-info select,.payment-info input,.ach-info input,.ach-info select,#card-container,#cvv-container{background-color:#fff;color:var(--input-text-color);border:1px solid var(--input-border-color);padding:10px;border-radius:4px;font-size:16px}.payment-info input#expiryDate::placeholder{color:#aaa}.payment-info .expiryDate-label{display:block}.ach-info{display:flex;align-items:flex-start;gap:10px;margin-bottom:1px;width:100%}.ach-info>div{flex:1;min-width:0}form{width:100%;display:flex;flex-direction:column}.form-section-title{font-weight:700;margin-bottom:1px;width:100%;text-align:left;color:#2c3e50;font-size:1.2em}.form-section{padding:12px;border:1px solid #dfdfdf;border-radius:8px;margin-bottom:4px}.label{margin-bottom:1px;color:var(--label-color);text-align:left;font-size:smaller}.info-items{flex:1;display:flex;flex-direction:column}.info-items input,.info-items select{width:100%;box-sizing:border-box}.user-info{width:100%;display:flex;gap:8px;justify-content:space-between;box-sizing:border-box}.billing-info-container{width:100%;display:flex;gap:8px}#card-container{height:40px;border:none;padding:0;background-color:#fff}#cvv-container{height:40px;padding:0;border:none;background-color:#fff}.payment-card-section{width:100%;display:flex;gap:8px;box-sizing:border-box;flex-wrap:wrap}.payment-card-section .info-items{display:flex;flex-direction:column;box-sizing:border-box}.payment-card-section .info-items:nth-child(1){flex:0 0 63%}.payment-card-section .info-items:nth-child(2){flex:0 0 17%}.payment-card-section .info-items:nth-child(3){flex:0 0 15%}.payment-card-section .info-items input,.payment-card-section .info-items div{width:100%;box-sizing:border-box}.payment-bank-section{width:100%;display:flex;flex:1;box-sizing:border-box}.payment-selection{width:100%;display:flex;flex:1;margin-bottom:4px;margin-top:4px}.payment-selection-items{width:50%;border:0px;font-weight:600;display:relative;font-size:15px;padding:8px 16px;text-align:left}.payment-selection-items-full{width:100%;border:0px;font-weight:600;display:relative;font-size:15px;padding:8px 16px;text-align:left}.payment-selection-items:nth-of-type(1){border-radius:4px 0 0 4px}.payment-selection-items:nth-of-type(2){border-radius:0}.payment-selection-items:nth-of-type(3){border-radius:0 4px 4px 0}.payment-background{background-color:#dcdee2}.payment-selected{background-color:#fff;border:1px solid var(--primary-color)}.payment-selection-items:focus{border:1px solid var(--primary-color);outline:1px solid transparent}.payment-selected-checkmark{color:var(--primary-color);padding-right:4px;font-size:larger}.payment-bank-section{width:100%;display:flex;gap:8px}.payment-visible{visibility:visible;display:block}.payment-hidden{visibility:hidden;display:none}@media (prefers-color-scheme: dark){.form-section-title{color:#fff}.info-items input,.info-items select{background-color:#ffffff40;border:1px solid #e8e8e8}.info-items option{color:#000}.payment-card-section .info-items input,.payment-bank-section .info-items input,.payment-bank-section .info-items select{background-color:#fff;border:1px solid #fff;color:#5c5b5b}#card-container,#cvv-container{background-color:#fff;border:none}.payment-selection-items{background-color:#5c5b5b}.payment-selected{background-color:#fff;border:1px solid var(--primary-color);color:#333}}@media (max-width: 1120px){.payment-card-section{flex-wrap:wrap}.payment-card-section .info-items:nth-child(1){flex:0 0 100%}.payment-card-section .info-items:nth-child(2){flex:0 0 25%}.payment-card-section .info-items:nth-child(3){flex:0 0 25%}.payment-selection-items{padding:8px 8px 8px 16px}}.terminal-payment-section{margin-top:1rem}.terminal-dropdown{width:100%;padding:8px;border-radius:6px;border:1px solid #ccc;font-size:14px}.spinner-button-container{width:100%;margin-bottom:40px;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;box-shadow:none;transition:background-color .3s;display:flex;align-items:center;justify-content:center}.spinner-button-container:hover{background-color:var(--button-hover-bg-color)}.spinner-button-container:disabled{opacity:.7;cursor:not-allowed}.spinner-button-loading{opacity:.7;cursor:not-allowed}.spinner-button-icon{width:16px;height:16px;display:inline-block;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spinner-button-rotate .6s linear infinite;margin-right:4px}@keyframes spinner-button-rotate{to{transform:rotate(360deg)}}.spinner-text-icon{width:16px;height:16px;display:inline-block;border:2px solid var(--text-color);border-radius:50%;border-top-color:transparent;animation:spinner-text-rotate .6s linear infinite;margin-right:4px}@keyframes spinner-text-rotate{to{transform:rotate(360deg)}}.payment-summary{font-weight:700;margin-bottom:.5em;text-align:left;font-size:1.2em}.payment-info-header{border-radius:8px;border:1px solid #dfdfdf;padding:12px;margin-bottom:4px}.payment-info-container{background-color:#f2f2f2;padding:12px;border-radius:8px}.payment-info-has-selected{background-color:var(--primary-color);color:#fff}.payment-total-label{font-size:smaller}.payment-total-value{font-weight:700}.payment-info-label,.payment-info-value{font-size:smaller}.payment-info-line{display:flex;justify-content:space-between;align-items:"center"}.payment-info-jump-button{display:none}@media (prefers-color-scheme: dark){.payment-info-label,.payment-info-value,.total-due-label,.total-due-value{color:#f2f2f2}.payment-info-header{background-color:#333}.payment-info-container{background-color:#5c5b5b}.payment-info-has-selected{background-color:var(--primary-color)}.payment-info-jump-button{background-color:#333!important}}@media (max-width: 1024px){.payment-info-jump-button{display:block;width:100%;border:1px solid var(--primary-color);margin-top:8px;border-radius:4px;background-color:#fff}.payment-info-jump-button:hover{border:1px solid var(--button-hover-bg-color);color:var(--primary-color)}}.company-header{background-color:#fff;padding:5px;border-radius:0;display:flex;align-items:center;width:100vw}.company-title{font-weight:700;font-size:2em;padding:20px;color:#000}.company-logo{display:block;width:auto;padding-left:5px;max-height:90px;margin:8px 0;will-change:filter;transition:filter .3s}.company-logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.company-logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .company-logo{animation:logo-spin infinite 20s linear}}@media (prefers-color-scheme: dark){.company-header{background-color:#333}.company-title{color:#f0f0f0}}@media (max-width: 600px){.company-logo{height:40px}.company-title{font-size:1.2em}}@media (min-width: 600px) and (max-width: 767px){.company-logo{height:70px}.company-title{font-size:1.5em}}@media (min-width: 768px) and (max-width: 1024px){.company-logo{height:80px}.company-title{font-size:1.7em}}.menu-dropdown{position:relative}.menu-dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;background-color:transparent;color:#1f2937;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;min-height:44px}.menu-dropdown-trigger:focus{outline:none}.menu-signout{display:flex;align-items:center;gap:.5rem;padding:.1rem 1rem;border-radius:.5rem;background-color:transparent;color:#1f2937;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;min-height:44px}.menu-signout:hover{background-color:#dc2626;border-color:#dc2626;color:#fff}.menu-dropdown-menu{position:absolute;right:0;top:100%;margin-top:.5rem;width:200px;background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #d1d5db;z-index:50;overflow:hidden}.menu-dropdown-menu-content{padding:.5rem 0}.menu-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;text-align:left;color:#1f2937;background-color:transparent;border:none;cursor:pointer;transition:background-color .2s ease;font-size:.875rem;min-height:44px}.menu-dropdown-item:hover{background-color:#f3f4f6}.menu-dropdown-item:focus{outline:none;background-color:#f3f4f6}.menu-dropdown-item.menu-logout-item:hover{background-color:#dc2626;color:#fff}.menu-dropdown-divider{margin:.5rem 0;border:none;border-top:1px solid #e5e7eb}@media (prefers-color-scheme: dark){.menu-dropdown-trigger{color:#f9fafb}.menu-dropdown-menu{background-color:#1f2937;border-color:#374151;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.menu-dropdown-item{color:#f9fafb}.menu-dropdown-item:hover{background-color:#374151}.menu-dropdown-item:focus{background-color:#374151}.menu-dropdown-item.menu-logout-item:hover{background-color:#dc2626;color:#fff}.menu-dropdown-divider{border-top-color:#374151}}.menu-label,.logout-label{display:block}@media (max-width: 767px){.menu-label{display:none}}@media (max-width: 480px){.logout-label{display:none}}.menu-dropdown-menu{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-dropdown-trigger:focus-visible,.menu-signout:focus-visible,.menu-dropdown-item:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.invoice-card-container{display:none}.invoice-card-header,.invoice-label-value-container{display:flex;justify-content:space-between;align-items:center}.invoice-card-total-due{font-weight:700;font-size:large}.invoice-card-other-details{margin-top:12px}.selected-invoice-card{border:2px solid var(--primary-color)!important}@media (max-width: 1024px){.invoice-card-content{border:1px solid #ccc;padding:16px;border-radius:8px;margin-bottom:2px;font-size:smaller}.invoice-card-container{display:block;margin-top:12px}}.footer-container{height:120px;margin:0 20px;display:flex;align-items:center;background-color:transparent}@media (prefers-color-scheme: dark){.footer-container{background-color:transparent}}.customer-lookup-page{display:flex;flex-direction:column;background-color:var(--bg-color)}.customer-lookup-form-title{color:#213446;margin-bottom:-16px}.customer-lookup-content{height:80vh;display:flex;gap:8px;padding:1.2em}.customer-lookup-image-container{width:65%;box-shadow:0 4px 8px #0000001a;border-radius:8px;height:100%}.customer-lookup-image{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px #0000001a}.customer-lookup-form-container{width:35%;display:flex;justify-content:center;padding-top:72px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.customer-lookup-form-card{padding:0 32px;width:100%}.customer-lookup-input{width:100%;padding:10px;border:1px solid #E8E8E8;border-radius:4px;box-sizing:border-box;font-size:small;margin-bottom:8px}.customer-lookup-input:focus{border:1px solid var(--primary-color)!important}.customer-lookup-construction-image{width:50%;height:auto}.input-error{border:1px solid red}.error-message{color:red;font-size:smaller;margin-bottom:0}@media (prefers-color-scheme: dark){.customer-lookup-form-container{background-color:#424242;box-shadow:0 4px 8px #00000080}.customer-lookup-form-card{color:#f0f0f0;border-radius:8px}.customer-lookup-form-title{color:#f0f0f0}.customer-lookup-input{background-color:#333;color:#f0f0f0;border:2px solid #ccc}.input-error{border:2px solid #ff4500}.error-message{color:#ff4500}}@media (max-width: 600px){.customer-lookup-image-container,.customer-lookup-form-container{width:100%}.customer-lookup-form-container{align-items:center;padding-top:24px}.customer-lookup-form-title{display:none}.customer-lookup-content{flex-wrap:wrap;gap:16px}}@media (min-width: 600px) and (max-width: 767px){.customer-lookup-image-container,.customer-lookup-form-container{width:50%}.customer-lookup-content{height:100vh;overflow-x:hidden}}@media (min-width: 768px) and (max-width: 1024px){.customer-lookup-image-container,.customer-lookup-form-container{width:50%}.customer-lookup-content{height:100vh;overflow-x:hidden}}@media (max-width: 599px){.customer-lookup-content{height:auto;overflow-x:hidden}}.merchant-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:linear-gradient(135deg,#a1c4fd 0%,#9090e9 100%);background-image:url(/assets/AzureBG-33a439e0.png);background-size:cover;background-position:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.merchant-login-card{background-color:#fff;border-radius:4px;box-shadow:0 4px 16px #0000001a;padding:40px;width:100%;max-width:440px;text-align:center}.merchant-login-title{font-size:32px;font-weight:700;color:#000;margin-bottom:48px}.merchant-login-instruction{font-size:20px;color:#333;margin-bottom:12px;text-align:center}.merchant-lookup-form-group{margin-bottom:4px}.merchant-lookup-input{width:100%;padding:12px 16px;border:1px solid black;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box;background-color:#e9f0fd}.merchant-lookup-input:focus{border-color:#4a60eb}.merchant-lookup-input::placeholder{color:#999}.merchant-lookup-submit{width:100%;padding:12px;background-color:#47529e;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s,box-shadow .2s;margin-top:56px;box-shadow:0 4px 8px #0003}.merchant-lookup-submit:hover{background-color:#5163c1;box-shadow:0 6px 12px #00000040}.merchant-login-footer{display:flex;align-items:center;justify-content:center;margin-top:40px;color:#666;font-size:14px}.merchant-lookup-logo{height:24px;margin-top:8px;margin-left:8px}.gateway-select-container{position:relative;width:100%;margin-bottom:20px}.gateway-select-header{position:relative;cursor:pointer;display:flex;align-items:center}.gateway-input{background-color:#232830;color:#fff;border:1px solid #3b4253;width:100%;padding-right:30px}.gateway-dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6c7293;font-size:12px;pointer-events:none}.gateway-dropdown-menu{position:absolute;top:100%;left:0;width:100%;background-color:#232830;border:1px solid #3b4253;border-top:none;border-radius:0 0 4px 4px;z-index:10;max-height:200px;overflow-y:auto}.gateway-dropdown-item{padding:12px 16px;color:#fff;cursor:pointer;transition:background-color .2s}.gateway-dropdown-item:hover{background-color:#36404c}.gateway-continue-btn{background-color:#718096;color:#e2e8f0;font-weight:400;border-radius:4px;margin-top:16px;margin-bottom:12px}.gateway-continue-btn:disabled{background-color:#4a5568;cursor:not-allowed;opacity:.7}.gateway-continue-btn:hover:not(:disabled){background-color:#5465cc}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.button-content{display:flex;align-items:center;justify-content:center;height:100%}.gateway-cancel-btn{width:100%;padding:12px;background-color:transparent;color:#fff;border:1px solid #4a5568;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-bottom:16px}.gateway-cancel-btn:hover{background-color:#ffffff0d}@media (prefers-color-scheme: light){.gateway-input{background-color:#e9f0fd;color:#333;border:1px solid #cbd5e0}.gateway-dropdown-arrow{color:#4a5568}.gateway-dropdown-menu{background-color:#fff;border:1px solid #cbd5e0;border-top:none}.gateway-dropdown-item{color:#333}.gateway-dropdown-item:hover{background-color:#e9f0fd}.gateway-continue-btn{background-color:#47529e;color:#fff}.gateway-continue-btn:disabled{background-color:#a0aec0;opacity:.7}.gateway-cancel-btn{color:#4a5568;border:1px solid #cbd5e0}.gateway-cancel-btn:hover{background-color:#0000000d}}@media (max-width: 480px){.merchant-login-card{padding:24px;margin:0 16px}}@media (prefers-color-scheme: dark){.merchant-login-container{background:linear-gradient(135deg,#2d3748 0%,#1a202c 100%);background-image:url(/assets/AzureBG-33a439e0.png);background-blend-mode:overlay}.spinner{border:2px solid rgba(255,255,255,.2);border-top-color:#fff}.merchant-login-card{background-color:#1f2937;box-shadow:0 4px 16px #0000004d}.merchant-login-title{color:#e5e7eb}.merchant-login-instruction{color:#d1d5db}.merchant-lookup-input{background-color:#374151;border:1px solid #4b5563;color:#e5e7eb}.merchant-lookup-input::placeholder{color:#9ca3af}.merchant-lookup-submit{background-color:#5465cc}.merchant-lookup-submit:hover{background-color:#6575dc}.merchant-login-footer{color:#9ca3af}.merchant-lookup-logo{filter:brightness(.9) contrast(1.1)}}.merchant-invoice-payment-option{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.merchant-invoice-payment-option input[type=radio]{position:absolute;opacity:0}.merchant-invoice-radio-custom{position:relative;display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #ccc;margin-right:10px}.no-invoice-details-message{border-radius:6px;color:#000;font-size:16px;font-weight:500;display:flex;align-items:center;gap:12px}.no-invoice-details-icon{color:#f39c12;flex-shrink:0}.payment-select{padding:4px;border-radius:4px;border:1px solid gray;margin-top:8px}.merchant-invoice-radio-selected{border-color:#007bff}.merchant-invoice-payment-option input[type=radio]:checked+.merchant-invoice-radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#007bff}.merchant-invoice-option-text{font-size:14px}.show-mobile,.not-show-payment-method{display:none}@media (max-width: 600px){.show-mobile{display:block}}@media (prefers-color-scheme: dark){.payment-select{background-color:#374151}.no-invoice-details-message{color:#fff}}.pagination-container{display:flex;justify-content:end;align-items:center;margin:16px 0;font-size:14px;width:100%}.pagination-controls{display:flex;align-items:center;margin-right:16px}.pagination-pages{display:flex;align-items:center}.pagination-page,.pagination-arrow{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;margin:0 2px;padding:0 8px;background-color:#fff;cursor:pointer;transition:all .2s ease}.pagination-page:hover,.pagination-arrow:hover{background-color:#f5f5f5}.pagination-page.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.pagination-arrow:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{margin:0 4px}.pagination-per-page{display:flex;align-items:center;gap:8px}.pagination-select{padding:6px 12px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;cursor:pointer}@media (prefers-color-scheme: dark){.pagination-page,.pagination-arrow{background-color:#1e1e1e;color:#e0e0e0;border-color:#444}.pagination-page:hover,.pagination-arrow:hover{background-color:#2a2a2a}.pagination-page.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-select{background-color:#374151;color:#e0e0e0;border-color:#444}.pagination-ellipsis{color:#e0e0e0}}.dark .pagination-page,.dark .pagination-arrow{background-color:#1e1e1e;color:#e0e0e0;border-color:#444}.dark .pagination-page:hover,.dark .pagination-arrow:hover{background-color:#2a2a2a}.dark .pagination-page.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.dark .pagination-select{background-color:#1e1e1e;color:#e0e0e0;border-color:#444}.dark .pagination-ellipsis{color:#e0e0e0}@media (max-width: 640px){.pagination-container{flex-direction:column;gap:12px}.pagination-controls{width:100%;justify-content:center;margin-right:0}.pagination-per-page{width:100%;justify-content:center}.pagination-page{min-width:28px;height:28px;font-size:12px}}.customer-search-container{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#fff}.customers-title{font-size:1.25rem;font-weight:600}.search-input-container{display:flex;align-items:center}.search-input{padding:8px 36px 8px 12px;border:1px solid #e2e8f0;border-radius:4px 0 0 4px;outline:none}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.search-icon{border-radius:0 4px 4px 0;border:1px solid #e2e8f0;background:white;color:#94a3b8;cursor:pointer}.search-icon:hover{background:#f8fafc}@media (prefers-color-scheme: dark){.customer-search-container{background-color:transparent;color:#fff}.search-input{background-color:#374151;border-color:#4b5563;color:#fff}.search-icon{background-color:#374151;border-color:#4b5563;color:#9ca3af}.search-icon:hover{background-color:#4b5563}}@media (max-width: 1024px){.customers-title{display:none}.search-input,.search-input-container{width:100%}.search-input-container{margin-top:12px}}.tooltip-container{position:relative;display:inline-block}.t-error{background-color:#f44336!important;visibility:visible!important;opacity:1!important}.tooltip-container .tooltip.t-error:after{border-color:#f44336 transparent transparent transparent}.tooltip-container .tooltip{visibility:hidden;position:absolute;z-index:100;bottom:125%;left:0;max-width:max-content;background-color:#333;color:#fff;text-align:center;padding:8px 12px;border-radius:4px;opacity:0;transition:opacity .3s;pointer-events:none;font-size:14px;box-shadow:0 2px 5px #0003}.tooltip-container .tooltip:after{content:"";position:absolute;top:100%;left:15px;border-width:6px;border-style:solid;border-color:#333 transparent transparent transparent}.tooltip-container.tooltip-enabled:hover .tooltip{visibility:visible;opacity:1}.tooltip-container .tooltip:before{content:attr(data-tooltip);white-space:normal;word-wrap:break-word}.not-found-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f5f5f5;padding:20px;position:fixed;top:0;left:0;right:0;bottom:0}.not-found-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:60px 40px;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;width:100%}.not-found-title{font-size:72px;font-weight:700;color:#e0e0e0;margin:0 0 16px;line-height:1}.not-found-subtitle{font-size:28px;font-weight:600;color:#333;margin:0 0 16px}.not-found-message{font-size:16px;color:#666;margin:0 0 32px;line-height:1.5}.not-found-button{background-color:#007bff;color:#fff;border:none;padding:12px 32px;font-size:16px;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.not-found-button:hover{background-color:#0056b3}.not-found-button:active{background-color:#004494;transform:translateY(1px)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}