:root{font-family:Avenir,Avenir Next,Segoe UI,Helvetica,Arial,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.app-shell{max-width:960px;margin:0 auto;padding:2rem 1rem}.app-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.app-header nav{display:flex;gap:1rem}.app-header a{text-decoration:none;color:#0f766e;font-weight:600}.app-header a:hover{text-decoration:underline}:root{--invoice-bg: #f8f8f5;--invoice-card-bg: #ffffff;--invoice-border: #d4d4cf;--invoice-input-border: #e8e8e4;--invoice-text-primary: #0a0a0a;--invoice-text-secondary: #262626;--invoice-text-tertiary: #404040;--invoice-text-muted: #737373;--invoice-green: #008062}.invoice-page{background:var(--invoice-bg);min-height:100vh;overflow-x:hidden;position:relative}.invoice-main{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:64px 20px 40px;transition:margin-right .26s ease}.invoice-page.is-details-open .invoice-main{margin-right:464px}.invoice-content{max-width:544px;width:100%}.invoice-content>h1{color:var(--invoice-text-primary);font-size:31px;font-weight:500;letter-spacing:0;line-height:1.35;margin:0 0 24px}.invoice-status-message{color:var(--invoice-text-tertiary);font-size:15px;line-height:1.4;margin:0 0 16px}.invoice-status-error{color:#b42318}.invoice-loading-state{align-items:center;display:flex;gap:10px;margin:0 0 16px}.invoice-loading-state .invoice-status-message{margin:0}.invoice-loading-spinner{animation:invoice-spin .7s linear infinite;border:2px solid #d4d4cf;border-top-color:var(--invoice-green);border-radius:50%;display:inline-block;height:18px;width:18px}@keyframes invoice-spin{to{transform:rotate(360deg)}}.invoice-card{background:var(--invoice-card-bg);border:1px solid var(--invoice-border);border-radius:12px;margin-bottom:24px;padding:24px}.invoice-summary-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.invoice-amount{color:var(--invoice-text-primary);font-size:44px;font-weight:800;line-height:1.1;margin:0 0 6px}.invoice-due-date{color:var(--invoice-text-tertiary);font-size:16px;line-height:1.4;margin:0;font-weight:500}.invoice-pdf-link{align-items:center;background:transparent;border:0;color:var(--invoice-text-secondary);cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:4px 0}.invoice-details-grid{border-bottom:1px solid var(--invoice-input-border);margin:0;padding-bottom:16px}.invoice-detail-row{color:var(--invoice-text-primary);display:grid;font-size:16px;grid-template-columns:100px 1fr;line-height:1.4;margin:0 0 10px}.invoice-detail-row:last-child{margin-bottom:0}.invoice-detail-row dt{color:var(--invoice-text-tertiary)}.invoice-detail-row dt{margin:0}.invoice-detail-row dd{margin:0;font-weight:550}.invoice-details-toggle{align-items:center;background:transparent;border:0;color:var(--invoice-text-secondary);cursor:pointer;display:inline-flex;font-size:15px;gap:6px;margin-top:16px;padding:0;font-weight:500;font-family:Avenir}.invoice-card h2{color:var(--invoice-text-primary);font-size:18px;font-weight:700;line-height:1.4;margin:0 0 20px}.invoice-payment-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.invoice-payment-header h2{margin:0}.invoice-powered-by-stripe{margin:0;max-width:120px;width:100%}.invoice-payment-header--success{flex-direction:column;align-items:flex-start}.invoice-payment-header--success h2{font-weight:500}.invoice-snapshot{border-radius:8px;display:block;margin-top:16px;max-height:800px;object-fit:contain;width:100%;border:1px solid var(--invoice-border)}.invoice-form-fields{display:flex;flex-direction:column;gap:20px}.invoice-field-block{display:flex;flex-direction:column;gap:10px}.invoice-field-label{color:var(--invoice-text-primary);font-size:16px;line-height:1.4;font-weight:550}.invoice-field-error{color:#d14343;font-size:13px;font-weight:500;line-height:1.3;margin:6px 0 0}.invoice-field-grid-two{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-plain-input,.invoice-select-wrap,.invoice-stripe-input{align-items:center;background:#fff;border:1px solid var(--invoice-input-border);border-radius:10px;display:flex;min-height:50px;padding:12px 16px}.invoice-plain-input input{border:0;color:var(--invoice-text-primary);font-size:16px;line-height:1.5;outline:none;width:100%}.invoice-plain-input input::placeholder{color:var(--invoice-text-muted)}.invoice-stripe-input-with-icon{gap:12px}.invoice-stripe-element-wrap{width:100%}.invoice-card-icon{background:linear-gradient(180deg,#7f7f7f,#636363);border-radius:3px;height:16px;position:relative;width:22px}.invoice-card-icon:after{background:#d7d7d7;content:"";height:2px;left:3px;position:absolute;top:4px;width:14px}.invoice-select-wrap select{appearance:none;background:transparent;border:0;color:var(--invoice-text-primary);font-size:16px;line-height:1.5;outline:none;width:100%}.invoice-select-chevron{color:#5b5b5b;font-size:12px;pointer-events:none}.invoice-disclaimer{color:var(--invoice-text-muted);font-size:15px;line-height:1.5;margin:20px 0}.invoice-pay-button{background:#f4f4f8;border:0;border-radius:8px;color:#a3a3a3;cursor:not-allowed;font-size:16px;font-weight:500;line-height:1.3;min-height:50px;width:100%}.invoice-pay-button.is-active{background:var(--invoice-green);color:#fff;cursor:pointer}.invoice-footer{align-items:center;color:var(--invoice-text-tertiary);display:flex;flex-direction:column;gap:16px;padding:0 0 8px}.invoice-footer p{font-size:16px;margin:0}.invoice-footer-links{display:flex;gap:24px}.invoice-footer-links a{color:var(--invoice-text-tertiary);font-size:16px;text-decoration:none}.invoice-footer-links a:hover{text-decoration:underline}.invoice-side-panel{background:#fff;border-left:1px solid #efefef;bottom:0;display:flex;flex-direction:column;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .26s ease;width:464px;z-index:20}.invoice-side-panel.is-open{transform:translate(0)}.invoice-side-panel-close-wrap{padding:16px 20px}.invoice-side-panel-close{background:transparent;border:0;border-radius:99px;color:#222;cursor:pointer;font-size:18px;height:40px;width:40px}.invoice-side-panel-body{display:flex;flex:1;flex-direction:column;gap:20px;padding:16px 32px}.invoice-side-total{color:var(--invoice-text-primary);font-size:56px;font-weight:800;line-height:1.15;margin:0}.invoice-side-line-item{align-items:flex-start;display:flex;justify-content:space-between}.invoice-side-line-item p,.invoice-side-row p{color:var(--invoice-text-primary);font-size:16px;line-height:1.4;margin:0;font-weight:500}.invoice-side-line-item>p,.invoice-side-row>p:last-child{min-width:100px;text-align:right}.invoice-side-subtext{color:var(--invoice-text-tertiary)!important;font-size:15px!important}.invoice-side-divider{background:#ececec;height:1px;width:100%}.invoice-side-row{align-items:center;display:flex;justify-content:space-between}.invoice-side-contact{padding:0 32px 32px}.invoice-side-contact p{color:var(--invoice-text-secondary);font-size:16px;margin:0}.invoice-side-contact a{color:#03624c;text-decoration:none}.invoice-side-contact a:hover{text-decoration:underline}.invoice-side-bottom{display:flex;flex-direction:column;gap:12px}@media(max-width:1100px){.invoice-page.is-details-open .invoice-main{margin-right:0}.invoice-side-panel,.invoice-side-panel.is-open{transform:translate(100%)}}@media(max-width:700px){.invoice-main{padding:24px 12px 32px}.invoice-content>h1{font-size:26px}.invoice-amount{font-size:36px}.invoice-summary-header{gap:12px}.invoice-payment-header{align-items:flex-start;flex-direction:column}.invoice-powered-by-stripe{align-self:flex-end}}