@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.pricing-page{margin:0 auto;max-width:1200px;padding:2rem}.pricing-header{margin-bottom:3rem;text-align:center}.pricing-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.pricing-header p{color:#666;font-size:1.2rem;margin:0 auto;max-width:600px}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;height:fit-content;padding:2rem;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:#3b82f6;box-shadow:0 10px 25px #3b82f61a;transform:translateY(-2px)}.pricing-card.popular{border-color:#3b82f6;box-shadow:0 10px 25px #3b82f626}.pricing-card.current{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#10b981}.popular-badge{background:#3b82f6}.current-badge,.popular-badge{border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.current-badge{background:#10b981}.plan-header{margin-bottom:2rem;text-align:center}.plan-header h3{color:#1a1a1a;font-size:1.5rem;font-weight:700}.plan-header h3,.price{margin-bottom:1rem}.price-amount{color:#1a1a1a;font-size:3rem;font-weight:700}.price-period{color:#666;font-size:1rem}.plan-description{color:#666;font-size:.875rem}.plan-features{margin-bottom:2rem}.plan-features ul{list-style:none;padding:0}.plan-features li{align-items:center;display:flex;font-size:.875rem;padding:.5rem 0}.feature-included{color:#374151}.feature-excluded{color:#9ca3af}.checkmark{color:#10b981}.checkmark,.crossmark{font-weight:700;margin-right:.75rem;width:20px}.crossmark{color:#ef4444}.plan-cta{text-align:center}.btn{font-size:.875rem;position:relative;width:100%}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:#1f2937}.btn-secondary:hover:not(:disabled){background:#111827;transform:translateY(-1px)}.btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.btn.loading{color:#0000}.pricing-faq{margin-bottom:4rem}.pricing-faq h2{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-item{background:#f9fafb;border-radius:8px;padding:1.5rem}.faq-item h4{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.faq-item p{color:#666;font-size:.875rem;line-height:1.5;margin:0}.pricing-contact{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:3rem 2rem;text-align:center}.pricing-contact h3{font-size:1.5rem;margin-bottom:1rem}.pricing-contact p{margin-bottom:1.5rem;opacity:.9}.pricing-contact .btn-outline{border-color:#fff;color:#fff;margin:0 auto;max-width:200px}.pricing-contact .btn-outline:hover{background:#fff;color:#667eea}@media (max-width:768px){.pricing-page{padding:1rem}.pricing-header h1{font-size:2rem}.pricing-grid{gap:1.5rem;grid-template-columns:1fr}.pricing-card{padding:1.5rem}.price-amount{font-size:2.5rem}}.billing-dashboard{margin:0 auto;max-width:1000px;padding:2rem}.billing-dashboard h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:2rem}.error,.loading{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.error{color:#ef4444}.billing-overview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:2rem}.current-plan h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.plan-info{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.plan-name{color:#374151;font-size:1.2rem;font-weight:600}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.canceled{background:#fee2e2;color:#991b1b}.renewal-info{color:#6b7280;font-size:.875rem}.plan-features{margin-top:2rem}.plan-features h3{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.features-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature{background:#f9fafb;border-radius:8px;font-size:.875rem;padding:1rem}.feature strong{color:#374151}.billing-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:2rem}.billing-actions h3{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .2s}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.usage-info{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.usage-info h3{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.usage-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.usage-item{background:#f9fafb;border-radius:8px;padding:1.5rem;text-align:center}.usage-label{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.usage-value{color:#1f2937;font-size:1.5rem;font-weight:600}@media (max-width:768px){.billing-dashboard{padding:1rem}.billing-actions,.billing-overview,.usage-info{padding:1.5rem}.actions-grid,.features-grid,.usage-grid{grid-template-columns:1fr}.plan-info{align-items:flex-start;flex-direction:column;gap:.5rem}}.billing-success{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.success-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.success-container.error{border-left:4px solid #ef4444}.error-icon,.success-icon{font-size:4rem;margin-bottom:1.5rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 1.5rem;width:40px}.success-container h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:1rem}.success-container p{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.success-details{background:#f9fafb;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.success-details p{color:#374151;font-size:.95rem;margin:0}.success-actions{display:flex;gap:1rem;margin-bottom:3rem}.success-actions .btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;flex:1 1;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.next-steps{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:8px;padding:2rem;text-align:left}.next-steps h3{color:#1e40af;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.next-steps ul{list-style:none;padding:0}.next-steps li{color:#374151;padding:.5rem 0 .5rem 1.5rem;position:relative}.next-steps li:before{color:#3b82f6;content:"→";font-weight:700;left:0;position:absolute}@media (max-width:768px){.billing-success{padding:1rem}.success-container{padding:2rem 1.5rem}.success-actions{flex-direction:column}.success-container h1{font-size:1.5rem}}.billing-canceled{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;justify-content:center;min-height:100vh;padding:2rem}.canceled-container{background:#fff;border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.canceled-icon{font-size:4rem;margin-bottom:1.5rem}.canceled-container h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:1rem}.canceled-container p{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.canceled-message{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.canceled-message p{color:#92400e;font-size:.95rem;margin:0}.canceled-actions{display:flex;gap:1rem;margin-bottom:3rem}.canceled-actions .btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;flex:1 1;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #e5e7eb;color:#374151}.btn-outline:hover{background:#f9fafb;border-color:#d1d5db}.btn-secondary{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary:hover{background:#d97706;transform:translateY(-1px)}.help-section{background:#f9fafb;border-radius:8px;padding:2rem}.help-section h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.help-section p{color:#6b7280;font-size:.95rem;margin-bottom:1.5rem}@media (max-width:768px){.billing-canceled{padding:1rem}.canceled-container{padding:2rem 1.5rem}.canceled-actions{flex-direction:column}.canceled-container h1{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.h-screen{height:100vh}.h-32{height:8rem}.w-32{width:8rem}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:#f9fafb}.bg-white{background-color:#fff}.bg-blue-600{background-color:#2563eb}.bg-blue-700{background-color:#1d4ed8}.bg-green-100{background-color:#dcfce7}.bg-red-100{background-color:#fee2e2}.text-white{color:#fff}.text-gray-600{color:#4b5563}.text-gray-900{color:#111827}.text-green-800{color:#166534}.text-red-800{color:#991b1b}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-gray-300{border-color:#d1d5db}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-4{margin:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-6{gap:1.5rem}.cursor-pointer{cursor:pointer}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity))}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.status-indicator{border-radius:50%;display:inline-block;height:.5rem;margin-right:.5rem;width:.5rem}.status-healthy{background-color:#10b981}.status-error{background-color:#ef4444}.status-unknown{background-color:#6b7280}.metric-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;padding:1.5rem}.metric-card h3{font-size:.875rem;font-weight:500;margin-bottom:.5rem;opacity:.8}.metric-card p{font-size:2rem;font-weight:700;margin:0}.chart-container{height:300px;position:relative;width:100%}
/*# sourceMappingURL=main.c21d7d2a.css.map*/