@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";.refund-reason-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;padding:.75rem 2rem .75rem .75rem;border:1px solid var(--md-sys-color-outline);border-radius:.5rem;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);font-size:.75rem;font-weight:500;transition:all .2s ease;cursor:pointer;min-height:2.5rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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 .75rem center;background-size:1rem}.description-content .payment-information-wrapper,.description-content .payment-information-wrapper *{font-family:var(--md-sys-font-family-primary);color:#333}.description-content .payment-information-wrapper{margin:0;width:100%}.description-content .payment-information-wrapper h2{margin-bottom:15px;font-size:1.4em;color:#222}.description-content .payment-information-wrapper table{border-collapse:collapse;width:100%;background-color:#fff}.description-content .payment-information-wrapper th,.description-content .payment-information-wrapper td{padding:5px;text-align:left}.description-content .payment-information-wrapper th{background-color:#f5f5f5;font-weight:700;font-size:.95em;color:#444}.description-content h2{margin-bottom:15px;font-size:1.4em;color:#222;font-family:var(--md-sys-font-family-primary)}.description-content table{border-collapse:collapse;width:100%;background-color:#fff;margin:20px 0}.description-content th,.description-content td{padding:5px;text-align:left;font-family:var(--md-sys-font-family-primary)}.description-content th{background-color:#f5f5f5;font-weight:700;font-size:.95em;color:#444}*,*:before,*:after{box-sizing:border-box}.page-container{min-height:100vh;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem 0}@media (min-width: 640px){.page-container{padding:3rem 1.5rem}}@media (min-width: 1024px){.page-container{padding:3rem 2rem}}.content-wrapper{margin:0 auto;box-sizing:border-box}@media (min-width: 768px){.content-wrapper{width:700px}}@media (max-width: 767px){.content-wrapper{width:98%}}.header-section{text-align:center;margin-bottom:2rem}.logo-container{margin:0 auto 1.5rem}.logo-image{height:5rem;width:auto;margin:0 auto;border-radius:.75rem;background-color:var(--md-sys-color-surface);padding:.25rem;box-shadow:var(--md-sys-elevation-level2)}.main-heading{font-size:1.875rem;font-weight:800;color:var(--md-sys-color-on-surface);text-align:center}.sub-heading{margin-top:.125rem;font-size:.875rem;font-weight:500;color:var(--md-sys-color-primary);text-align:center}.flag-emoji{display:inline-block;width:1.1em;height:1.1em;margin-left:.35rem;vertical-align:-.1em}@media (max-width: 767px){.header-section{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.75rem;margin-bottom:1rem}.logo-container{margin:0;grid-row:1 / span 2}.main-heading,.sub-heading{text-align:left;grid-column:2}.main-heading{font-size:1.5rem;line-height:1.2}.header-section--payment{display:flex;align-items:center;gap:.75rem;justify-content:center;text-align:center}.header-section--payment .logo-container{margin:0}.header-section--payment .header-text{display:flex;flex-direction:column;align-items:center;text-align:center}.header-section--payment .main-heading{font-size:1.5rem;line-height:1.2;text-align:center}.header-section--payment .sub-heading{margin-top:0;text-align:center}}.card-container{margin-top:2rem;margin:0 auto;width:100%;max-width:28rem}.card{background-color:var(--md-sys-color-surface);padding:2rem 1rem;box-shadow:var(--md-sys-elevation-level3);border-radius:.75rem;border:1px solid var(--md-sys-color-outline)}.payment-card{background-color:var(--md-sys-color-surface);padding:2rem 1rem;box-shadow:0 .46875rem 2.1875rem #3b3e6608,0 .9375rem 1.40625rem #3b3e6608,0 .25rem .53125rem #3b3e660d,0 .125rem .1875rem #3b3e6608;border-radius:.75rem;border:0;width:100%;box-sizing:border-box;overflow:hidden}@media (min-width: 640px){.payment-card{padding:2rem 2.5rem}}@media (min-width: 640px){.card{padding:2rem 2.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid transparent;border-radius:.75rem;box-shadow:var(--md-sys-elevation-level1);font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);text-decoration:none;transition:all .2s ease;cursor:pointer}.btn:hover:not(:disabled){background-color:var(--md-sys-color-secondary);box-shadow:var(--md-sys-elevation-level2)}.btn:focus{outline:none;box-shadow:0 0 0 3px var(--md-sys-color-primary-container)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.form-field{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:5px}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;padding:.75rem;border:1px solid var(--md-sys-color-outline);border-radius:.75rem;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);font-size:.875rem;transition:all .2s ease}.form-input::placeholder{color:var(--md-sys-color-on-surface-variant)}.form-input:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 3px var(--md-sys-color-primary-container)}.back-link-container{margin-top:1.5rem;text-align:center}.back-link{font-size:.875rem;color:var(--md-sys-color-primary);font-weight:500;transition:color .2s ease;text-decoration:none}.back-link:hover{color:var(--md-sys-color-secondary)}.test-section{margin-top:4rem;padding:1.5rem;background-color:var(--md-sys-color-surface-variant);border-radius:.75rem;border:1px solid var(--md-sys-color-outline);max-width:42rem;margin-left:auto;margin-right:auto;box-shadow:var(--md-sys-elevation-level1);width:100%;box-sizing:border-box}.test-section-title{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:1rem;text-align:center}.test-buttons-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 640px){.test-buttons-grid{grid-template-columns:1fr 1fr}}.test-button{display:block;width:100%;padding:1rem;border:1px solid var(--md-sys-color-outline);border-radius:.75rem;font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);transition:all .2s ease;text-align:center;text-decoration:none}.test-button:hover{box-shadow:var(--md-sys-elevation-level2)}.test-button:focus{outline:none;box-shadow:0 0 0 3px var(--md-sys-color-primary-container)}.test-description{font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:500;color:var(--md-sys-color-on-surface-variant);text-align:center;margin-top:.75rem}.reports-section{margin-top:2rem;padding:1.5rem;background-color:var(--md-sys-color-surface-variant);border-radius:.75rem;border:1px solid var(--md-sys-color-outline);max-width:42rem;margin-left:auto;margin-right:auto;box-shadow:var(--md-sys-elevation-level1);width:100%;box-sizing:border-box}.reports-section-title{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:1rem;text-align:center}.reports-buttons-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.report-button{display:block;width:100%;padding:1rem;border:1px solid var(--md-sys-color-outline);border-radius:.75rem;font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);text-decoration:none;text-align:center;transition:all .2s ease}.report-button:hover{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary);transform:translateY(-1px);box-shadow:var(--md-sys-elevation-level2)}.reports-description{font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:500;color:var(--md-sys-color-on-surface-variant);text-align:center;margin-top:.75rem}.order-completed-container{margin-top:2rem;margin:0 auto;width:100%;max-width:28rem}.order-completed-card{background-color:var(--md-sys-color-surface);padding:2rem 1rem;box-shadow:var(--md-sys-elevation-level3);border-radius:.75rem;border:1px solid var(--md-sys-color-outline)}@media (min-width: 640px){.order-completed-card{padding:2rem 2.5rem}}.order-completed-content{text-align:center}.success-icon{margin:0 auto 1rem}.order-completed-title{font-size:1.5rem;font-weight:700;color:var(--md-sys-color-success);margin-bottom:.5rem}.order-completed-message{color:var(--md-sys-color-on-surface-variant);margin-bottom:1.5rem}.back-button{display:inline-block;width:100%;padding:.75rem 1rem;border:1px solid transparent;border-radius:.75rem;text-align:center;font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);text-decoration:none;transition:all .2s ease}.back-button:hover{background-color:var(--md-sys-color-secondary)}.payment-container{margin-top:2rem;margin:0 auto;width:100%}.loading-state{text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-radius:50%;height:3rem;width:3rem;border-bottom:2px solid var(--md-sys-color-primary);margin:0 auto}.loading-text{margin-top:1rem;color:var(--md-sys-color-on-surface-variant)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-payment-state{text-align:center}.no-payment-icon{margin:0 auto 1rem}.no-payment-title{font-size:1.125rem;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:.5rem}.no-payment-message{color:var(--md-sys-color-on-surface-variant);margin-bottom:1.5rem}.no-payment-button{display:inline-flex;align-items:center;padding:.5rem 1rem;border:1px solid transparent;border-radius:.75rem;box-shadow:var(--md-sys-elevation-level1);font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);text-decoration:none;transition:all .2s ease}.no-payment-button:hover{background-color:var(--md-sys-color-secondary)}.success-card{border-radius:.75rem;background-color:rgba(var(--md-sys-color-success),.1);padding:1.5rem;border:1px solid rgba(var(--md-sys-color-success),.2)}.success-content{display:flex}.success-icon{flex-shrink:0}.success-text{margin-left:.75rem}.success-title{font-size:1.125rem;font-weight:700;color:var(--md-sys-color-success)}.success-message{margin-top:.75rem}.success-message p{font-size:.875rem;color:rgba(var(--md-sys-color-success),.8);margin-bottom:.5rem}.success-message p.font-medium{font-weight:500}.token-display{background-color:rgba(var(--md-sys-color-success),.2);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;word-break:break-all;display:block;margin:.25rem 0}.success-actions{margin-top:1.5rem}.success-button{width:100%;display:flex;justify-content:center;padding:.75rem 1rem;border:1px solid transparent;border-radius:.75rem;box-shadow:var(--md-sys-elevation-level1);font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);transition:all .2s ease;cursor:pointer}.success-button:hover{background-color:var(--md-sys-color-secondary)}.payment-information-section{margin-bottom:2rem}.payment-information-title{font-size:1.5rem;font-weight:600;color:var(--md-sys-color-on-surface);margin-bottom:1rem;text-align:center}.payment-details{margin-bottom:1.5rem;padding:1rem;background-color:var(--md-sys-color-surface-variant);border-radius:.75rem}.payment-details-title{font-size:1.125rem;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:1.5rem}.payment-details-content{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.payment-detail-item{display:flex;flex-direction:column;margin-bottom:.25rem}.payment-detail-label{color:var(--md-sys-color-on-surface-variant);font-size:.875rem;margin-bottom:.25rem}.payment-detail-value{font-weight:500;color:var(--md-sys-color-on-surface);text-align:left;font-size:1rem}.payment-detail-amount{font-weight:500;font-size:1.125rem;color:var(--md-sys-color-primary);text-align:left}.form-fields{display:flex;flex-direction:column;gap:1.5rem}.payment-input-group{display:flex;gap:.5rem}.payment-input{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;padding:.75rem;border:1px solid var(--md-sys-color-outline);border-radius:.75rem;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);font-size:.875rem;transition:all .2s ease}.payment-input::placeholder{color:var(--md-sys-color-on-surface-variant)}.payment-input:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 3px var(--md-sys-color-primary-container)}.payment-input.voucher-applied{background-color:rgba(var(--md-sys-color-success),.1);border-color:var(--md-sys-color-success)}.voucher-button{padding:.75rem 1rem;border:1px solid transparent;border-radius:.75rem;box-shadow:var(--md-sys-elevation-level1);font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);transition:all .2s ease;cursor:pointer}.voucher-button:hover:not(:disabled){background-color:var(--md-sys-color-secondary)}.voucher-button:focus{outline:none;box-shadow:0 0 0 3px var(--md-sys-color-primary-container)}.voucher-button:disabled{opacity:.5;cursor:not-allowed}.voucher-spinner{animation:spin 1s linear infinite;height:1rem;width:1rem}.voucher-message{margin-top:.5rem;margin-bottom:1rem}.voucher-success{font-size:.875rem;color:var(--md-sys-color-success);font-weight:500}.voucher-error{font-size:.875rem;color:var(--md-sys-color-error);font-weight:500}.voucher-applied-info{margin-top:.5rem;padding:.75rem;background-color:rgba(var(--md-sys-color-success),.1);border-radius:.5rem;border:1px solid rgba(var(--md-sys-color-success),.2)}.voucher-applied-content{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.voucher-applied-label{color:var(--md-sys-color-success);font-weight:500}.voucher-applied-amount{color:var(--md-sys-color-success);font-weight:700}.amount-display-wrapper{margin-top:.25rem;display:flex;align-items:center}.amount-display{display:block;width:100%;padding:.75rem;border:1px solid var(--md-sys-color-outline);border-radius:.75rem;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface-variant);font-size:.875rem;font-weight:500;cursor:not-allowed;-webkit-user-select:none;user-select:none;text-align:center}.powerboard-widget-container{width:100%;height:300px;position:relative;overflow:hidden}.powerboard-widget-container iframe{width:100%!important;height:100%!important;border:none!important;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;max-height:100%!important}.powerboard-widget-container>div{height:100%!important;max-height:100%!important;overflow:hidden}.powerboard-widget-container *{max-height:100%!important;box-sizing:border-box}.powerboard-widget-container[style*="height: 60px"]{display:flex!important;align-items:center!important;justify-content:center!important}.powerboard-widget-container[style*="height: 60px"] iframe{height:50px!important;max-height:50px!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}.powerboard-widget-container:empty:after{content:"Loading payment form...";display:flex;align-items:center;justify-content:center;height:100%;color:var(--md-sys-color-on-surface-variant);font-size:.875rem}.processing-indicator{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-primary);border-radius:8px;margin-top:1rem;color:var(--md-sys-color-on-primary-container);font-weight:500}.widget-note{margin-top:.5rem;font-size:.75rem;color:var(--md-sys-color-primary);font-weight:500}.error-message-card{border-radius:.5rem;background-color:rgba(var(--md-sys-color-error),.1);padding:1rem;border:1px solid rgba(var(--md-sys-color-error),.2)}.error-content{display:flex}.error-icon{flex-shrink:0}.error-text{margin-left:.75rem}.error-text-title{font-size:.875rem;font-weight:500;color:var(--md-sys-color-error)}.error-text-content{margin-top:.5rem}.error-text-content p{font-size:.875rem;color:rgba(var(--md-sys-color-error),.8)}.submit-button{width:100%;display:flex;justify-content:center;padding:.75rem 1rem;border:1px solid transparent;border-radius:.75rem;box-shadow:var(--md-sys-elevation-level1);font-size:1rem;font-weight:600;color:var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);transition:all .2s ease;cursor:pointer}.submit-button:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level2)}.submit-button:focus{outline:none;box-shadow:0 0 0 3px var(--md-sys-color-primary-container)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.submit-spinner{animation:spin 1s linear infinite;margin-right:.75rem;height:1.25rem;width:1.25rem}.payment-footer{margin-top:4rem;padding:1rem 0}.footer-content{width:100%}.security-notice{margin-top:2rem}.security-divider{position:relative;text-align:center;margin-bottom:1rem}.security-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--md-sys-color-outline)}.security-text{background-color:var(--md-sys-color-surface);padding:0 .5rem;color:var(--md-sys-color-primary);font-weight:500;font-size:.875rem;position:relative;z-index:1}.security-message{text-align:center}.security-message p{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.security-brand{color:var(--md-sys-color-primary);font-weight:500}.commbank-logo-container{display:flex;justify-content:center;align-items:center;margin-top:.5rem}.commbank-logo{height:2rem;width:auto;opacity:.9;object-fit:contain}.powered-by-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--md-sys-color-outline-variant)}.powered-by-content{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.powered-by-text{font-weight:400;opacity:.7}.powered-by-brand{font-weight:600;letter-spacing:.025em}.stripe-brand{color:#635bff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.commbank-brand{color:#f60;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.stripe-logo{height:1.5rem;width:auto;opacity:.9;object-fit:contain}.card-element-container{display:block;width:100%;padding:.75rem;border:1px solid var(--md-sys-color-outline);border-radius:.5rem;box-shadow:var(--md-sys-elevation-level1);min-height:44px;transition:all .2s ease}.card-element-container:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 3px var(--md-sys-color-primary-container)}.description-content-container{width:100%;min-height:200px;border:none;margin:0;padding:0;overflow:hidden;box-shadow:none!important;background:#fff;transition:height .3s ease}.description-content{width:100%;height:auto;min-height:200px;border:none;display:block;margin:0;padding:0;background:#fff;box-shadow:none!important;outline:none}:root{--md-sys-font-family-primary: "Poppins", sans-serif;--md-sys-font-family-monospace: "Poppins", monospace;--md-sys-color-primary: #6750a4;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #eaddff;--md-sys-color-on-primary-container: #21005d;--md-sys-color-secondary: #625b71;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #e8def8;--md-sys-color-on-secondary-container: #1d192b;--md-sys-color-tertiary: #7d5260;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #ffd8e4;--md-sys-color-on-tertiary-container: #31111d;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-background: #ffffff;--md-sys-color-on-background: #1c1b1f;--md-sys-color-surface: #ffffff;--md-sys-color-on-surface: #1c1b1f;--md-sys-color-surface-variant: #ffffff;--md-sys-color-on-surface-variant: #49454f;--md-sys-color-outline: #79747e;--md-sys-color-outline-variant: #cac4d0;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-inverse-surface: #313033;--md-sys-color-inverse-on-surface: #ffffff;--md-sys-color-inverse-primary: #d0bcff;--md-sys-typescale-display-large-size: 57px;--md-sys-typescale-display-large-line-height: 64px;--md-sys-typescale-display-large-weight: 400;--md-sys-typescale-display-medium-size: 45px;--md-sys-typescale-display-medium-line-height: 52px;--md-sys-typescale-display-medium-weight: 400;--md-sys-typescale-display-small-size: 36px;--md-sys-typescale-display-small-line-height: 44px;--md-sys-typescale-display-small-weight: 400;--md-sys-typescale-headline-large-size: 32px;--md-sys-typescale-headline-large-line-height: 40px;--md-sys-typescale-headline-large-weight: 400;--md-sys-typescale-headline-medium-size: 28px;--md-sys-typescale-headline-medium-line-height: 36px;--md-sys-typescale-headline-medium-weight: 400;--md-sys-typescale-headline-small-size: 24px;--md-sys-typescale-headline-small-line-height: 32px;--md-sys-typescale-headline-small-weight: 400;--md-sys-typescale-title-large-size: 22px;--md-sys-typescale-title-large-line-height: 28px;--md-sys-typescale-title-large-weight: 400;--md-sys-typescale-title-medium-size: 16px;--md-sys-typescale-title-medium-line-height: 24px;--md-sys-typescale-title-medium-weight: 500;--md-sys-typescale-title-small-size: 14px;--md-sys-typescale-title-small-line-height: 20px;--md-sys-typescale-title-small-weight: 500;--md-sys-typescale-body-large-size: 16px;--md-sys-typescale-body-large-line-height: 24px;--md-sys-typescale-body-large-weight: 400;--md-sys-typescale-body-medium-size: 14px;--md-sys-typescale-body-medium-line-height: 20px;--md-sys-typescale-body-medium-weight: 400;--md-sys-typescale-body-small-size: 12px;--md-sys-typescale-body-small-line-height: 16px;--md-sys-typescale-body-small-weight: 400;--md-sys-typescale-label-large-size: 14px;--md-sys-typescale-label-large-line-height: 20px;--md-sys-typescale-label-large-weight: 500;--md-sys-typescale-label-medium-size: 12px;--md-sys-typescale-label-medium-line-height: 16px;--md-sys-typescale-label-medium-weight: 500;--md-sys-typescale-label-small-size: 11px;--md-sys-typescale-label-small-line-height: 16px;--md-sys-typescale-label-small-weight: 500;--md-sys-state-hover-opacity: .08;--md-sys-state-focus-opacity: .12;--md-sys-state-pressed-opacity: .12;--md-sys-state-dragged-opacity: .16;--md-sys-elevation-level0: 0px 0px 0px 0px rgba(0, 0, 0, 0);--md-sys-elevation-level1: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px 0px rgba(0, 0, 0, .3);--md-sys-elevation-level2: 0px 2px 6px 2px rgba(0, 0, 0, .15), 0px 1px 2px 0px rgba(0, 0, 0, .3);--md-sys-elevation-level3: 0px 4px 8px 3px rgba(0, 0, 0, .15), 0px 1px 3px 0px rgba(0, 0, 0, .3);--md-sys-elevation-level4: 0px 6px 10px 4px rgba(0, 0, 0, .15), 0px 2px 4px 0px rgba(0, 0, 0, .3);--md-sys-elevation-level5: 0px 8px 12px 6px rgba(0, 0, 0, .15), 0px 4px 6px 0px rgba(0, 0, 0, .3)}[data-theme=laundrylady]{--md-sys-color-primary: #cf1677;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #e6f0fa;--md-sys-color-on-primary-container: #003087;--md-sys-color-secondary: #00aaf1;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #ffe4e8;--md-sys-color-on-secondary-container: #4a0026;--md-sys-color-tertiary: #6c757d;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #e5e5e5;--md-sys-color-on-tertiary-container: #343a40;--md-sys-color-background: #ffffff;--md-sys-color-on-background: #333333;--md-sys-color-surface: #ffffff;--md-sys-color-on-surface: #333333;--md-sys-color-surface-variant: #ffffff;--md-sys-color-on-surface-variant: #495057;--md-sys-color-outline: #6c757d;--md-sys-color-outline-variant: #ced4da;--md-sys-color-error: #b14b6b;--md-sys-color-warning: #df7f1a;--md-sys-color-info: #0b5394}[data-theme=laundrylady] .page-container{background:#fff}html,body{font-family:var(--md-sys-font-family-primary);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface)}.md-display-large{font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight)}.md-display-medium{font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight)}.md-display-small{font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight)}.md-headline-large{font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight)}.md-headline-medium{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight)}.md-headline-small{font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight)}.md-title-large{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight)}.md-title-medium{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight)}.md-title-small{font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight)}.md-body-large{font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight)}.md-body-medium{font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight)}.md-body-small{font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight)}.md-label-large{font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight)}.md-label-medium{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight)}.md-label-small{font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight)}.page-container--reports{background:var(--md-sys-color-background);padding:24px}.content-wrapper--wide{width:100%;max-width:none}.header-section--flex{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding:24px;background:var(--md-sys-color-surface);border-radius:16px;box-shadow:var(--md-sys-elevation-level1);text-align:left}.header-content{flex:1}.header-actions{display:flex;gap:12px;flex-shrink:0}.header-actions .btn{display:flex;align-items:center;gap:8px;padding:12px 20px;font-family:var(--md-sys-font-family-primary);font-size:.875rem;font-weight:500}.header-actions .btn span{font-family:inherit}.logo-image--small{width:64px;height:64px;border-radius:12px;object-fit:cover}.main-heading--large{margin:0 0 8px;font-size:2rem;font-weight:500;color:var(--md-sys-color-on-surface);text-align:left}.sub-heading--muted{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:1rem;font-family:var(--md-sys-font-family-primary);text-align:left}.error-state{text-align:center;padding:48px 24px;background:var(--md-sys-color-surface);border-radius:12px;box-shadow:var(--md-sys-elevation-level1)}.error-state__title{margin:16px 0 8px;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-font-family-primary);font-size:1.25rem;font-weight:600}.error-state__message{margin:0 0 24px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-font-family-primary);font-size:.875rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:var(--md-sys-color-surface);border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow:hidden;box-shadow:var(--md-sys-elevation-level3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.modal-header h2{margin:0;color:var(--md-sys-color-on-surface);font-size:1.5rem;font-weight:500;font-family:var(--md-sys-font-family-primary)}.modal-close-button{background:none;border:none;padding:8px;border-radius:50%;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface)}.modal-body{padding:24px;overflow-y:auto;max-height:calc(80vh - 80px)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item--full-width{grid-column:1 / -1}.detail-item__label{font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-font-family-primary)}.detail-item__value{font-size:1rem;color:var(--md-sys-color-on-surface);word-break:break-word;font-family:var(--md-sys-font-family-primary)}.copyable-field{display:flex;align-items:center;gap:8px;width:100%}.copyable-field span{flex:1;font-family:var(--md-sys-font-family-primary);color:var(--md-sys-color-on-surface);word-break:break-all}.copy-button{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.copy-button:hover{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline);transform:translateY(-1px)}.copy-button:active{transform:translateY(0);background:var(--md-sys-color-primary-container)}.copy-button:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.status-badge{display:inline-block;padding:4px 8px;border-radius:16px;font-size:.75rem;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.5px;width:fit-content;font-family:var(--md-sys-font-family-primary)}@media (max-width: 768px){.page-container--reports{padding:16px}.header-section--flex{flex-direction:column;text-align:center;gap:16px}.header-actions{width:100%;justify-content:center}.main-heading--large{font-size:1.5rem}.modal-overlay{padding:16px}.detail-grid{grid-template-columns:1fr}}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-button{color:var(--button-text)}.bg-button{background-color:var(--button-bg)}button.text-button,.text-button,button[class*=text-button],button[class*=w-full][class*=text-button],button[class*=flex][class*=text-button],button[class*=justify-center][class*=text-button]{color:var(--button-text)!important}.border-color{border-color:var(--border-color)}.border-color-light{border-color:var(--border-color-light)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.btn-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:1px solid var(--md-sys-color-primary);border-radius:20px;padding:10px 24px;font-weight:var(--md-sys-typescale-label-large-weight);transition:all .2s ease}.btn-primary:hover{background-color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level2)}.btn-primary:focus{background-color:var(--md-sys-color-primary);box-shadow:0 0 0 3px var(--md-sys-color-primary-container)}.btn-secondary{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline);border-radius:20px;padding:10px 24px;font-weight:var(--md-sys-typescale-label-large-weight);transition:all .2s ease}.btn-secondary:hover{background-color:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary)}.btn-secondary:focus{background-color:var(--md-sys-color-primary-container);box-shadow:0 0 0 3px var(--md-sys-color-primary-container)}.card{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;box-shadow:var(--md-sys-elevation-level1);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--md-sys-elevation-level2)}.form-input{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:4px;color:var(--md-sys-color-on-surface);padding:16px;font-size:var(--md-sys-typescale-body-large-size);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 3px var(--md-sys-color-primary-container);outline:none}.form-input:hover{border-color:var(--md-sys-color-on-surface-variant)}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.md-state-hover{background-color:rgba(var(--md-sys-color-primary),var(--md-sys-state-hover-opacity))}.md-state-focus{background-color:rgba(var(--md-sys-color-primary),var(--md-sys-state-focus-opacity))}.md-state-pressed{background-color:rgba(var(--md-sys-color-primary),var(--md-sys-state-pressed-opacity))}.md-elevation-0{box-shadow:var(--md-sys-elevation-level0)}.md-elevation-1{box-shadow:var(--md-sys-elevation-level1)}.md-elevation-2{box-shadow:var(--md-sys-elevation-level2)}.md-elevation-3{box-shadow:var(--md-sys-elevation-level3)}.md-elevation-4{box-shadow:var(--md-sys-elevation-level4)}.md-elevation-5{box-shadow:var(--md-sys-elevation-level5)}md-filter-chip,md-assist-chip,md-filter-chip *,md-assist-chip *,md-filter-chip::part(label),md-assist-chip::part(label){font-family:var(--md-sys-font-family-primary)!important}.error-title{font-size:1rem;font-weight:500;color:var(--md-sys-color-on-error-container);margin:0 0 .5rem}.error-content{font-size:.875rem;color:var(--md-sys-color-on-error-container);line-height:1.4}.test-button,.report-button,.amount-input,.card-element-container,.payment-input,.form-field{box-sizing:border-box;width:100%}.test-buttons-grid,.reports-buttons-grid{width:100%;box-sizing:border-box}.payment-form{width:100%;box-sizing:border-box;overflow:hidden}.modal-header-actions{display:flex;align-items:center;gap:12px}.modal-actions{display:flex;justify-content:flex-end;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--md-sys-color-outline-variant)}.success-message-card{background-color:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-primary);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.success-content{display:flex;align-items:flex-start;gap:.75rem}.success-icon{color:var(--md-sys-color-on-primary-container);margin-top:.125rem;flex-shrink:0}.success-text{flex:1}.success-title{font-size:.875rem;font-weight:600;color:var(--md-sys-color-on-primary-container);margin:0 0 .25rem}.success-content p{font-size:.875rem;color:var(--md-sys-color-on-primary-container);margin:0;line-height:1.4}.refund-form{display:flex;flex-direction:column;gap:1.5rem}.refund-info{padding:1rem;background-color:var(--md-sys-color-surface-variant);border-radius:.5rem;border:1px solid var(--md-sys-color-outline-variant)}.refund-info h3{margin:0 0 .75rem;font-size:1rem;font-weight:500;color:var(--md-sys-color-on-surface)}.refund-info p{margin:.25rem 0;font-size:.875rem;color:var(--md-sys-color-on-surface-variant)}.form-help{margin-top:.5rem;font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.refund-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--md-sys-color-outline-variant)}.refund-reason-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;padding:.75rem 2rem .75rem .75rem;border:1px solid var(--md-sys-color-outline);border-radius:.5rem;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);font-size:.75rem;font-weight:500;transition:all .2s ease;cursor:pointer;min-height:2.5rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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 .75rem center;background-size:1rem}.refund-reason-select:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary-container)}.refund-reason-select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--md-sys-color-surface-variant)}.refund-reason-select option{padding:.25rem;font-size:.75rem}.payment-methods{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.payment-method-card{display:flex;align-items:center;padding:1rem;border:2px solid var(--md-sys-color-outline-variant, #CAC4D0);border-radius:var(--md-sys-shape-corner-large, .75rem);background:var(--md-sys-color-surface, #FFFFFF);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative}.payment-method-card:hover:not(.disabled){border-color:var(--md-sys-color-primary, #6750A4);background:var(--md-sys-color-primary-container, #E8DEF8);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.payment-method-card.selected{border-color:var(--md-sys-color-primary, #6750A4);background:var(--md-sys-color-primary-container, #E8DEF8);box-shadow:0 0 0 1px var(--md-sys-color-primary, #6750A4)}.payment-method-card.disabled{opacity:.5;cursor:not-allowed;background:var(--md-sys-color-surface-variant, #F5F0F7)}.payment-method-icon{font-size:1.5rem;margin-right:1rem;display:flex;align-items:center;justify-content:center;width:5rem;height:3rem;background:transparent;border-radius:0;padding:0}.payment-method-card.icon-only{justify-content:center}.payment-method-card.icon-only .payment-method-icon{margin-right:0;width:auto;height:auto;flex:1;max-width:8rem;max-height:3rem}.payment-method-image{width:100%;height:100%;object-fit:contain;border-radius:0}.payment-method-card.icon-only .payment-method-image{width:auto;height:auto;max-width:8rem;max-height:3rem;object-fit:contain}.paid-in-full-message{display:flex;align-items:center;padding:1.5rem;background:var(--md-sys-color-success-container, #d7f4d7);border:1px solid var(--md-sys-color-success, #4caf50);border-radius:.75rem;margin-top:.5rem}.paid-in-full-icon{margin-right:1rem;display:flex;align-items:center;justify-content:center}.paid-in-full-content{flex:1}.paid-in-full-title{font-size:1.125rem;font-weight:600;color:var(--md-sys-color-on-success-container, #1b5e20);margin:0 0 .5rem}.paid-in-full-text{font-size:.875rem;color:var(--md-sys-color-on-success-container, #2e7d32);margin:0;line-height:1.4}.payment-method-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.payment-method-name{font-weight:500;font-size:1rem;color:var(--md-sys-color-on-surface, #1C1B1F);display:flex;align-items:center;gap:.5rem}.payment-method-description{font-size:.875rem;color:var(--md-sys-color-on-surface-variant, #49454F)}.unavailable-badge{background:var(--md-sys-color-error-container, #F9DEDC);color:var(--md-sys-color-on-error-container, #410E0B);padding:.125rem .5rem;border-radius:.75rem;font-size:.75rem;font-weight:500}.payment-method-check{position:absolute;top:.75rem;right:.75rem;width:1.5rem;height:1.5rem;background:var(--md-sys-color-primary, #6750A4);color:var(--md-sys-color-on-primary, #FFFFFF);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}@media (min-width: 768px){.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}}.payment-methods.loading{opacity:.6;pointer-events:none}.error-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.error-popup-content{background:var(--md-sys-color-surface, #FFFFFF);border-radius:var(--md-sys-shape-corner-large, .75rem);padding:2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 10px 25px #0003}.error-popup-icon{margin-bottom:1rem}.error-popup-title{font-size:1.5rem;font-weight:600;color:var(--md-sys-color-on-surface, #1C1B1F);margin-bottom:.5rem}.error-popup-message{font-size:1rem;color:var(--md-sys-color-on-surface-variant, #49454F);margin-bottom:1.5rem;line-height:1.5}.error-popup-actions{display:flex;justify-content:center;gap:1rem}.error-popup-actions .btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:var(--md-sys-shape-corner-medium, .5rem);border:none;cursor:pointer;transition:all .2s ease}.error-popup-actions .btn-primary{background:var(--md-sys-color-primary, #6750A4);color:var(--md-sys-color-on-primary, #FFFFFF)}.error-popup-actions .btn-primary:hover{background:var(--md-sys-color-primary-container, #E8DEF8);color:var(--md-sys-color-on-primary-container, #21005D);transform:translateY(-1px)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-content{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:overlaySlideIn .3s ease-out}@keyframes overlaySlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.overlay-header{text-align:center;margin-bottom:1.5rem}.overlay-icon{font-size:3rem;margin-bottom:1rem}.overlay-title{font-size:1.5rem;font-weight:600;color:var(--md-sys-color-on-surface);margin:0}.overlay-body{margin-bottom:2rem}.overlay-message{font-size:1.1rem;color:var(--md-sys-color-on-surface-variant);margin-bottom:1rem;line-height:1.6}.overlay-explanation{font-size:1rem;color:var(--md-sys-color-on-surface-variant);margin:0;line-height:1.5}.overlay-actions{display:flex;justify-content:center}.overlay-button{padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:200px}.overlay-button:disabled{opacity:.6;cursor:not-allowed}.overlay-button-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.overlay-button-primary:hover:not(:disabled){background-color:var(--md-sys-color-secondary);transform:translateY(-1px)}.overlay-button-primary:active:not(:disabled){transform:translateY(0)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}
