.ext-invoice-page{background:#f8fafc;justify-content:center;min-height:100vh;padding:40px 20px;display:flex}.ext-invoice-container{width:100%;max-width:680px}.ext-invoice-logos{justify-content:center;align-items:center;gap:32px;margin-bottom:32px;display:flex}.ext-logo{object-fit:contain;width:auto;height:64px}.ext-invoice-header{margin-bottom:32px}.ext-invoice-header h1{color:#0f172a;margin:0 0 12px;font-size:1.75rem;font-weight:700}.ext-invoice-header p{color:#64748b;margin:0;line-height:1.6}.ext-invoice-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:14px 16px;font-size:.875rem;display:flex}.ext-invoice-error span{flex:1}.ext-invoice-error button{color:#dc2626;cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:.8rem;font-weight:500}.ext-invoice-form{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #00000014}.ext-form-group{margin-bottom:28px}.ext-form-group label{color:#0f172a;margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.ext-form-group label .required{color:#dc2626;margin-left:2px}.ext-form-group input[type=text],.ext-form-group input[type=email],.ext-form-group input[type=number],.ext-form-group textarea{color:#0f172a;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 14px;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.ext-form-group input:focus,.ext-form-group textarea:focus{border-color:#36b3a8;outline:none;box-shadow:0 0 0 3px #36b3a826}.ext-form-group input::placeholder,.ext-form-group textarea::placeholder{color:#94a3b8}.ext-form-group textarea{resize:vertical}.ext-field-hint{color:#94a3b8;margin-top:6px;font-size:.75rem;display:block}.ext-char-count{color:#94a3b8;text-align:right;margin-top:4px;font-size:.7rem;display:block}.ext-form-checkbox{margin-bottom:28px}.ext-form-checkbox label{cursor:pointer;color:#334155;align-items:center;gap:10px;font-size:.9375rem;display:flex}.ext-form-checkbox input[type=checkbox]{cursor:pointer;accent-color:#36b3a8;border-radius:4px;width:18px;height:18px}.ext-amount-field{border:1px solid #e2e8f0;border-radius:8px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.ext-amount-field:focus-within{border-color:#36b3a8;box-shadow:0 0 0 3px #36b3a826}.ext-currency-label{color:#64748b;white-space:nowrap;background:#f8fafc;border-right:1px solid #e2e8f0;padding:12px 14px;font-size:.875rem;font-weight:500}.ext-amount-field input{flex:1;box-shadow:none!important;border:none!important;border-radius:0!important}.ext-amount-field input:focus{box-shadow:none!important;border:none!important}.ext-upload-description{color:#64748b;margin:0 0 12px;font-size:.8125rem}.ext-attachment-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;font-size:.8125rem;display:flex}.ext-attachment-error button{color:#dc2626;cursor:pointer;background:0 0;border:none;font-weight:500}.ext-attachment-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.ext-attachment-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.ext-attachment-item.uploading{opacity:.7}.ext-attachment-icon{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ext-file-ext{color:#64748b;text-transform:uppercase;font-size:.6rem;font-weight:700}.ext-upload-spinner{border:2px solid #e2e8f0;border-top-color:#36b3a8;border-radius:50%;width:20px;height:20px;animation:1s linear infinite ext-spin}@keyframes ext-spin{to{transform:rotate(360deg)}}.ext-attachment-info{flex:1;min-width:0}.ext-attachment-name{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.ext-attachment-size{color:#94a3b8;font-size:.75rem}.ext-upload-progress-bar{background:#e2e8f0;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.ext-upload-progress-fill{background:#36b3a8;border-radius:2px;height:100%;transition:width .2s ease-out}.ext-attachment-remove{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.ext-attachment-remove:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.ext-hidden-file-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ext-upload-area{margin-top:8px}.ext-upload-btn{cursor:pointer;color:#475569;text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:24px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.ext-upload-btn:hover{color:#36b3a8;background:#f0fdfa;border-color:#36b3a8}.ext-upload-hint{color:#94a3b8;font-size:.75rem;font-weight:400}.ext-form-actions{border-top:1px solid #f1f5f9;margin-top:32px;padding-top:24px}.ext-submit-btn{color:#fff;cursor:pointer;background:#36b3a8;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;transition:background .2s;display:inline-flex}.ext-submit-btn:hover:not(:disabled){background:#2a8b84}.ext-submit-btn:disabled{opacity:.6;cursor:not-allowed}.ext-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite ext-spin}.ext-invoice-success{text-align:center;background:#fff;border-radius:12px;padding:48px 32px;box-shadow:0 1px 3px #00000014}.success-icon{color:#10b981;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:inline-flex}.ext-invoice-success h2{color:#0f172a;margin:0 0 12px;font-size:1.5rem;font-weight:700}.reference-number{color:#475569;margin:0 0 16px;font-size:1rem}.reference-number strong{color:#0f172a;font-family:monospace;font-size:1.1rem}.ext-invoice-success p{color:#64748b;max-width:480px;margin:0 auto 24px;line-height:1.6}.ext-submit-another-btn{color:#fff;cursor:pointer;background:#36b3a8;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:500;transition:background .2s;display:inline-flex}.ext-submit-another-btn:hover{background:#2a8b84}.ext-invoice-footer{text-align:center;margin-top:24px}.ext-invoice-footer p{color:#94a3b8;font-size:.8125rem}.ext-invoice-footer a{color:#36b3a8;text-decoration:none}.ext-invoice-footer a:hover{text-decoration:underline}@media (max-width:640px){.ext-invoice-page{padding:20px 12px}.ext-invoice-form{padding:20px}.ext-invoice-header h1{font-size:1.4rem}.ext-invoice-success{padding:32px 20px}}