.payment-container{margin:0 auto;padding:20px}.payment-container h2{color:#2d3748;font-size:1.5rem;margin-bottom:20px}.configuration-tab .tab-content-container{max-width:800px}.collapsible{background:#3182ce;border:none;border-radius:6px 6px 0 0;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:0;outline:none;padding:14px;text-align:left;transition:background .2s;width:100%}.collapsible:hover{background:#2563eb}.collapsible.active,.collapsible:focus{background:#e2e8f0;color:#2d3748}.collapsible:disabled{background:#e2e8f0;cursor:not-allowed}.collapsible-content{background:#fff;border:1px solid #cbd5e1;border-radius:0 0 6px 6px;border-top:none;overflow:hidden;padding:0 18px 18px}.form-group{margin-bottom:20px}.form-group label{color:#2d3748;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input[type=color]{border:1px solid #cbd5e1;border-radius:3px;cursor:pointer;height:30px;padding:0;width:30px}.form-group input[type=email]:focus,.form-group input[type=number]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.form-group input.error,.form-group select.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.form-help{color:#718096;display:block;font-size:.875rem;line-height:1.4;margin-top:6px}.checkbox-label{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-size:1rem;margin-bottom:0}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;margin-right:8px;width:16px}.checkbox-label:hover{color:#1a202c}.error-message{background:#fed7d7;border:1px solid #feb2b2;border-radius:4px;color:#e53e3e;font-size:.875rem;margin-top:4px;padding:4px 8px}.continue-btn{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:24px;padding:14px;transition:background .2s;width:100%}.continue-btn:hover{background:#c53030}.pay-btn{background:#38a169;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:24px;padding:14px;transition:background .2s;width:100%}.pay-btn:hover{background:#2f855a}.pay-btn:disabled{background:#a0aec0;cursor:not-allowed}.email-settings-btn{background:#38a169;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background .2s;width:100%}.email-settings-btn:hover{background:#2f855a}.webhook-instructions{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;margin:20px 0;padding:16px}.webhook-instructions h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 12px}.webhook-instructions p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0 0 12px}.webhook-instructions a{color:#3182ce;text-decoration:none}.webhook-instructions a:hover{text-decoration:underline}.webhook-url{background:#edf2f7;border:1px solid #cbd5e1;border-radius:4px;color:#2d3748;font-family:Courier New,monospace;font-size:.85rem;margin-top:8px;padding:8px 12px;word-break:break-all}.success-message{background:#c6f6d5;border:1px solid #9ae6b4;border-radius:6px;color:#22543d;font-weight:500;margin-bottom:16px;padding:12px}.loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{background:#fff;border-radius:8px;padding:30px;text-align:center}.modal{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2% auto;max-height:90vh;max-width:1200px;overflow-y:auto;padding:0;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#2d3748;font-size:1.5rem;margin:0}.close{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:28px;font-weight:700;line-height:1;padding:0}.close:hover{color:#2d3748}.modal-body{padding:24px}.modal-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;min-height:600px}.form-section{display:flex;flex-direction:column;gap:20px}.preview-section{align-self:start;border-left:1px solid #e2e8f0;padding-left:24px;top:0}.preview-section h4{color:#2d3748;font-size:1.1rem;margin:0 0 16px}.email-preview{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;line-height:1.5;min-height:400px;padding:16px}.modal-content .form-section h3{font-size:16px;margin-bottom:8px;margin-top:15px}.modal-content .form-section label{font-size:13px;font-weight:500;margin-bottom:4px}.modal-content .form-section input[type=number],.modal-content .form-section input[type=text],.modal-content .form-section select,.modal-content .form-section textarea{font-size:13px;padding:6px 10px;width:100%}.modal-content .form-section input[type=color]{border:1px solid #cbd5e1;border-radius:3px;cursor:pointer;height:30px;padding:0;width:30px}.modal-content .form-section textarea{min-height:60px}.modal-content .form-section .form-help{font-size:11px;margin-top:2px}.modal-content .form-section .form-group{margin-bottom:12px}.settings-tab-btn{border:none;border-radius:4px 4px 0 0;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .2s}.settings-tab-btn.active{background:#667eea;color:#fff}.notification-types{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:16px}.notification-type{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:16px;width:100%}.notification-type:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.notification-type label{color:#2d3748;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.notification-type input,.notification-type textarea{border:1px solid #cbd5e1;border-radius:4px;font-size:.9rem;margin-bottom:8px;padding:8px 12px;width:100%}.notification-type textarea{height:60px;resize:vertical}.notification-type input:disabled,.notification-type textarea:disabled{background:#e2e8f0;cursor:not-allowed}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;margin-top:24px;padding-top:20px}.save-btn{background:#38a169;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px}.save-btn:hover{background:#2f855a}.save-btn:disabled{background:#a0aec0;cursor:not-allowed}.cancel-btn{background:#a0aec0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px}.cancel-btn:hover{background:#718096}.payment-form-preview{background:#fff;border:1px solid #ddd;border-radius:4px;min-height:400px;overflow:hidden}.main-layout{background:#f7f7f7;display:flex;flex-direction:column;height:100vh}.main-navbar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 40px}.navbar-brand h1{font-size:24px;font-weight:600;margin:0}.user-email{font-size:14px;margin:5px 0 0;opacity:.9}.navbar-tabs{display:flex;flex:1 1;gap:10px;justify-content:center}.nav-tab{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .2s}.nav-tab:hover{background:#fff3}.nav-tab.active{background:#fff;border-color:#fff;color:#667eea;font-weight:600}.nav-tab:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.navbar-actions{align-items:center;display:flex}.sign-out-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.sign-out-btn:hover{background:#ffffff4d}.main-content{flex:1 1;overflow-y:auto;padding:40px}.tab-content-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1200px;padding:40px}.billing-tab,.configuration-tab,.profile-tab,.templates-tab{width:100%}.templates-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr;margin-top:20px}.form-section{max-height:calc(100vh - 250px);overflow-y:auto;padding-right:10px}.preview-section{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:20px}.form-actions{display:flex;gap:10px;justify-content:flex-end}@media (max-width:1024px){.templates-layout{grid-template-columns:1fr}.preview-section{position:relative;top:0}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.a9773442.css.map*/