@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";#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}}.add-payment-method-btn{align-self:flex-start;margin:8px 0 6px;padding:6px 12px;font-size:13px;font-weight:500;color:#222;background-color:#f3f4f6;border:1px solid #d0d5db;border-radius:6px;cursor:pointer;transition:all .2s ease}.add-payment-method-btn:hover{background-color:#e5e7eb;border-color:#c2c8cf}.add-payment-method-btn:active{background-color:#d9dde3}.add-payment-method-btn:focus-visible{outline:2px solid #4da3ff;outline-offset:2px}.add-payment-method-btn:disabled{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme: dark){.add-payment-method-btn{color:#fff;background-color:#2f3a45;border:1px solid #3d4a56}.add-payment-method-btn:hover{background-color:#3a4753;border-color:#4c5a67}.add-payment-method-btn:active{background-color:#26313a}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);z-index:99999;display:flex;align-items:center;justify-content:center}.modal-card{background:#ffffff;color:#222;width:90%;max-width:900px;padding:20px;border-radius:8px;box-shadow:0 20px 60px #00000026}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}@media (prefers-color-scheme: dark){.modal-overlay{background:rgba(0,0,0,.65)}.modal-card{background:#2b2b2b;color:#fff;box-shadow:0 20px 60px #0009}}.btn-secondary{background:transparent;border:1px solid #ccc;color:#555;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#f5f5f5}.btn-primary{background-color:#2563eb;border:none;color:#fff;padding:8px 18px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-primary:disabled{background-color:#a5b4fc;cursor:not-allowed;opacity:.7}.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}}.invoice-search-input{width:100%;padding:8px 32px 8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;transition:border-color .2s ease}.invoice-search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.invoice-search-input::placeholder{color:#999}.invoice-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0 4px;line-height:1}.invoice-search-clear:hover{color:#666}.no-invoice-search-results{padding:20px;text-align:center;color:#666;font-style:italic}.inline-retainage-container{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}.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-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: #fff;--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 66%}.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-third{width:33.33%;border:0px;font-weight:600;display:relative;font-size:15px;padding:8px 16px;text-align:left;color:#333}.payment-selection button:first-of-type{border-radius:4px 0 0 4px}.payment-selection button:last-of-type{border-radius:0 4px 4px 0}.payment-selection button:not(:first-of-type):not(:last-of-type){border-radius:0}.payment-selection button:only-of-type{border-radius:4px}.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:9px;padding:7px 14px;border-radius:8px;background-color:#e24b4a;color:#fff;box-shadow:0 1px 4px #0000001a,0 0 #e24b4a00;border:1.5px solid rgba(255,255,255,.4);font-size:16px;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none;transition:all .2s ease}.menu-signout:hover{background-color:#c8392b;border-color:#e24b4a59;box-shadow:0 2px 8px #e24b4a73,0 0 0 3px #e24b4a26}.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-search-container{position:relative;margin:12px 48px 12px auto;max-width:200px}.invoice-card-search-input{width:100%;padding:8px 32px 8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:transparent;color:inherit;transition:border-color .2s ease}.invoice-card-search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.invoice-card-search-input::placeholder{color:#999}.invoice-card-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0 4px;line-height:1}.invoice-card-search-clear:hover{color:#666}.inline-retainage-container{margin-top:12px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.inline-retainage-label{font-size:.85rem;color:inherit;white-space:nowrap}.no-invoice-search-results{padding:20px;text-align:center;color:#999;font-style:italic}.invoice-card-pagination-container{margin-top:16px}@media screen and (max-width: 991px){.invoice-card-search-container{max-width:100%!important;margin:12px 0!important}}@media screen and (max-width: 480px){.invoice-card-search-container{max-width:100%!important;margin:12px 0!important;padding:0!important}.invoice-card-search-input{width:90%!important}}.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)}}.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}}.clear-search-btn{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center}.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}.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}}:root{--sm-bg-backdrop: rgba(6, 8, 20, .8);--sm-bg-modal: #13152a;--sm-bg-section: #181b32;--sm-bg-input: #0f1122;--sm-bg-card: #1c1f38;--sm-bg-line-item: #181b32;--sm-border: #262b4a;--sm-border-focus: #6366f1;--sm-border-error: #ef4444;--sm-text-primary: #e8eaf6;--sm-text-secondary: #8892b0;--sm-text-muted: #4f5679;--sm-text-error: #ef4444;--sm-text-success: #10b981;--sm-text-required: #ef4444;--sm-text-link: #818cf8;--sm-accent: #6366f1;--sm-accent-hover: #4f46e5;--sm-accent-dim: rgba(99, 102, 241, .15);--sm-success: #10b981;--sm-success-dim: rgba(16, 185, 129, .15);--sm-toggle-off: #2d3154;--sm-toggle-on: #6366f1;--sm-toggle-thumb: #ffffff;--sm-radius-sm: 6px;--sm-radius-md: 10px;--sm-radius-lg: 14px;--sm-shadow-modal: 0 24px 80px rgba(0, 0, 0, .65), 0 4px 20px rgba(0, 0, 0, .4);--sm-font: "Plus Jakarta Sans", system-ui, sans-serif;--sm-transition: .18s ease}.sm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--sm-bg-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:sm-fade-in .2s ease}@keyframes sm-fade-in{0%{opacity:0}to{opacity:1}}.sm-modal{font-family:var(--sm-font);display:flex;flex-direction:column;width:100%;max-width:860px;max-height:90vh;background:var(--sm-bg-modal);border:1px solid var(--sm-border);border-radius:var(--sm-radius-lg);box-shadow:var(--sm-shadow-modal);overflow:hidden;animation:sm-slide-up .22s cubic-bezier(.34,1.28,.64,1);transition:max-width .25s cubic-bezier(.34,1.1,.64,1)}.sm-modal--list{max-width:980px}@keyframes sm-slide-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--sm-border);flex-shrink:0;background:var(--sm-bg-section);gap:12px}.sm-header-left{display:flex;align-items:center;gap:14px;min-width:0}.sm-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.sm-modal-title-group{display:flex;align-items:baseline;gap:10px}.sm-modal-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--sm-text-primary);letter-spacing:.01em;white-space:nowrap}.sm-modal-subtitle{font-size:.78rem;color:var(--sm-text-muted);font-weight:500}.sm-modal-close{background:none;border:none;color:var(--sm-text-secondary);font-size:1rem;cursor:pointer;width:32px;height:32px;border-radius:var(--sm-radius-sm);display:flex;align-items:center;justify-content:center;transition:background var(--sm-transition),color var(--sm-transition);line-height:1;flex-shrink:0}.sm-modal-close:hover{background:rgba(255,255,255,.08);color:var(--sm-text-primary)}.sm-btn-back{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--sm-text-secondary);font-family:var(--sm-font);font-size:.8rem;font-weight:500;cursor:pointer;padding:5px 8px;border-radius:var(--sm-radius-sm);transition:background var(--sm-transition),color var(--sm-transition);white-space:nowrap;flex-shrink:0}.sm-btn-back:hover{background:rgba(255,255,255,.06);color:var(--sm-text-primary)}.sm-modal-body{flex:1;overflow-y:auto;padding:0;scroll-behavior:smooth}.sm-modal-body::-webkit-scrollbar{width:6px}.sm-modal-body::-webkit-scrollbar-track{background:transparent}.sm-modal-body::-webkit-scrollbar-thumb{background:var(--sm-border);border-radius:999px}.sm-modal-body::-webkit-scrollbar-thumb:hover{background:#3a4070}.sm-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid var(--sm-border);flex-shrink:0;background:var(--sm-bg-section)}.sm-section{padding:28px}.sm-section-title{margin:0 0 20px;font-size:.9rem;font-weight:700;color:var(--sm-text-primary);letter-spacing:.04em;text-transform:uppercase}.sm-section-desc{margin:-12px 0 20px;font-size:.82rem;color:var(--sm-text-secondary);line-height:1.5}.sm-section-divider{height:1px;background:var(--sm-border);margin:0 28px}.sm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:16px}.sm-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 20px;margin-bottom:16px}.sm-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px 20px;margin-bottom:16px}.sm-col-span-1{grid-column:span 1}.sm-col-span-2{grid-column:span 2}.sm-row-align-start{align-items:start}@media (max-width: 600px){.sm-grid-2,.sm-grid-3,.sm-grid-5{grid-template-columns:1fr}.sm-col-span-2{grid-column:span 1}}.sm-field-group{display:flex;flex-direction:column;gap:6px}.sm-field-group--col{justify-content:center;padding-top:24px}.sm-label{font-size:.78rem;font-weight:600;color:var(--sm-text-secondary);letter-spacing:.02em}.sm-required{color:var(--sm-text-required)}.sm-hint{font-size:.75rem;color:var(--sm-text-muted);margin-top:2px;line-height:1.4}.sm-hint--indent{padding-left:4px}.sm-info-icon{cursor:help;color:var(--sm-text-muted);font-size:.75rem}.sm-input,.sm-select,.sm-textarea{width:100%;box-sizing:border-box;background:var(--sm-bg-input);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);color:var(--sm-text-primary);font-family:var(--sm-font);font-size:.83rem;padding:9px 12px;outline:none;transition:border-color var(--sm-transition),box-shadow var(--sm-transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.sm-input:focus,.sm-select:focus,.sm-textarea:focus{border-color:var(--sm-border-focus);box-shadow:0 0 0 3px var(--sm-accent-dim)}.sm-input--error{border-color:var(--sm-border-error)!important;box-shadow:0 0 0 3px #ef444426!important}.sm-input::placeholder,.sm-textarea::placeholder{color:var(--sm-text-muted)}.sm-input--right{text-align:right}.sm-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238892b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}.sm-select--slim{flex:0 0 auto;width:auto;min-width:110px}.sm-textarea{resize:vertical;min-height:72px}.sm-input-prefix-wrap{position:relative;display:flex;align-items:center}.sm-input-prefix{position:absolute;left:10px;font-size:.8rem;color:var(--sm-text-muted);pointer-events:none;z-index:1}.sm-input--prefixed{padding-left:24px}.sm-inline-pair{display:flex;gap:8px}.sm-inline-pair .sm-input{flex:1}.sm-field-error{font-size:.74rem;color:var(--sm-text-error);font-weight:500;margin-top:2px}.sm-toggle-wrap{display:flex;align-items:center;gap:10px}.sm-toggle{position:relative;width:38px;height:22px;border-radius:999px;background:var(--sm-toggle-off);border:none;cursor:pointer;padding:0;transition:background var(--sm-transition);flex-shrink:0}.sm-toggle--on{background:var(--sm-toggle-on)}.sm-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--sm-toggle-thumb);transition:transform var(--sm-transition);box-shadow:0 1px 4px #00000059}.sm-toggle--on .sm-toggle-thumb{transform:translate(16px)}.sm-toggle-label{font-size:.81rem;font-weight:500;color:var(--sm-text-primary)}.sm-line-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.sm-line-item{background:var(--sm-bg-line-item);border:1px solid var(--sm-border);border-radius:var(--sm-radius-md);padding:18px;position:relative}.sm-line-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sm-line-item-remove{background:none;border:none;color:var(--sm-text-muted);font-size:.76rem;cursor:pointer;font-family:var(--sm-font);padding:4px 8px;border-radius:var(--sm-radius-sm);transition:color var(--sm-transition),background var(--sm-transition)}.sm-line-item-remove:hover{color:var(--sm-text-error);background:rgba(239,68,68,.08)}.sm-line-item-total{text-align:right;font-size:.79rem;font-weight:700;color:var(--sm-text-primary);letter-spacing:.03em;margin-top:8px;padding-top:10px;border-top:1px solid var(--sm-border)}.sm-line-items-actions{display:flex;gap:10px;margin-bottom:20px}.sm-totals{border-top:1px solid var(--sm-border);padding-top:14px}.sm-totals-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--sm-text-secondary);padding:5px 0}.sm-totals-row--balance{color:var(--sm-text-primary);font-weight:700;font-size:.9rem;border-top:1px solid var(--sm-border);margin-top:6px;padding-top:12px}.sm-fieldset{border:1px solid var(--sm-border);border-radius:var(--sm-radius-md);padding:16px 18px;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}.sm-legend{font-size:.78rem;font-weight:600;color:var(--sm-text-secondary);padding:0 6px}.sm-radio-label{display:flex;align-items:center;gap:10px;font-size:.83rem;color:var(--sm-text-primary);cursor:pointer}.sm-radio{accent-color:var(--sm-accent);width:16px;height:16px;cursor:pointer;flex-shrink:0}.sm-card-info{background:var(--sm-bg-card);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);padding:14px 16px;margin-left:26px;margin-top:-4px}.sm-card-row{display:flex;gap:32px;margin-bottom:10px}.sm-card-col{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--sm-text-primary)}.sm-card-col-label{font-size:.74rem;color:var(--sm-text-muted);font-weight:600;letter-spacing:.02em}.sm-card-number{display:flex;align-items:center;gap:6px}.sm-card-icon{font-size:1rem}.sm-link{color:var(--sm-text-link);font-size:.78rem;text-decoration:none;font-weight:500}.sm-link:hover{text-decoration:underline}.sm-processor-row{display:flex;gap:16px;margin-bottom:18px;flex-wrap:wrap}.sm-processor-badge{font-size:.79rem;color:var(--sm-text-secondary);background:var(--sm-bg-card);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);padding:5px 10px}.sm-processor-badge strong{color:var(--sm-text-primary);font-weight:600}.sm-btn{font-family:var(--sm-font);font-size:.83rem;font-weight:600;border-radius:var(--sm-radius-sm);padding:9px 18px;cursor:pointer;border:none;transition:background var(--sm-transition),color var(--sm-transition),box-shadow var(--sm-transition),transform .1s ease;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.sm-btn:active:not(:disabled){transform:scale(.97)}.sm-btn--primary{background:var(--sm-accent);color:#fff}.sm-btn--primary:hover:not(:disabled){background:var(--sm-accent-hover);box-shadow:0 4px 14px #6366f166}.sm-btn--ghost{background:rgba(255,255,255,.05);color:var(--sm-text-secondary);border:1px solid var(--sm-border)}.sm-btn--ghost:hover:not(:disabled){background:rgba(255,255,255,.09);color:var(--sm-text-primary)}.sm-btn--submit{background:var(--sm-accent);color:#fff;min-width:160px;justify-content:center}.sm-btn--submit:hover:not(:disabled){background:var(--sm-accent-hover);box-shadow:0 4px 16px #6366f166}.sm-btn--success{background:var(--sm-success)!important;box-shadow:0 4px 16px #10b98159!important}.sm-btn:disabled{opacity:.55;cursor:not-allowed}.sm-btn--add-new{background:var(--sm-accent);color:#fff;font-size:.8rem;padding:7px 14px;border-radius:var(--sm-radius-sm);gap:5px}.sm-btn--add-new:hover{background:var(--sm-accent-hover);box-shadow:0 4px 14px #6366f159}.sm-spinner-wrap{display:flex;align-items:center;gap:8px}.sm-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:sm-spin .65s linear infinite}@keyframes sm-spin{to{transform:rotate(360deg)}}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sm-list-view{display:flex;flex-direction:column;min-height:320px}.sm-bulk-bar{display:flex;align-items:center;gap:12px;padding:0 24px;height:0;overflow:hidden;background:#1a1d38;border-bottom:1px solid transparent;transition:height .22s cubic-bezier(.34,1.1,.64,1),padding .22s ease,border-color .15s ease,opacity .15s ease;opacity:0}.sm-bulk-bar--visible{height:52px;padding:0 24px;border-bottom-color:var(--sm-border);opacity:1}.sm-bulk-bar-count{font-size:.8rem;font-weight:600;color:var(--sm-text-secondary);white-space:nowrap;flex-shrink:0}.sm-bulk-bar-num{color:var(--sm-accent);font-weight:700}.sm-bulk-bar-actions{display:flex;align-items:center;gap:6px;flex:1}.sm-bulk-bar-sep{width:1px;height:20px;background:var(--sm-border);margin:0 4px;flex-shrink:0}.sm-bulk-bar-dismiss{background:none;border:none;color:var(--sm-text-muted);cursor:pointer;font-size:.8rem;padding:4px 6px;border-radius:var(--sm-radius-sm);transition:color var(--sm-transition);flex-shrink:0;margin-left:auto}.sm-bulk-bar-dismiss:hover{color:var(--sm-text-secondary)}.sm-bulk-btn{display:inline-flex;align-items:center;gap:5px;font-family:var(--sm-font);font-size:.76rem;font-weight:600;padding:5px 11px;border-radius:var(--sm-radius-sm);border:1px solid;cursor:pointer;transition:background var(--sm-transition),color var(--sm-transition),border-color var(--sm-transition),box-shadow .15s ease;white-space:nowrap}.sm-bulk-btn:active{transform:scale(.96)}.sm-bulk-btn--resume{background:rgba(16,185,129,.1);border-color:#10b9814d;color:#10b981}.sm-bulk-btn--resume:hover{background:rgba(16,185,129,.18);border-color:#10b98180}.sm-bulk-btn--pause{background:rgba(245,158,11,.1);border-color:#f59e0b4d;color:#f59e0b}.sm-bulk-btn--pause:hover{background:rgba(245,158,11,.18);border-color:#f59e0b80}.sm-bulk-btn--cancel{background:rgba(99,102,241,.08);border-color:#6366f140;color:#a5b4fc}.sm-bulk-btn--cancel:hover{background:rgba(99,102,241,.15);border-color:#6366f166}.sm-bulk-btn--delete{background:rgba(239,68,68,.08);border-color:#ef444440;color:#f87171}.sm-bulk-btn--delete:hover{background:rgba(239,68,68,.16);border-color:#ef444473}.sm-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid var(--sm-border);border-radius:4px;background:var(--sm-bg-input);cursor:pointer;display:grid;place-content:center;transition:background var(--sm-transition),border-color var(--sm-transition);flex-shrink:0}.sm-checkbox:hover{border-color:var(--sm-accent)}.sm-checkbox:checked{background:var(--sm-accent);border-color:var(--sm-accent)}.sm-checkbox:indeterminate{background:var(--sm-accent);border-color:var(--sm-accent)}.sm-checkbox:checked:after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px);display:block}.sm-checkbox:indeterminate:after{content:"";width:8px;height:2px;background:#fff;border-radius:1px;display:block}.sm-table-wrap{flex:1;overflow-x:auto}.sm-table-wrap::-webkit-scrollbar{height:5px}.sm-table-wrap::-webkit-scrollbar-track{background:transparent}.sm-table-wrap::-webkit-scrollbar-thumb{background:var(--sm-border);border-radius:999px}.sm-table{width:100%;border-collapse:collapse;font-size:.82rem}.sm-th{padding:10px 14px;text-align:left;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sm-text-muted);background:var(--sm-bg-section);border-bottom:1px solid var(--sm-border);white-space:nowrap;position:sticky;top:0;z-index:1}.sm-th--check{width:42px;padding:10px 8px 10px 20px}.sm-th--right{text-align:right}.sm-td{padding:12px 14px;color:var(--sm-text-secondary);border-bottom:1px solid rgba(38,43,74,.5);vertical-align:middle;white-space:nowrap;transition:background var(--sm-transition),color var(--sm-transition)}.sm-td--check{width:42px;padding:12px 8px 12px 20px}.sm-td--name{color:var(--sm-text-primary);font-weight:600;min-width:140px}.sm-td--mono{font-variant-numeric:tabular-nums;font-size:.79rem;color:var(--sm-text-muted);font-weight:500}.sm-td--date{font-variant-numeric:tabular-nums;font-size:.8rem}.sm-td--right{text-align:right}.sm-td--balance{color:var(--sm-text-primary);font-weight:600;font-variant-numeric:tabular-nums;padding-right:20px}.sm-tr{cursor:pointer;transition:background var(--sm-transition)}.sm-tr:hover .sm-td{background:rgba(99,102,241,.04)}.sm-tr--selected:hover .sm-td{background:rgba(99,102,241,.12)}.sm-tr:last-child .sm-td{border-bottom:none}.sm-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid;white-space:nowrap}.sm-status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:currentColor}.sm-status-badge--active{color:#10b981;background:rgba(16,185,129,.1);border-color:#10b98140}.sm-status-badge--complete{color:#3b82f6;background:rgba(59,130,240,.1);border-color:#3b82f040}.sm-status-badge--paused{color:#f59e0b;background:rgba(245,158,11,.1);border-color:#f59e0b40}.sm-status-badge--cancelled{color:#94a3b8;background:rgba(148,163,184,.08);border-color:#94a3b833}.sm-list-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;border-top:1px solid var(--sm-border);background:var(--sm-bg-section);flex-shrink:0}.sm-list-count{font-size:.76rem;color:var(--sm-text-muted)}.sm-list-total{font-size:.78rem;color:var(--sm-text-secondary)}.sm-list-total strong{color:var(--sm-text-primary);font-weight:700}.sm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:10px;text-align:center}.sm-empty-icon{color:var(--sm-text-muted);margin-bottom:4px;opacity:.7}.sm-empty-title{margin:0;font-size:.95rem;font-weight:600;color:var(--sm-text-primary)}.sm-empty-sub{margin:0 0 12px;font-size:.82rem;color:var(--sm-text-muted)}.sm-search-bar{display:flex;align-items:center;gap:10px;padding:14px 20px 0;flex-shrink:0}.sm-search-input-wrap{position:relative;flex:1}.sm-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--sm-text-muted);pointer-events:none}.sm-search-input{padding-left:32px!important;padding-right:32px!important}.sm-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--sm-text-muted);cursor:pointer;font-size:.7rem;padding:2px 4px;line-height:1;transition:color var(--sm-transition)}.sm-search-clear:hover{color:var(--sm-text-primary)}.sm-search-btn{flex-shrink:0;white-space:nowrap}.sm-spinner--sm{width:10px;height:10px;border-width:1.5px;display:inline-block;vertical-align:middle}.sm-api-error-banner{display:flex;align-items:center;gap:8px;margin:10px 20px 0;padding:9px 12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);border-radius:var(--sm-radius-sm);color:#ef4444;font-size:.78rem;animation:sm-fade-in .18s ease}.sm-api-error-banner svg{flex-shrink:0}.sm-api-error-banner span{flex:1}.sm-api-error-dismiss{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.7rem;padding:0 2px;opacity:.7;line-height:1;transition:opacity var(--sm-transition)}.sm-api-error-dismiss:hover{opacity:1}.sm-tr--disabled{opacity:.45;cursor:not-allowed}.sm-tr--disabled .smd-eye-btn{pointer-events:auto}.sm-bulk-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:auto}.sm-bulk-btn--resume:disabled,.sm-bulk-btn--pause:disabled,.sm-bulk-btn--cancel:disabled{color:#3e4460;background-color:#ffffff0a;border-color:#ffffff14}@media (max-width: 768px){.sm-modal-header,.sm-modal-footer{padding:14px 18px}.sm-section{padding:20px 18px}.sm-section-divider{margin:0 18px}.sm-search-bar{padding:12px 16px 0}}@media (max-width: 480px){.sm-backdrop{padding:0;align-items:flex-end}.sm-modal{max-height:96vh;border-radius:var(--sm-radius-lg) var(--sm-radius-lg) 0 0}.sm-modal-header{padding:12px 14px;gap:8px}.sm-modal-title{font-size:.95rem;white-space:normal}.sm-modal-title-group{flex-direction:column;align-items:flex-start;gap:1px}.sm-modal-footer{padding:12px 14px;flex-wrap:wrap;gap:8px}.sm-btn--submit{flex:1;min-width:unset}.sm-section{padding:16px 14px}.sm-section-divider{margin:0 14px}.sm-search-bar{padding:10px 14px 0;flex-wrap:wrap}.sm-search-btn{width:100%;justify-content:center}.sm-bulk-bar--visible{height:auto;min-height:52px;padding:8px 14px;flex-wrap:wrap;gap:6px}.sm-bulk-bar-actions{flex-wrap:wrap}.sm-card-info{margin-left:0;margin-top:8px}.sm-card-row{flex-wrap:wrap;gap:12px}.sm-list-footer{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px}.sm-line-items-actions,.sm-inline-pair{flex-wrap:wrap}}@media (max-width: 375px){.sm-bulk-btn{font-size:.72rem;padding:5px 8px}.sm-bulk-bar-sep{display:none}.sm-empty-state{padding:40px 16px}}@media (prefers-color-scheme: light){:root{--sm-bg-backdrop: rgba(15, 23, 42, .45);--sm-bg-modal: #ffffff;--sm-bg-section: #f8f9fb;--sm-bg-input: #ffffff;--sm-bg-card: #f1f3f8;--sm-bg-line-item: #f8f9fb;--sm-border: #e2e6ef;--sm-border-focus: #6366f1;--sm-border-error: #ef4444;--sm-text-primary: #111827;--sm-text-secondary: #4b5563;--sm-text-muted: #9ca3af;--sm-text-error: #dc2626;--sm-text-success: #059669;--sm-text-required: #dc2626;--sm-text-link: #4f46e5;--sm-accent: #6366f1;--sm-accent-hover: #4338ca;--sm-accent-dim: rgba(99, 102, 241, .1);--sm-success: #10b981;--sm-success-dim: rgba(16, 185, 129, .1);--sm-toggle-off: #d1d5db;--sm-toggle-on: #6366f1;--sm-toggle-thumb: #ffffff;--sm-shadow-modal: 0 24px 80px rgba(0, 0, 0, .1), 0 4px 20px rgba(0, 0, 0, .07)}.sm-modal-close:hover{background:rgba(0,0,0,.06);color:var(--sm-text-primary)}.sm-btn-back:hover{background:rgba(0,0,0,.05);color:var(--sm-text-primary)}.sm-modal-body::-webkit-scrollbar-thumb:hover{background:#b0b8ce}.sm-bulk-bar{background:#eef0f8}.sm-btn--ghost{background:rgba(0,0,0,.03);border-color:var(--sm-border)}.sm-btn--ghost:hover:not(:disabled){background:rgba(0,0,0,.06);color:var(--sm-text-primary)}.sm-td{border-bottom:1px solid rgba(226,230,239,.9)}.sm-bulk-btn--cancel{color:#4f46e5;background:rgba(99,102,241,.08);border-color:#6366f140}.sm-bulk-btn--cancel:hover{background:rgba(99,102,241,.15);border-color:#6366f166}.sm-bulk-btn--delete{color:#dc2626;background:rgba(239,68,68,.08);border-color:#ef444440}.sm-bulk-btn--delete:hover{background:rgba(239,68,68,.14);border-color:#ef444466}.sm-bulk-btn--resume:disabled,.sm-bulk-btn--pause:disabled,.sm-bulk-btn--cancel:disabled{color:#9ca3af;background-color:#f3f4f6;border-color:#e5e7eb}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.55}.sm-spinner{border-color:#00000026;border-top-color:#6366f1}.sm-toggle-thumb{box-shadow:0 1px 4px #0000002e}.sm-tr:hover .sm-td{background:rgba(99,102,241,.05)}.sm-tr--selected:hover .sm-td{background:rgba(99,102,241,.1)}}.smd-backdrop{z-index:1010}.smd-modal{max-width:680px}.smd-header-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--sm-radius-sm);background:var(--sm-accent-dim);color:var(--sm-accent);flex-shrink:0}.smd-body{padding:0}.smd-section{padding:24px 28px}.smd-section-title{margin:0 0 16px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sm-text-muted)}.smd-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}@media (max-width: 520px){.smd-grid{grid-template-columns:1fr}}.smd-field{display:flex;flex-direction:column;gap:4px;min-width:0}.smd-field-label{font-size:.72rem;font-weight:600;color:var(--sm-text-muted);letter-spacing:.03em;text-transform:uppercase}.smd-field-value{font-size:.85rem;color:var(--sm-text-primary);font-weight:500;word-break:break-word;line-height:1.4}.smd-note{display:block;color:var(--sm-text-secondary);font-weight:400;line-height:1.5;white-space:pre-wrap}.smd-bool{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;letter-spacing:.03em;padding:2px 8px;border-radius:999px;border:1px solid}.smd-bool--yes{color:var(--sm-success);background:var(--sm-success-dim);border-color:#10b98140}.smd-bool--no{color:var(--sm-text-muted);background:rgba(79,86,121,.12);border-color:#4f567940}.smd-line-items-table-wrap{overflow-x:auto;border:1px solid var(--sm-border);border-radius:var(--sm-radius-md)}.smd-line-items-table{width:100%;border-collapse:collapse;font-size:.82rem}.smd-li-th{padding:9px 14px;text-align:left;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sm-text-muted);background:var(--sm-bg-section);border-bottom:1px solid var(--sm-border);white-space:nowrap}.smd-li-th--right{text-align:right}.smd-li-td{padding:10px 14px;color:var(--sm-text-secondary);border-bottom:1px solid rgba(38,43,74,.5);vertical-align:middle;white-space:nowrap}.smd-li-td--right{text-align:right}.smd-li-td--mono{font-variant-numeric:tabular-nums;font-weight:500;font-size:.8rem}.smd-li-td--total{color:var(--sm-text-primary);font-weight:600}.smd-li-tr:last-child .smd-li-td{border-bottom:none}.smd-li-tfoot-row{background:var(--sm-bg-section)}.smd-li-tfoot-label{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sm-text-muted);border-top:1px solid var(--sm-border);border-bottom:none!important}.smd-li-tfoot-total{font-size:.88rem;font-weight:700;color:var(--sm-text-primary);font-variant-numeric:tabular-nums;border-top:1px solid var(--sm-border);border-bottom:none!important;text-align:right;padding-right:14px}.smd-empty-items{margin:0;font-size:.82rem;color:var(--sm-text-muted);font-style:italic}.sm-th--actions{width:48px;padding:10px 16px 10px 8px}.sm-td--actions{width:48px;padding:0 16px 0 8px;text-align:right}.smd-eye-btn{border:none;background:transparent;color:var(--sm-text-secondary);border-radius:var(--sm-radius-sm);cursor:pointer;transition:background var(--sm-transition),color var(--sm-transition)}.smd-eye-btn:hover{background:var(--sm-accent-dim);color:var(--sm-accent)}.smd-eye-btn:focus-visible{outline:2px solid var(--sm-border-focus);outline-offset:2px;opacity:1}@media (max-width: 768px){.smd-section{padding:18px}}@media (max-width: 480px){.smd-section{padding:14px}.smd-section-title{font-size:.68rem;margin-bottom:12px}.smd-eye-btn{padding:6px}.sm-th--actions,.sm-td--actions{width:36px;padding-left:4px;padding-right:10px}}.sm-confirm-backdrop{z-index:1100}.sm-confirm-modal{max-width:480px;animation:sm-slide-up .22s cubic-bezier(.34,1.28,.64,1)}.sm-confirm-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--sm-radius-md);flex-shrink:0}.sm-confirm-icon--pause{background:rgba(245,158,11,.12);color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.sm-confirm-icon--cancel{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.25)}.sm-confirm-icon--resume{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.25)}.sm-confirm-section{padding:24px 28px 20px}.sm-confirm-question{margin:0 0 20px;font-size:.95rem;font-weight:700;color:var(--sm-text-primary);line-height:1.45}.sm-confirm-body{display:flex;flex-direction:column;gap:14px}.sm-confirm-desc{margin:0;font-size:.83rem;color:var(--sm-text-secondary);line-height:1.55}.sm-confirm-warning-banner{display:flex;align-items:center;gap:9px;padding:11px 14px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.22);border-radius:var(--sm-radius-sm);color:#f59e0b;font-size:.82rem;font-weight:500}.sm-confirm-warning-banner svg{flex-shrink:0}.sm-confirm-options{display:flex;flex-direction:column;gap:10px}.sm-confirm-radio-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--sm-bg-section);border:1px solid var(--sm-border);border-radius:var(--sm-radius-md);cursor:pointer;transition:border-color var(--sm-transition),background var(--sm-transition)}.sm-confirm-radio-card:hover{border-color:#6366f173;background:rgba(99,102,241,.04)}.sm-confirm-radio-card:has(.sm-radio:checked){border-color:var(--sm-border-focus);background:var(--sm-accent-dim)}.sm-confirm-radio-card .sm-radio{margin-top:2px}.sm-confirm-radio-content{display:flex;flex-direction:column;gap:3px}.sm-confirm-radio-title{font-size:.84rem;font-weight:600;color:var(--sm-text-primary);line-height:1.35}.sm-confirm-radio-sub{font-size:.77rem;color:var(--sm-text-secondary);line-height:1.5}.sm-confirm-sub-options{display:flex;flex-direction:column;gap:8px;padding-left:28px;max-height:0;overflow:hidden;opacity:0;transition:max-height .28s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin .2s ease;margin-top:0}.sm-confirm-sub-options--visible{max-height:220px;opacity:1;margin-top:-2px}.sm-confirm-radio-card--sub{background:var(--sm-bg-input);border-style:dashed}.sm-confirm-radio-card--sub:hover{border-color:#6366f180;background:rgba(99,102,241,.05)}.sm-confirm-radio-card--sub:has(.sm-radio:checked){border-color:var(--sm-border-focus);border-style:solid;background:var(--sm-accent-dim)}.sm-btn--confirm-pause{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.35);font-family:var(--sm-font);font-size:.83rem;font-weight:600;border-radius:var(--sm-radius-sm);padding:9px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--sm-transition),border-color var(--sm-transition),box-shadow .15s ease;white-space:nowrap}.sm-btn--confirm-pause:hover:not(:disabled){background:rgba(245,158,11,.25);border-color:#f59e0b8c;box-shadow:0 4px 14px #f59e0b33}.sm-btn--confirm-cancel{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.3);font-family:var(--sm-font);font-size:.83rem;font-weight:600;border-radius:var(--sm-radius-sm);padding:9px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--sm-transition),border-color var(--sm-transition),box-shadow .15s ease;white-space:nowrap}.sm-btn--confirm-cancel:hover:not(:disabled){background:rgba(239,68,68,.22);border-color:#ef444480;box-shadow:0 4px 14px #ef444433}.sm-btn--confirm-resume{background:rgba(16,185,129,.12);color:#10b981;border:1px solid rgba(16,185,129,.3);font-family:var(--sm-font);font-size:.83rem;font-weight:600;border-radius:var(--sm-radius-sm);padding:9px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--sm-transition),border-color var(--sm-transition),box-shadow .15s ease;white-space:nowrap}.sm-btn--confirm-resume:hover:not(:disabled){background:rgba(16,185,129,.22);border-color:#10b98180;box-shadow:0 4px 14px #10b98133}@media (max-width: 480px){.sm-confirm-section{padding:18px 16px 14px}.sm-confirm-question{font-size:.88rem}.sm-confirm-sub-options{padding-left:16px}.sm-btn--confirm-pause,.sm-btn--confirm-cancel,.sm-btn--confirm-resume{width:100%;justify-content:center}.sm-confirm-radio-card{padding:12px}}@media (max-width: 375px){.sm-confirm-section{padding:14px 12px 12px}.sm-confirm-warning-banner{font-size:.78rem;padding:9px 10px}}.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}}