*{box-sizing:border-box;margin:0;padding:0;max-width:100%}*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%}body{margin:0;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6;color:#18181b;background-color:#fafafa;overflow-x:hidden;max-width:100vw}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0);color:#6366f1;text-decoration:none}a:hover{color:#4f46e5;text-decoration:underline}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none;max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem;color:#18181b}h1{font-size:30px;font-weight:700}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5,h6{font-size:16px}p{margin-bottom:1rem;line-height:1.6}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:#71717a}.text-gray-600{color:#52525b}.text-gray-700{color:#3f3f46}.text-gray-900{color:#18181b}.text-center{text-align:center}.nav{background:hsla(0,0%,100%,.8);backdrop-filter:blur(12px);border-bottom:1px solid rgba(228,228,231,.5);position:sticky;top:0;z-index:50}.nav .nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.nav .nav-content{display:flex;justify-content:space-between;align-items:center;height:72px}.nav .nav-brand{font-size:24px;font-weight:800;background:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-decoration:none;letter-spacing:-0.025em}.nav .nav-brand:hover{opacity:.8;text-decoration:none}.nav .nav-links{display:flex;align-items:center;gap:2rem}.nav .nav-links a{color:#52525b;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:12px;transition:all .2s ease;position:relative}.nav .nav-links a:hover{color:#6366f1;background:rgba(99,102,241,.05);text-decoration:none;transform:translateY(-1px)}.nav .nav-links a.active{color:#6366f1;background:rgba(99,102,241,.1)}@media(max-width: 768px){.nav .nav-container{padding:0 1rem}.nav .nav-brand{font-size:20px}.nav .nav-links{gap:1rem}.nav .nav-links a{padding:.5rem .75rem;font-size:14px}}.form-container{max-width:600px;margin:2rem auto;padding:0 1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#3f3f46;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=url],.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #d4d4d8;border-radius:8px;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=url]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-group input[type=text].error,.form-group input[type=email].error,.form-group input[type=password].error,.form-group input[type=url].error,.form-group textarea.error,.form-group select.error{border-color:#ef4444}.form-group textarea{resize:vertical;min-height:100px}.form-group .checkbox-group{display:flex;align-items:center;gap:.5rem}.form-group .checkbox-group input[type=checkbox]{width:auto}.form-group .checkbox-group label{margin:0;font-weight:400}.form-group .help-text{font-size:14px;color:#71717a;margin-top:.25rem}.form-group .error-text{font-size:14px;color:#ef4444;margin-top:.25rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}@media(max-width: 640px){.form-actions{flex-direction:column}}body{background:linear-gradient(135deg, #fafafa 0%, #f4f4f5 50%, #e4e4e7 100%);min-height:100vh}.dashboard{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;width:100%;overflow-x:hidden}@media(max-width: 768px){.dashboard{padding:2rem 1rem}}@media(max-width: 640px){.dashboard{padding:1.5rem .75rem}}.dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem}.dashboard .dashboard-header .header-content h1{font-size:36px;font-weight:800;margin-bottom:.75rem;color:#18181b;letter-spacing:-0.05em;background:linear-gradient(135deg, #18181b 0%, #3f3f46 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.dashboard .dashboard-header .header-content p{color:#52525b;margin-bottom:0;font-size:18px;font-weight:500}@media(max-width: 768px){.dashboard .dashboard-header{flex-direction:column;gap:1.5rem;align-items:stretch;margin-bottom:2rem}.dashboard .dashboard-header .header-content h1{font-size:30px}.dashboard .dashboard-header .header-content p{font-size:16px}}@media(max-width: 640px){.dashboard .dashboard-header{margin-bottom:1.5rem;gap:1rem}.dashboard .dashboard-header .header-content h1{font-size:24px;line-height:1.2}.dashboard .dashboard-header .header-content p{font-size:14px}}.dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-bottom:3rem;width:100%;overflow:hidden}@media(max-width: 768px){.dashboard .stats-grid{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin-bottom:2rem}}@media(max-width: 640px){.dashboard .stats-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem;min-width:0}}.dashboard .stat-card{background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);padding:2rem;border-radius:20px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:1px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.dashboard .stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.dashboard .stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%)}.dashboard .stat-card h3{font-size:14px;font-weight:600;color:#52525b;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.dashboard .stat-card .stat-value{font-size:36px;font-weight:800;margin:0;letter-spacing:-0.05em}.dashboard .stat-card .stat-value.blue{background:linear-gradient(135deg, #6366f1 0%, #818cf8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.dashboard .stat-card .stat-value.green{background:linear-gradient(135deg, #10b981 0%, #34d399 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.dashboard .stat-card .stat-value.purple{background:linear-gradient(135deg, #ec4899 0%, #db2777 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.dashboard .stat-card .stat-value.red{background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media(max-width: 768px){.dashboard .stat-card{padding:1.5rem}.dashboard .stat-card h3{font-size:12px;margin-bottom:.75rem}.dashboard .stat-card .stat-value{font-size:30px}}@media(max-width: 640px){.dashboard .stat-card{padding:1.25rem}.dashboard .stat-card .stat-value{font-size:24px}}.dashboard .section-card{background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:1px solid hsla(0,0%,100%,.2);margin-bottom:3rem;overflow:hidden}.dashboard .section-card .section-header{padding:2rem;border-bottom:1px solid rgba(228,228,231,.3);background:linear-gradient(135deg, rgba(99, 102, 241, 0.02) 0%, rgba(236, 72, 153, 0.02) 100%)}.dashboard .section-card .section-header h2{font-size:24px;font-weight:700;color:#18181b;margin:0;letter-spacing:-0.025em}.dashboard .section-card .empty-state{text-align:center;padding:4rem}.dashboard .section-card .empty-state p{color:#71717a;margin-bottom:1.5rem;font-size:18px}.dashboard .section-card .empty-state p:last-child{margin-bottom:0}@media(max-width: 768px){.dashboard .section-card{margin-bottom:2rem}.dashboard .section-card .section-header{padding:1.5rem}.dashboard .section-card .section-header h2{font-size:20px}.dashboard .section-card .empty-state{padding:3rem}.dashboard .section-card .empty-state p{font-size:16px}}@media(max-width: 640px){.dashboard .section-card{margin-bottom:1.5rem}.dashboard .section-card .section-header{padding:1.25rem}.dashboard .section-card .section-header h2{font-size:18px}.dashboard .section-card .empty-state{padding:2rem}.dashboard .section-card .empty-state p{font-size:14px;margin-bottom:1rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #fafafa 0%, #f4f4f5 50%, #e4e4e7 100%);padding:1rem}.auth-card{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);padding:3rem;width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.auth-header p{color:#6b7280;font-size:.95rem;font-weight:500}.auth-links{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb;text-align:center}.auth-links .auth-link{display:inline-block;color:#6366f1;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease;margin:0 .5rem}.auth-links .auth-link:hover{color:#4f46e5;text-decoration:underline}.auth-links .auth-link.secondary{color:#6b7280;font-size:.9rem}.auth-links .auth-link.secondary:hover{color:#374151}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-group .checkbox{width:auto;margin:0}.checkbox-group .checkbox-label{margin:0;font-weight:500;color:#374151;cursor:pointer}.btn-full{width:100%;padding:.875rem 1.5rem;font-size:1rem}.oauth-divider{margin:2rem 0;text-align:center;position:relative}.oauth-divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.oauth-divider span{background:hsla(0,0%,100%,.95);color:#6b7280;font-size:.875rem;font-weight:500;padding:0 1rem;position:relative}.oauth-buttons{margin-bottom:1.5rem}.oauth-buttons .btn-google{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#fff;color:#374151;border:1.5px solid #e5e7eb;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.oauth-buttons .btn-google:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.oauth-buttons .btn-google svg{flex-shrink:0}@media(max-width: 480px){.auth-container{padding:.5rem}.auth-card{padding:2rem 1.5rem;border-radius:12px}.auth-header h1{font-size:1.75rem}}body:not(.user-signed-in) .nav{display:none}body:not(.user-signed-in) main{padding:0}.landing-page .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(max-width: 768px){.landing-page .container{padding:0 1rem}}@media(max-width: 640px){.landing-page .container{padding:0 .75rem}}.landing-page .hero{padding:4rem 0;text-align:center;background:linear-gradient(135deg, rgba(99, 102, 241, 0.03) 0%, rgba(236, 72, 153, 0.03) 100%)}@media(max-width: 768px){.landing-page .hero{padding:3rem 0}}.landing-page .hero .hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#18181b;letter-spacing:-0.05em}@media(max-width: 768px){.landing-page .hero .hero-title{font-size:3rem}}@media(max-width: 640px){.landing-page .hero .hero-title{font-size:2.5rem;margin-bottom:1rem}}.landing-page .hero .gradient-text{background:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.landing-page .hero .hero-subtitle{font-size:20px;color:#52525b;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;font-weight:500;line-height:1.6}@media(max-width: 768px){.landing-page .hero .hero-subtitle{font-size:18px;margin-bottom:2rem}}@media(max-width: 640px){.landing-page .hero .hero-subtitle{font-size:16px;margin-bottom:1.5rem}}.landing-page .hero .hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}@media(max-width: 640px){.landing-page .hero .hero-actions{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem}}.landing-page .hero .hero-demo{max-width:700px;margin:0 auto}.landing-page .code-block{background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:1px solid hsla(0,0%,100%,.2);overflow:hidden;text-align:left}.landing-page .code-block .code-header{background:linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(236, 72, 153, 0.1) 100%);padding:1rem 1.5rem;border-bottom:1px solid rgba(228,228,231,.3)}.landing-page .code-block .code-header .code-title{font-size:14px;font-weight:600;color:#3f3f46;text-transform:uppercase;letter-spacing:.05em}.landing-page .code-block .code-content{padding:1.5rem}.landing-page .code-block .code-content code{font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:14px;color:#27272a;line-height:1.6;white-space:pre-wrap;word-break:break-all}@media(max-width: 640px){.landing-page .code-block .code-content code{font-size:12px}}.landing-page .features{padding:4rem 0}@media(max-width: 768px){.landing-page .features{padding:3rem 0}}.landing-page .features .section-title{font-size:30px;font-weight:700;text-align:center;margin-bottom:3rem;color:#18181b;letter-spacing:-0.025em}@media(max-width: 768px){.landing-page .features .section-title{font-size:24px;margin-bottom:2rem}}@media(max-width: 640px){.landing-page .features .section-title{font-size:20px;margin-bottom:1.5rem}}.landing-page .features .features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:2rem}@media(max-width: 768px){.landing-page .features .features-grid{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem}}@media(max-width: 640px){.landing-page .features .features-grid{grid-template-columns:1fr;gap:1rem}}.landing-page .features .feature-card{background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);padding:2rem;border-radius:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:1px solid hsla(0,0%,100%,.2);text-align:center;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.landing-page .features .feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.landing-page .features .feature-card .feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.landing-page .features .feature-card h3{font-size:20px;font-weight:600;margin-bottom:.75rem;color:#18181b}.landing-page .features .feature-card p{color:#52525b;line-height:1.6;margin:0;font-weight:500}@media(max-width: 768px){.landing-page .features .feature-card{padding:1.5rem}.landing-page .features .feature-card .feature-icon{font-size:2.5rem;margin-bottom:.75rem}.landing-page .features .feature-card h3{font-size:18px}.landing-page .features .feature-card p{font-size:14px}}.landing-page .integrations{padding:4rem 0;background:linear-gradient(135deg, rgba(99, 102, 241, 0.02) 0%, rgba(236, 72, 153, 0.02) 100%)}@media(max-width: 768px){.landing-page .integrations{padding:3rem 0}}.landing-page .integrations .section-title{font-size:30px;font-weight:700;text-align:center;margin-bottom:1rem;color:#18181b;letter-spacing:-0.025em}@media(max-width: 768px){.landing-page .integrations .section-title{font-size:24px}}@media(max-width: 640px){.landing-page .integrations .section-title{font-size:20px}}.landing-page .integrations .section-subtitle{text-align:center;color:#52525b;font-size:18px;margin-bottom:2.5rem;font-weight:500}@media(max-width: 768px){.landing-page .integrations .section-subtitle{font-size:16px;margin-bottom:2rem}}.landing-page .integrations .integration-logos{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:1.5rem;max-width:800px;margin:0 auto}@media(max-width: 640px){.landing-page .integrations .integration-logos{grid-template-columns:repeat(2, 1fr);gap:1rem}}.landing-page .integrations .integration-logos .logo-item{background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);padding:1rem 1.5rem;border-radius:12px;text-align:center;font-weight:600;color:#3f3f46;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);transition:all .2s ease}.landing-page .integrations .integration-logos .logo-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media(max-width: 640px){.landing-page .integrations .integration-logos .logo-item{padding:.75rem 1rem;font-size:14px}}.landing-page .cta{padding:4rem 0;text-align:center}@media(max-width: 768px){.landing-page .cta{padding:3rem 0}}.landing-page .cta .cta-content{max-width:600px;margin:0 auto}.landing-page .cta .cta-content h2{font-size:30px;font-weight:700;margin-bottom:1rem;color:#18181b;letter-spacing:-0.025em}@media(max-width: 768px){.landing-page .cta .cta-content h2{font-size:24px}}@media(max-width: 640px){.landing-page .cta .cta-content h2{font-size:20px}}.landing-page .cta .cta-content p{font-size:18px;color:#52525b;margin-bottom:2rem;font-weight:500}@media(max-width: 768px){.landing-page .cta .cta-content p{font-size:16px;margin-bottom:1.5rem}}.landing-page .footer{background:linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, rgba(236, 72, 153, 0.05) 100%);padding:3rem 0;border-top:1px solid rgba(228,228,231,.3)}@media(max-width: 768px){.landing-page .footer{padding:2rem 0}}.landing-page .footer .footer-content{display:flex;justify-content:space-between;align-items:center}@media(max-width: 640px){.landing-page .footer .footer-content{flex-direction:column;text-align:center;gap:1.5rem}}.landing-page .footer .footer-content .footer-brand h3{font-size:20px;font-weight:700;margin-bottom:.5rem;color:#18181b}.landing-page .footer .footer-content .footer-brand p{color:#52525b;margin:0;font-weight:500}.landing-page .footer .footer-content .footer-links{display:flex;gap:2rem}@media(max-width: 640px){.landing-page .footer .footer-content .footer-links{flex-direction:column;gap:1rem}}.landing-page .footer .footer-content .footer-links .footer-column h4{font-size:14px;font-weight:600;color:#18181b;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.landing-page .footer .footer-content .footer-links .footer-column a{display:block;color:#52525b;text-decoration:none;font-weight:500;margin-bottom:.5rem;transition:color .2s ease}.landing-page .footer .footer-content .footer-links .footer-column a:hover{color:#6366f1}.landing-page .footer .footer-bottom{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(228,228,231,.3);text-align:center}.landing-page .footer .footer-bottom p{color:#71717a;font-size:14px;margin-bottom:.5rem}.landing-page .footer .footer-bottom p:last-child{margin-bottom:0}.landing-page .footer .footer-bottom p a{color:#52525b;text-decoration:none}.landing-page .footer .footer-bottom p a:hover{color:#6366f1}.landing-page .btn-large{padding:1rem 2rem;font-size:18px;font-weight:600}@media(max-width: 640px){.landing-page .btn-large{padding:.75rem 1.5rem;font-size:16px;width:100%;max-width:280px}}.pricing-page{padding:4rem 0}.pricing-page .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(max-width: 768px){.pricing-page .container{padding:0 1rem}}@media(max-width: 640px){.pricing-page .container{padding:0 .75rem}}.pricing-page .pricing-header{text-align:center;margin-bottom:3rem}.pricing-page .pricing-header h1{font-size:36px;font-weight:800;color:#18181b;margin-bottom:1rem;letter-spacing:-0.05em}@media(max-width: 768px){.pricing-page .pricing-header h1{font-size:30px}}@media(max-width: 640px){.pricing-page .pricing-header h1{font-size:24px}}.pricing-page .pricing-header p{font-size:20px;color:#52525b;font-weight:500;max-width:600px;margin:0 auto}@media(max-width: 768px){.pricing-page .pricing-header p{font-size:18px}}@media(max-width: 640px){.pricing-page .pricing-header p{font-size:16px}}.pricing-page .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:4rem}@media(max-width: 768px){.pricing-page .pricing-grid{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;margin-bottom:3rem}}@media(max-width: 640px){.pricing-page .pricing-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}}.pricing-page .pricing-card{background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:1px solid hsla(0,0%,100%,.2);padding:2rem;position:relative;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.pricing-page .pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.pricing-page .pricing-card.popular{border:2px solid #6366f1;transform:scale(1.05)}.pricing-page .pricing-card.popular:hover{transform:scale(1.05) translateY(-4px)}.pricing-page .pricing-card.current-plan{border:2px solid #10b981;background:rgba(16,185,129,.02)}.pricing-page .pricing-card.canceling-plan{border:2px solid #f59e0b;background:rgba(245,158,11,.02)}.pricing-page .pricing-card .popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);color:#fff;padding:.5rem 1rem;border-radius:16px;font-size:14px;font-weight:600;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.pricing-page .pricing-card .plan-header{text-align:center;margin-bottom:2rem}.pricing-page .pricing-card .plan-header h3{font-size:24px;font-weight:700;color:#18181b;margin-bottom:1rem}.pricing-page .pricing-card .plan-header .price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.pricing-page .pricing-card .plan-header .price .currency{font-size:20px;color:#3f3f46;font-weight:600}.pricing-page .pricing-card .plan-header .price .amount{font-size:3rem;font-weight:800;color:#18181b;letter-spacing:-0.05em}@media(max-width: 640px){.pricing-page .pricing-card .plan-header .price .amount{font-size:2.5rem}}.pricing-page .pricing-card .plan-header .price .period{font-size:18px;color:#52525b;font-weight:500}.pricing-page .pricing-card .plan-features{margin-bottom:2rem}.pricing-page .pricing-card .plan-features ul{list-style:none;padding:0;margin:0}.pricing-page .pricing-card .plan-features ul li{padding:.75rem 0;color:#3f3f46;font-weight:500;position:relative;padding-left:1.5rem}.pricing-page .pricing-card .plan-features ul li::before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:18px}.pricing-page .pricing-card .plan-features ul li:not(:last-child){border-bottom:1px solid rgba(228,228,231,.3)}.pricing-page .pricing-card .plan-action .btn-full{width:100%;padding:1rem 1.5rem;font-weight:600}@media(max-width: 768px){.pricing-page .pricing-card{padding:1.5rem}.pricing-page .pricing-card.popular{transform:none}.pricing-page .pricing-card.popular:hover{transform:translateY(-4px)}}.pricing-page .pricing-faq{margin-top:4rem;text-align:center}@media(max-width: 768px){.pricing-page .pricing-faq{margin-top:3rem}}.pricing-page .pricing-faq h2{font-size:30px;font-weight:700;color:#18181b;margin-bottom:2.5rem;letter-spacing:-0.025em}@media(max-width: 768px){.pricing-page .pricing-faq h2{font-size:24px;margin-bottom:2rem}}@media(max-width: 640px){.pricing-page .pricing-faq h2{font-size:20px;margin-bottom:1.5rem}}.pricing-page .pricing-faq .faq-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;text-align:left}@media(max-width: 768px){.pricing-page .pricing-faq .faq-grid{gap:1.5rem}}@media(max-width: 640px){.pricing-page .pricing-faq .faq-grid{grid-template-columns:1fr;gap:1rem}}.pricing-page .pricing-faq .faq-grid .faq-item{background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);padding:1.5rem;border-radius:16px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2)}.pricing-page .pricing-faq .faq-grid .faq-item h4{font-size:18px;font-weight:600;color:#18181b;margin-bottom:.75rem}.pricing-page .pricing-faq .faq-grid .faq-item p{color:#52525b;line-height:1.6;margin:0;font-weight:500}@media(max-width: 768px){.pricing-page .pricing-faq .faq-grid .faq-item{padding:1.25rem}.pricing-page .pricing-faq .faq-grid .faq-item h4{font-size:16px}.pricing-page .pricing-faq .faq-grid .faq-item p{font-size:14px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:1px solid rgba(0,0,0,0);border-radius:16px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);line-height:1;letter-spacing:-0.025em;position:relative;overflow:hidden}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.15)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);color:#fff;border:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);text-decoration:none;color:#fff}.btn.btn-primary:active{transform:translateY(0);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.btn.btn-secondary{background:hsla(0,0%,100%,.9);backdrop-filter:blur(8px);color:#3f3f46;border:1px solid rgba(228,228,231,.5);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.btn.btn-secondary:hover:not(:disabled){background:#fff;border-color:#d4d4d8;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);color:#18181b;text-decoration:none}.btn.btn-danger{background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color:#fff;border:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.btn.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);text-decoration:none;color:#fff}.btn.btn-ghost{background:rgba(0,0,0,0);border:1px solid rgba(99,102,241,.2);color:#6366f1}.btn.btn-ghost:hover:not(:disabled){background:rgba(99,102,241,.05);border-color:rgba(99,102,241,.3);text-decoration:none}.btn.btn-link{background:none;border:none;color:#6366f1;padding:.5rem .75rem;font-weight:500}.btn.btn-link:hover:not(:disabled){color:#4f46e5;text-decoration:underline}.btn.btn-sm,.btn.btn-small{padding:.5rem 1rem;font-size:14px;border-radius:12px}.btn.btn-lg{padding:1rem 2rem;font-size:18px;border-radius:20px}.btn.btn-icon{padding:.75rem}.btn.btn-icon.btn-sm{padding:.5rem}.btn.btn-icon.btn-lg{padding:1rem}.table-container{overflow-x:auto;border-radius:20px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border:1px solid rgba(228,228,231,.5);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media(max-width: 768px){.table-container{border-radius:16px}}@media(max-width: 640px){.table-container{border-radius:12px;margin:0 -0.75rem}}.table{width:100%;border-collapse:collapse;min-width:500px}@media(max-width: 640px){.table{min-width:480px}}.table th{background:linear-gradient(135deg, rgba(99, 102, 241, 0.03) 0%, rgba(236, 72, 153, 0.03) 100%);padding:1.25rem 2rem;text-align:left;font-size:12px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid rgba(228,228,231,.3);position:sticky;top:0;z-index:10}.table th:first-child{border-top-left-radius:20px}.table th:last-child{border-top-right-radius:20px}.table td{padding:1.5rem 2rem;border-bottom:1px solid rgba(228,228,231,.2);font-size:14px;vertical-align:top}.table td.nowrap{white-space:nowrap}.table td .cell-main{font-weight:600;color:#18181b;margin-bottom:.25rem}.table td .cell-sub{color:#71717a;font-size:12px;font-weight:500}@media(max-width: 768px){.table td{padding:1rem 1.5rem;font-size:12px}.table td .cell-main{font-size:14px}}@media(max-width: 640px){.table td{padding:.75rem 1rem}.table td:first-child{padding-left:1.25rem}.table td:last-child{padding-right:1.25rem}}.table tbody tr{background:hsla(0,0%,100%,.5);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.table tbody tr:hover{background:rgba(99,102,241,.03);transform:translateY(-1px)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:last-child td:first-child{border-bottom-left-radius:20px}.table tbody tr:last-child td:last-child{border-bottom-right-radius:20px}.table .table-actions{display:flex;gap:1rem;align-items:center}.table .table-actions a{font-weight:600;text-decoration:none;padding:.5rem .75rem;border-radius:12px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.table .table-actions a.action-view{color:#6366f1;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2)}.table .table-actions a.action-view:hover{color:#4f46e5;background:rgba(99,102,241,.15);transform:translateY(-1px)}.table .table-actions a.action-edit{color:#52525b;background:rgba(113,113,122,.1);border:1px solid rgba(113,113,122,.2)}.table .table-actions a.action-edit:hover{color:#18181b;background:rgba(113,113,122,.15);transform:translateY(-1px)}.table .table-actions a.action-delete{color:#ef4444;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}.table .table-actions a.action-delete:hover{color:#b91c1c;background:rgba(239,68,68,.15);transform:translateY(-1px)}@media(max-width: 768px){.table .table-actions{gap:.5rem}.table .table-actions a{padding:.25rem .5rem;font-size:10px}}@media(max-width: 640px){.table .table-actions{flex-direction:column;gap:.25rem}.table .table-actions a{padding:.25rem;font-size:9px;min-width:auto}}.card{background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid rgba(228,228,231,.5);overflow:hidden;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);margin:1.5rem}.card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:translateY(-2px)}.card .card-header{padding:2rem 2.5rem;border-bottom:1px solid rgba(228,228,231,.3);background:linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, rgba(236, 72, 153, 0.05) 100%)}.card .card-header h3{margin:0;font-size:20px;font-weight:700;color:#18181b;letter-spacing:-0.025em}.card .card-body{padding:2rem 2.5rem}.card .card-footer{padding:1.5rem 2.5rem;border-top:1px solid rgba(228,228,231,.3);background:rgba(250,250,250,.5)}@media(max-width: 768px){.card{margin:1rem;border-radius:16px}.card .card-header{padding:1.5rem}.card .card-header h3{font-size:18px}.card .card-body{padding:1.5rem}.card .card-footer{padding:1rem 1.5rem}}@media(max-width: 640px){.card{margin:.75rem}.card .card-header{padding:1.25rem}.card .card-body{padding:1.25rem}.card .card-footer{padding:1rem 1.25rem}}.status-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:14px;font-weight:600;border-radius:9999px;backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.2)}.status-badge.status-active{background:linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(52, 211, 153, 0.1) 100%);color:#047857;border-color:rgba(16,185,129,.2)}.status-badge.status-inactive{background:linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(220, 38, 38, 0.1) 100%);color:#b91c1c;border-color:rgba(239,68,68,.2)}.status-badge.status-pending{background:linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(217, 119, 6, 0.1) 100%);color:#92400e;border-color:rgba(245,158,11,.2)}.stat-value.red{color:#ef4444;font-weight:700}.stat-value.blue{color:#6366f1;font-weight:700}.stat-value.green{color:#10b981;font-weight:700}.stat-value.purple{color:#ec4899;font-weight:700}.alert{padding:1rem 1.5rem;border-radius:16px;margin:1.5rem auto;max-width:1200px;position:relative;backdrop-filter:blur(8px);font-weight:500;border:1px solid hsla(0,0%,100%,.2);animation:slideInDown .3s ease-out}.alert.alert-success{background:linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(52, 211, 153, 0.1) 100%);border-color:rgba(16,185,129,.3);color:#047857}.alert.alert-error{background:linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(220, 38, 38, 0.1) 100%);border-color:rgba(239,68,68,.3);color:#b91c1c}.alert.alert-warning{background:linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(217, 119, 6, 0.1) 100%);border-color:rgba(245,158,11,.3);color:#92400e}.alert.alert-info{background:linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(129, 140, 248, 0.1) 100%);border-color:rgba(99,102,241,.3);color:#4338ca}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-container{max-width:600px;margin:3rem auto;padding:0 1.5rem}@media(max-width: 768px){.form-container{padding:0 1rem;margin:2rem auto}}@media(max-width: 640px){.form-container{padding:0 .75rem;margin:1.5rem auto}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:14px;font-weight:600;color:#3f3f46;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem;border:2px solid rgba(228,228,231,.6);border-radius:16px;font-size:16px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:hsla(0,0%,100%,.9);backdrop-filter:blur(8px);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);color:#18181b}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);background:#fff;transform:translateY(-1px)}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:rgba(228,228,231,.8);background:hsla(0,0%,100%,.95)}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:#a1a1aa;font-weight:400}.form-group input:invalid,.form-group textarea:invalid,.form-group select:invalid{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-group textarea{min-height:120px;resize:vertical}.form-group select{cursor:pointer;appearance:none;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 1rem center;background-size:16px;padding-right:3rem}.form-group .form-help{font-size:14px;color:#71717a;margin-top:.5rem;font-style:italic}.form-group .form-error{font-size:14px;color:#ef4444;margin-top:.5rem;font-weight:500}.checkbox-group,.radio-group{margin-bottom:1.5rem}.checkbox-group label,.radio-group label{display:flex;align-items:center;font-size:16px;font-weight:500;color:#3f3f46;cursor:pointer;padding:.75rem;border-radius:12px;transition:all .2s ease}.checkbox-group label:hover,.radio-group label:hover{background:rgba(99,102,241,.05)}.checkbox-group label input[type=checkbox],.checkbox-group label input[type=radio],.radio-group label input[type=checkbox],.radio-group label input[type=radio]{width:auto;margin-right:.75rem;accent-color:#6366f1}.form-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}@media(max-width: 640px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}code{background:#f8fafc;color:#334155;padding:.25rem .75rem;border-radius:8px;font-family:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;font-size:14px;font-weight:500;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e2e8f0}pre{background:#f8fafc;color:#334155;padding:1.5rem;border-radius:16px;overflow-x:auto;font-family:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;font-size:14px;line-height:1.7;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);font-weight:500;border:1px solid #e2e8f0;max-width:100%;word-wrap:break-word}pre code{background:none;padding:0;color:inherit;font-weight:inherit;border:none;white-space:pre-wrap;word-break:break-word}@media(max-width: 640px){pre{padding:1rem;font-size:12px;margin-left:0;margin-right:0}}pre code .string{color:#9ece6a}pre code .attr{color:#7aa2f7}pre code .tag{color:#f7768e}pre code .comment{color:#565f89;font-style:italic}