@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--slate-50);color:var(--slate-900);-webkit-font-smoothing:antialiased;line-height:1.5}.landing{min-height:100vh;display:flex;flex-direction:column}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--slate-200)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:10px}.brand-logo{width:32px;height:32px;background:var(--brand-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.brand-logo.sm{width:24px;height:24px}.brand-name{font-weight:600;font-size:16px;color:var(--slate-900)}.nav-center{display:flex;gap:32px}.nav-link{font-size:14px;font-weight:500;color:var(--slate-600);text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--slate-900)}.nav-actions{display:flex;align-items:center;gap:12px}.btn-text{background:none;border:none;font-size:14px;font-weight:500;color:var(--slate-600);cursor:pointer;padding:8px 16px;transition:color .2s}.btn-text:hover{color:var(--slate-900)}.btn-primary{background:var(--brand-primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s,transform .2s}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--slate-700);border:1px solid var(--slate-200);padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-secondary:hover{background:var(--slate-50);border-color:var(--slate-300)}.btn-lg{padding:14px 28px;font-size:15px}.btn-white{background:#fff;color:var(--brand-primary);border:none;padding:14px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-white:hover{background:var(--slate-100)}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:14px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-ghost:hover{background:#ffffff1a;border-color:#ffffff80}.hero{padding-top:140px;padding-bottom:80px;text-align:center}.hero-container{max-width:800px;margin:0 auto;padding:0 24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--brand-bg);border:1px solid rgba(98,93,243,.2);border-radius:100px;font-size:13px;font-weight:500;color:var(--brand-primary);margin-bottom:24px}.badge-dot{width:6px;height:6px;background:var(--brand-primary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-size:56px;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--slate-900);margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;line-height:1.6;color:var(--slate-600);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;justify-content:center;gap:16px;margin-bottom:48px}.hero-trust{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#625df314;border-radius:100px;font-size:13px;font-weight:500;color:var(--slate-600);margin-bottom:32px}.hero-trust svg{color:var(--brand-primary)}.hero-visual{max-width:900px;margin:60px auto 0;padding:0 24px}.visual-card{background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 40px -10px #0000001a}.visual-header{background:var(--slate-50);border-bottom:1px solid var(--slate-200);padding:12px 16px;display:flex;align-items:center;gap:12px}.visual-dots{display:flex;gap:6px}.visual-dots span{width:10px;height:10px;border-radius:50%;background:var(--slate-300)}.visual-dots span:first-child{background:#ff5f56}.visual-dots span:nth-child(2){background:#ffbd2e}.visual-dots span:last-child{background:#27c93f}.visual-title{font-size:13px;color:var(--slate-500)}.visual-content{padding:40px;display:flex;flex-direction:column;align-items:center;gap:32px}.agent-preview{display:flex;flex-direction:column;align-items:center;gap:16px}.agent-icon{width:64px;height:64px;background:var(--brand-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 0 8px var(--brand-bg)}.agent-waves{display:flex;gap:4px;height:24px;align-items:center}.wave{width:4px;background:var(--brand-primary);border-radius:2px;animation:wave 1s infinite ease-in-out}.wave:nth-child(1){height:12px;animation-delay:0s}.wave:nth-child(2){height:20px;animation-delay:.1s}.wave:nth-child(3){height:16px;animation-delay:.2s}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.chat-preview{width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px}.chat-msg{display:flex;gap:10px;align-items:flex-end}.chat-msg.user{flex-direction:row-reverse}.msg-avatar{width:28px;height:28px;background:var(--brand-primary);border-radius:50%;flex-shrink:0}.msg-content{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.4;max-width:280px}.chat-msg.agent .msg-content{background:var(--slate-100);color:var(--slate-700);border-bottom-left-radius:4px}.chat-msg.user .msg-content{background:var(--brand-primary);color:#fff;border-bottom-right-radius:4px}.features{padding:100px 0;background:#fff}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.landing .section-header{text-align:center;margin-bottom:64px;display:block}.landing .section-header h2{font-size:36px;font-weight:700;color:var(--slate-900);margin-bottom:16px;letter-spacing:-.02em}.landing .section-header p{font-size:18px;color:var(--slate-500);max-width:600px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:28px;transition:all .2s}.feature-card:hover{border-color:var(--brand-primary);box-shadow:0 8px 24px #625df31a;transform:translateY(-2px)}.feature-icon{width:48px;height:48px;background:var(--brand-bg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--brand-primary);margin-bottom:20px}.feature-card h3{font-size:18px;font-weight:600;color:var(--slate-900);margin-bottom:8px}.feature-card p{font-size:14px;color:var(--slate-500);line-height:1.6}.how-it-works{padding:100px 0;background:var(--slate-50)}.how-it-works .steps{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:0;max-width:900px;margin:0 auto}.how-it-works .step{flex:1;max-width:300px;text-align:center;padding:24px 20px;display:flex;flex-direction:column;align-items:center}.how-it-works .step-number{width:56px;height:56px;background:var(--brand-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin-bottom:20px;flex-shrink:0;box-shadow:0 4px 12px #625df34d}.how-it-works .step h3{font-size:18px;font-weight:600;color:var(--slate-900);margin-bottom:10px}.how-it-works .step p{font-size:14px;color:var(--slate-500);line-height:1.6;max-width:240px}.how-it-works .step-connector{width:60px;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-light));margin-top:52px;flex-shrink:0;border-radius:2px}.pricing{padding:100px 0;background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}.pricing-card{background:var(--slate-50);border:2px solid var(--slate-200);border-radius:var(--radius-xl);padding:32px;display:flex;flex-direction:column;transition:all .3s;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.pricing-card.popular{border-color:var(--brand-primary);background:#fff;box-shadow:0 0 0 4px #625df31a;padding-top:44px}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--brand-primary);color:#fff;padding:4px 16px;border-radius:100px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pricing-card-header{margin-bottom:24px}.pricing-card h3{font-size:24px;font-weight:700;color:var(--slate-900);margin-bottom:16px}.landing .pricing-price{display:flex;flex-direction:column;gap:4px}.landing .pricing-price-main{display:flex;align-items:baseline;gap:4px}.landing .price-currency{font-size:32px;font-weight:600;color:var(--slate-500)}.landing .price-amount{font-size:44px;font-weight:800;color:var(--slate-900);line-height:1;letter-spacing:-.02em}.landing .price-period{font-size:18px;color:var(--slate-500);align-self:flex-end;margin-bottom:8px}.landing .price-inr{font-size:12px;color:var(--slate-400);font-weight:500;margin-top:2px}.pricing-features{list-style:none;padding:0;margin:0 0 32px;flex:1}.pricing-features li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:14px;color:var(--slate-600)}.pricing-features li svg{color:var(--brand-primary);flex-shrink:0;margin-top:2px}.btn-outline{background:transparent;border:2px solid var(--slate-300);color:var(--slate-700);padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-outline:hover{background:var(--slate-50);border-color:var(--brand-primary);color:var(--brand-primary)}.pricing-card.popular .btn-primary{background:var(--brand-primary);border:2px solid var(--brand-primary)}.pricing-note{text-align:center;padding:24px;background:var(--brand-bg);border-radius:var(--radius-lg)}.pricing-note p{font-size:14px;color:var(--slate-600);margin:0 0 8px}.pricing-note p:last-child{margin:0}.pricing-note a{color:var(--brand-primary);font-weight:600;text-decoration:none}.pricing-note a:hover{text-decoration:underline}.cta{padding:100px 0;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-dark) 100%);text-align:center}.cta-container{max-width:700px;margin:0 auto;padding:0 24px}.cta h2{font-size:36px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-.02em}.cta p{font-size:18px;color:#fffc;margin-bottom:40px}.cta-actions{display:flex;justify-content:center;gap:16px}.footer{padding:80px 0 40px;background:#fff;border-top:1px solid var(--slate-200)}.footer-container{max-width:1200px;margin:0 auto 60px;padding:0 24px;display:flex;justify-content:space-between}.footer-main{max-width:280px}.footer-brand{display:flex;align-items:center;gap:8px;margin-bottom:12px}.footer-brand span{font-weight:600;font-size:16px;color:var(--slate-900)}.footer-tagline{font-size:14px;color:var(--slate-500)}.footer-links-section{display:flex;gap:64px}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col h4{font-size:13px;font-weight:600;color:var(--slate-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.footer-col a{font-size:14px;color:var(--slate-600);text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--brand-primary)}.footer-bottom{max-width:1200px;margin:0 auto;padding:24px 24px 0;border-top:1px solid var(--slate-200);display:flex;justify-content:space-between;align-items:center}.footer-bottom span{font-size:14px;color:var(--slate-400)}.footer-legal{display:flex;gap:24px}.footer-legal a{font-size:14px;color:var(--slate-400);text-decoration:none;transition:color .2s}.footer-legal a:hover{color:var(--slate-600)}@media (max-width: 900px){.features-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.how-it-works .steps{flex-direction:column;align-items:center;gap:0}.how-it-works .step{max-width:400px;text-align:center}.how-it-works .step-connector{width:2px;height:48px;margin:0;background:linear-gradient(180deg,var(--brand-primary),var(--brand-light))}}@media (max-width: 768px){.nav-center{display:none}.hero-title{font-size:40px}.hero-actions{flex-direction:column;align-items:center}.features-grid,.pricing-grid{grid-template-columns:1fr}.footer-container{flex-direction:column;gap:48px}.footer-links-section{flex-wrap:wrap;gap:32px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.cta-actions{flex-direction:column;align-items:center}}.demo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease-out}.demo-modal{position:relative;width:100%;max-width:1000px;background:#000;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.demo-modal-close{position:absolute;top:-48px;right:0;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.demo-modal-close:hover{background:#fff3;border-color:#fff6}.demo-modal-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.demo-modal-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 768px){.demo-modal-close{top:-44px;width:36px;height:36px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:var(--space-6)}.auth-container{width:100%;max-width:420px;background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-xl)}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.logo-icon{width:48px;height:48px;background:var(--accent);color:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.logo-icon.success{background:var(--success)}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.logo-text-container{display:flex;flex-direction:column;line-height:1.1;text-align:left}.logo-subtext{font-size:.7rem;color:var(--text-muted);font-weight:500;letter-spacing:.02em}.auth-header h1{font-size:1.5rem;margin-bottom:var(--space-2)}.auth-header p{color:var(--text-secondary)}.auth-error{background:var(--error-bg);color:var(--error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--space-4);text-align:center}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff;border:1.5px solid var(--border-light);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.google-btn:hover{background:var(--bg-muted);border-color:var(--border-medium)}.google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.auth-divider span{font-size:.8125rem;color:var(--text-muted)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-hint{font-size:.75rem;color:var(--text-muted)}.input-with-icon{position:relative}.input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-with-icon .input{padding-left:44px}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:.875rem;color:var(--text-secondary)}.auth-footer a{color:var(--accent);font-weight:500}.auth-footer a:hover{text-decoration:underline}.legal-page{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.legal-nav{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.back-link{display:flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.back-link:hover{color:#0f172a}.legal-nav .nav-brand{display:flex;align-items:center;gap:8px}.legal-nav .brand-logo{width:24px;height:24px;background:#625df3;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.legal-nav .nav-brand span{font-weight:600;font-size:14px;color:#0f172a}.legal-content{flex:1;max-width:800px;margin:0 auto;padding:60px 24px;width:100%}.legal-content h1{font-size:36px;font-weight:700;color:#0f172a;margin-bottom:8px;letter-spacing:-.02em}.last-updated{font-size:14px;color:#94a3b8;margin-bottom:48px}.legal-content section{margin-bottom:40px}.legal-content h2{font-size:20px;font-weight:600;color:#0f172a;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.legal-content h3{font-size:16px;font-weight:600;color:#334155;margin-top:20px;margin-bottom:12px}.legal-content p{font-size:15px;line-height:1.7;color:#475569;margin-bottom:16px}.legal-content ul{margin:16px 0;padding-left:24px}.legal-content li{font-size:15px;line-height:1.7;color:#475569;margin-bottom:8px}.legal-content a{color:#625df3;text-decoration:none;font-weight:500}.legal-content a:hover{text-decoration:underline}.legal-footer{background:#fff;border-top:1px solid #e2e8f0;padding:24px;text-align:center}.legal-footer p{font-size:14px;color:#94a3b8;margin:0}@media (max-width: 768px){.legal-content{padding:40px 20px}.legal-content h1{font-size:28px}.legal-content h2{font-size:18px}}:root{--brand-primary: #625DF3;--brand-light: #818cf8;--brand-dark: #4f46e5;--brand-bg: rgba(98, 93, 243, .1);--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}.about-page{min-height:100vh;display:flex;flex-direction:column;background:var(--slate-50);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.about-nav{background:#fff;border-bottom:1px solid var(--slate-200);padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.about-nav .back-link{display:flex;align-items:center;gap:8px;color:var(--slate-500);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.about-nav .back-link:hover{color:var(--slate-900)}.about-nav .nav-brand{display:flex;align-items:center;gap:8px}.about-nav .brand-logo{width:28px;height:28px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-light) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.about-nav .nav-brand span{font-weight:600;font-size:15px;color:var(--slate-900)}.about-hero{padding:100px 24px 80px;text-align:center;background:#fff}.about-hero-container{max-width:800px;margin:0 auto}.about-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--brand-bg);border:1px solid rgba(98,93,243,.2);border-radius:100px;font-size:13px;font-weight:500;color:var(--brand-primary);margin-bottom:24px}.about-hero h1{font-size:56px;font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px}.about-hero h1 .gradient-text{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero .tagline{font-size:20px;line-height:1.7;color:var(--slate-600);max-width:680px;margin:0 auto}.about-products{padding:80px 24px;background:var(--slate-50)}.about-section-container{max-width:1000px;margin:0 auto}.about-section-header{text-align:center;margin-bottom:48px}.about-section-header h2{font-size:32px;font-weight:700;color:var(--slate-900);margin-bottom:12px;letter-spacing:-.02em}.about-section-header p{font-size:17px;color:var(--slate-500)}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.product-card{background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-xl);padding:36px;transition:all .3s ease;text-decoration:none;display:block}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #625df31f;border-color:var(--brand-primary)}.product-card-icon{width:56px;height:56px;background:var(--brand-bg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--brand-primary);margin-bottom:24px}.product-card h3{font-size:22px;font-weight:600;color:var(--slate-900);margin-bottom:12px}.product-card p{font-size:15px;color:var(--slate-500);line-height:1.6;margin-bottom:20px}.product-card-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--brand-primary)}.product-card-link svg{transition:transform .2s}.product-card:hover .product-card-link svg{transform:translate(4px)}.about-philosophy{padding:80px 24px;background:#fff}.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.philosophy-item{text-align:center;padding:32px 24px}.philosophy-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 24px;box-shadow:0 8px 24px #625df340}.philosophy-item h3{font-size:18px;font-weight:600;color:var(--slate-900);margin-bottom:12px}.philosophy-item p{font-size:15px;color:var(--slate-500);line-height:1.6}.about-cta{padding:80px 24px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-dark) 100%);text-align:center}.about-cta-container{max-width:600px;margin:0 auto}.about-cta h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-.02em}.about-cta p{font-size:17px;color:#fffc;margin-bottom:32px}.about-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.about-cta .btn-white{background:#fff;color:var(--brand-primary);padding:14px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.about-cta .btn-white:hover{background:var(--slate-100);transform:translateY(-1px)}.about-cta .btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:14px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.about-cta .btn-ghost:hover{background:#ffffff1a;border-color:#ffffff80}.about-footer{background:#fff;border-top:1px solid var(--slate-200);padding:24px;text-align:center}.about-footer p{font-size:14px;color:var(--slate-400);margin:0}@media (max-width: 900px){.products-grid,.philosophy-grid{grid-template-columns:1fr;gap:24px}}@media (max-width: 768px){.about-hero{padding:80px 20px 60px}.about-hero h1{font-size:36px}.about-hero .tagline{font-size:17px}.about-section-header h2,.about-cta h2{font-size:26px}.about-cta-actions{flex-direction:column;align-items:center}.philosophy-item{padding:24px 16px}}.documentation-page{min-height:100vh;background:var(--bg-primary);padding:var(--space-6) var(--space-4)}.doc-container{max-width:900px;margin:0 auto}.doc-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8)}.doc-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:0}.doc-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:var(--space-2) 0 0 0}.doc-toc{margin-bottom:var(--space-8);padding:var(--space-6)}.doc-toc h2{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0}.doc-toc nav{display:flex;flex-direction:column;gap:var(--space-2)}.doc-toc nav a{color:var(--accent);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all .2s}.doc-toc nav a:hover{background:var(--bg-muted);transform:translate(4px)}.doc-section{margin-bottom:var(--space-12);scroll-margin-top:var(--space-6)}.doc-section .section-icon{width:48px;height:48px;background:var(--accent);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--space-4)}.doc-section h2{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-4) 0}.doc-section h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:var(--space-6) 0 var(--space-3) 0}.doc-section h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:var(--space-4) 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-2)}.doc-section p{color:var(--text-secondary);line-height:1.7;margin:var(--space-3) 0}.doc-section ul,.doc-section ol{color:var(--text-secondary);line-height:1.7;padding-left:var(--space-6);margin:var(--space-3) 0}.doc-section li{margin:var(--space-2) 0}.highlight-box{background:var(--bg-card);border:2px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-4) 0}.highlight-box h3{margin-top:0}.info-box{background:#6366f11a;border-left:4px solid var(--accent);padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-4) 0}.tip-box{background:#10b9811a;border-left:4px solid var(--success);padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-4) 0}.steps{display:flex;flex-direction:column;gap:var(--space-6);margin:var(--space-6) 0}.step{display:flex;gap:var(--space-4)}.step-number{flex-shrink:0;width:40px;height:40px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-lg)}.step-content h3{margin-top:0}.config-tab{background:var(--bg-card);padding:var(--space-5);border-radius:var(--radius-lg);margin:var(--space-4) 0;border:1px solid var(--border-color)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.feature-card{background:var(--bg-card);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.feature-card h3{margin-top:0;font-size:var(--text-lg)}.feature-card p{margin:var(--space-2) 0 0 0;font-size:var(--text-sm)}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin:var(--space-4) 0}.language-category{background:var(--bg-card);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.language-category h4{margin-top:0;color:var(--accent)}.language-category ul{margin:0;padding-left:var(--space-5)}.integration-card{background:var(--bg-card);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin:var(--space-3) 0}.integration-card h4{margin:0 0 var(--space-2) 0;color:var(--accent)}.integration-card p{margin:0;font-size:var(--text-sm)}.faq-item{background:var(--bg-card);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin:var(--space-4) 0}.faq-item h3{margin:0 0 var(--space-3) 0;color:var(--accent)}.faq-item p{margin:0}.doc-footer{text-align:center;padding:var(--space-8) 0;border-top:1px solid var(--border-color);margin-top:var(--space-12)}.doc-footer p{color:var(--text-secondary);margin:var(--space-2) 0}.doc-footer a{color:var(--accent);text-decoration:none}.doc-footer a:hover{text-decoration:underline}.doc-version{font-size:var(--text-sm);color:var(--text-muted)}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.plan-doc-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;position:relative;transition:all .2s}.plan-doc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.plan-doc-card.popular{border-color:var(--accent);background:#6366f10d}.plan-popular-badge{position:absolute;top:-10px;right:var(--space-4);background:var(--accent);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.plan-header{margin-bottom:var(--space-4);border-bottom:1px solid var(--border-light);padding-bottom:var(--space-3)}.plan-header h3{margin:0 0 var(--space-3) 0;font-size:var(--text-lg)}.plan-price{font-size:var(--text-3xl);font-weight:700;color:var(--accent)}.plan-price span{font-size:var(--text-sm);font-weight:500;color:var(--text-muted)}.plan-price-inr{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.plan-doc-card ul{list-style:none;padding:0;margin:0 0 var(--space-4) 0;flex:1}.plan-doc-card ul li{padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.plan-doc-card ul li:before{content:"✓";color:var(--success);font-weight:700;margin-right:var(--space-2)}.plan-ideal{font-size:var(--text-xs);color:var(--text-muted);font-style:italic;margin:0;padding-top:var(--space-3);border-top:1px solid var(--border-light)}.topup-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin:var(--space-4) 0}.topup-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}.topup-item strong{font-size:var(--text-lg);color:var(--text-primary)}.topup-item span{font-size:var(--text-sm);color:var(--text-secondary)}@media (max-width: 768px){.documentation-page{padding:var(--space-4) var(--space-3)}.doc-title{font-size:var(--text-2xl)}.feature-grid,.language-grid,.pricing-plans,.topup-options{grid-template-columns:1fr}}.pricing-page{min-height:100vh;background:var(--bg-primary);padding:var(--space-8) var(--space-4)}.pricing-container{max-width:1200px;margin:0 auto}.pricing-loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.pricing-header{text-align:center;margin-bottom:var(--space-12)}.pricing-header h1{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-3) 0}.pricing-header p{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-6) 0}.currency-toggle{display:inline-flex;background:var(--bg-card);border-radius:var(--radius-full);padding:var(--space-1);gap:var(--space-1)}.currency-toggle button{padding:var(--space-2) var(--space-5);border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;font-weight:500;color:var(--text-secondary);transition:all .2s}.currency-toggle button.active{background:var(--accent);color:#fff}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.plan-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;position:relative;transition:all .3s}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.plan-card.popular{border-color:var(--accent);box-shadow:0 0 0 4px #625df31a}.plan-card.current-plan{border-color:var(--success);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(16,185,129,.05) 100%)}.popular-badge,.current-badge{position:absolute;top:-12px;right:var(--space-6);background:var(--accent);color:#fff;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.current-badge{background:var(--success)}.plan-name{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0}.plan-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-6) 0}.plan-price{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1)}.price-amount{font-size:var(--text-5xl);font-weight:700;color:var(--accent)}.price-period{font-size:var(--text-base);color:var(--text-muted)}.price-other{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.plan-features{list-style:none;padding:0;margin:0 0 var(--space-8) 0;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.plan-features li svg{flex-shrink:0;color:var(--success);margin-top:2px}.btn-full{width:100%}.topup-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;margin-bottom:var(--space-12)}.topup-section h2{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0}.topup-section>p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-8) 0}.topup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);max-width:800px;margin:0 auto}.topup-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.topup-icon{color:var(--accent)}.topup-card h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.topup-price{font-size:var(--text-2xl);font-weight:700;color:var(--accent)}.topup-price-other{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.additional-costs{background:#625df30d;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6)}.additional-costs h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0}.cost-item{display:flex;align-items:flex-start;gap:var(--space-4)}.cost-item svg{flex-shrink:0;color:var(--accent);margin-top:2px}.cost-info strong{display:block;color:var(--text-primary);margin-bottom:var(--space-1)}.cost-info p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}@media (max-width: 768px){.pricing-page{padding:var(--space-6) var(--space-3)}.pricing-header h1{font-size:var(--text-3xl)}.plans-grid{grid-template-columns:1fr}.price-amount{font-size:var(--text-4xl)}}.sidebar{width:260px;height:100vh;background:var(--bg-card);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:50}.sidebar-header{height:72px;display:flex;align-items:center;padding:0 var(--space-6);border-bottom:1px solid var(--border-light)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo-icon{width:36px;height:36px;background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.sidebar-logo-text{font-family:var(--font-display);font-weight:700;font-size:1.125rem;color:var(--text-primary)}.sidebar-logo-text-container{display:flex;flex-direction:column;line-height:1.1}.sidebar-logo-subtext{font-size:.65rem;color:var(--text-muted);font-weight:500;letter-spacing:.02em}.sidebar-nav{flex:1;padding:var(--space-6) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:.9375rem;transition:all var(--transition-fast);text-decoration:none}.nav-item:hover{color:var(--text-primary);background:var(--bg-muted)}.nav-item.active{color:var(--accent);background:var(--accent-light)}.nav-divider{height:1px;background:var(--border-light);margin:var(--space-4) var(--space-4)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-light)}.user-info{padding:var(--space-2) var(--space-4);margin-bottom:var(--space-2)}.user-email{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.nav-item.logout-btn{color:var(--error)}.nav-item.logout-btn:hover{background:var(--error-bg)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border-left:4px solid;min-width:320px;max-width:400px;pointer-events:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-message{flex:1;font-size:.9375rem;color:#1e293b;font-weight:500}.toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center}.toast-close:hover{background:#f1f5f9;color:#64748b}.dashboard-layout{min-height:100vh;background:var(--bg-body)}.dashboard-main{margin-left:260px;min-height:100vh;padding:var(--space-8)}.dashboard-container{max-width:1100px;margin:0 auto;animation:slideUp .3s ease}.dashboard-home{animation:slideUp .3s ease}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-bottom:var(--space-10)}.stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-4)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-accent{background:var(--accent-light);color:var(--accent)}.stat-icon-success{background:var(--success-bg);color:var(--success)}.stat-icon-warning{background:var(--warning-bg);color:var(--warning)}.stat-icon-primary{background:var(--bg-muted);color:var(--text-primary)}.stat-content{display:flex;flex-direction:column}.stat-title{font-size:.8125rem;color:var(--text-secondary);margin-bottom:var(--space-1)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-1)}.section{margin-bottom:var(--space-10)}.section-title{font-size:1.125rem;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.action-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5);text-align:left;transition:all var(--transition-fast)}.action-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.action-card:hover .action-arrow{transform:translate(4px)}.action-title{display:block;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.action-desc{display:block;font-size:.875rem;color:var(--text-secondary)}.action-arrow{color:var(--text-muted);transition:transform var(--transition-fast)}.chart-placeholder{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-16);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center}.chart-placeholder svg{margin-bottom:var(--space-4);opacity:.3}.call-activity-chart{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6)}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:150px;gap:var(--space-2)}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:100%;max-width:50px;background:linear-gradient(180deg,var(--accent),var(--accent-light));border-radius:var(--radius-md) var(--radius-md) 0 0;min-height:4px;display:flex;align-items:flex-start;justify-content:center;position:relative;transition:height var(--transition-fast)}.chart-bar-value{position:absolute;top:-24px;font-size:.75rem;font-weight:600;color:var(--text-primary)}.chart-bar-label{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-2)}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.pending-badge{background:var(--warning-bg);color:var(--warning);font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);margin-left:var(--space-2)}.callbacks-controls{display:flex;align-items:center;gap:var(--space-3)}.callbacks-list{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden}.callback-item{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-4);transition:background var(--transition-fast)}.callback-item:last-child{border-bottom:none}.callback-item:hover{background:var(--bg-muted)}.callback-item.callback-status-completed{opacity:.6}.callback-main{flex:1;display:flex;gap:var(--space-6);min-width:0}.callback-info{display:flex;flex-direction:column;min-width:180px}.callback-name{font-weight:500;color:var(--text-primary)}.callback-phone{font-size:.8125rem;color:var(--text-secondary)}.callback-details{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.callback-reason{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.callback-preferred-time{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--accent);font-weight:500}.callback-meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.callback-date{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.callback-agent{font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.callback-status-select{font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:none;cursor:pointer;text-transform:uppercase}.callback-status-select.status-pending{background:var(--warning-bg);color:var(--warning)}.callback-status-select.status-contacted{background:var(--info-bg);color:var(--info)}.callback-status-select.status-completed{background:var(--success-bg);color:var(--success)}.callback-status-select.status-cancelled{background:var(--bg-muted);color:var(--text-muted)}.btn-mark-done{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--success-bg);color:var(--success);border:1px solid var(--success);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-mark-done:hover{background:var(--success);color:#fff}.callbacks-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-light);border-top:none;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination-info{font-size:.875rem;color:var(--text-secondary)}@media (max-width: 1024px){.page-header{flex-direction:column;gap:var(--space-4)}.stats-grid{grid-template-columns:repeat(2,1fr)}.actions-grid{grid-template-columns:1fr}.callback-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.callback-main{flex-direction:column;gap:var(--space-2)}.callback-meta{flex-wrap:wrap}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}.modal-compact{max-width:400px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f1f5f9;color:#64748b}.modal-body{padding:24px}.modal-input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .2s;margin-bottom:20px}.modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.agent-list{animation:slideUp .3s ease}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) 0;color:var(--text-secondary);text-align:center}.empty-icon{width:96px;height:96px;background:var(--bg-muted);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:var(--space-6)}.empty-state h3{font-size:1.25rem;margin-bottom:var(--space-2);color:var(--text-primary)}.empty-state p{margin-bottom:var(--space-6);color:var(--text-secondary)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.agent-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:all var(--transition-fast)}.agent-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.agent-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.agent-avatar{width:48px;height:48px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.agent-status{font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.agent-status.active{background:var(--success-bg);color:var(--success)}.agent-status.inactive{background:var(--bg-muted);color:var(--text-muted)}.agent-name{font-size:1.125rem;margin-bottom:var(--space-4)}.agent-meta{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text-secondary)}.add-agent-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);background:transparent;border:2px dashed var(--border-light);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);min-height:240px}.add-agent-card:hover{border-color:var(--accent);background:var(--accent-light)}.add-icon{width:56px;height:56px;background:var(--bg-muted);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:var(--space-4);transition:all var(--transition-fast)}.add-agent-card:hover .add-icon{background:var(--accent);color:#fff}.add-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.add-subtitle{font-size:.875rem;color:var(--text-muted)}.phone-modal{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light)}.modal-header h2{font-size:1.25rem;margin:0}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.search-controls{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.control-group{display:flex;flex-direction:column;gap:var(--space-2)}.control-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.area-code-input{display:flex;gap:var(--space-3)}.area-code-input .input{flex:1}.error-message{background:var(--error-bg);color:var(--error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--space-4)}.numbers-list{border:1px solid var(--border-light);border-radius:var(--radius-lg);min-height:200px;max-height:300px;overflow-y:auto}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);color:var(--text-muted);gap:var(--space-3);text-align:center}.number-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.number-item:last-child{border-bottom:none}.number-item:hover{background:var(--bg-muted)}.number-info{display:flex;flex-direction:column;gap:var(--space-1)}.phone-number{font-weight:600;color:var(--text-primary);font-family:monospace;font-size:1rem}.location{display:flex;align-items:center;gap:var(--space-1);font-size:.8125rem;color:var(--text-secondary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.8125rem}.pricing-note{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:var(--space-4)}.provider-info{display:flex;justify-content:flex-start;margin-top:var(--space-2)}.provider-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.provider-badge.exotel{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.pricing{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--success);font-weight:500}.pricing svg{color:var(--success)}.coming-soon-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center;background:var(--bg-muted);border-radius:var(--radius-lg);border:2px dashed var(--border-color);margin-top:var(--space-4)}.coming-soon-icon{font-size:3rem;margin-bottom:var(--space-3)}.coming-soon-notice h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.coming-soon-notice p{color:var(--text-secondary);max-width:400px;margin:0;line-height:1.5}.phone-modal-large{max-width:640px}.claimed-numbers-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light)}.section-title{font-size:1rem;font-weight:600;margin:0 0 var(--space-2) 0;color:var(--text-primary)}.section-desc{font-size:.8125rem;color:var(--text-secondary);margin:0 0 var(--space-4) 0}.claimed-numbers-list{display:flex;flex-direction:column;gap:var(--space-2)}.claimed-number-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.claimed-number-item:hover{background:var(--bg-body)}.claimed-number-item.current{border:2px solid var(--accent);background:var(--accent-light)}.number-details{display:flex;flex-direction:column;gap:var(--space-1)}.assignment-status{font-size:.75rem}.status-current{color:var(--accent);font-weight:500}.status-available{color:var(--success)}.status-other{color:var(--text-muted)}.claim-new-section{margin-top:var(--space-4)}.section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-muted);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--text-primary);transition:all var(--transition-fast)}.section-toggle:hover{background:var(--bg-body)}.cost-warning,.subscription-warning{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.8125rem;margin-top:var(--space-3)}.cost-warning{background:#fff8e1;color:#f57c00;border:1px solid #FFE082}.subscription-warning{background:var(--error-bg);color:var(--error);border:1px solid var(--error)}.cost-warning svg,.subscription-warning svg{flex-shrink:0;margin-top:2px}.not-enough-minutes{padding:var(--space-6);text-align:center;color:var(--text-muted)}.not-enough-minutes p{margin:0 0 var(--space-2) 0}.success-message{display:flex;align-items:center;gap:var(--space-2);background:var(--success-bg);color:var(--success);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--space-4)}.change-number-warning{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#fff3e0;border:1px solid #FFB74D;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.change-number-warning svg{color:#e65100;flex-shrink:0;margin-top:2px}.change-number-warning strong{display:block;color:#e65100;margin-bottom:var(--space-1);font-size:.9375rem}.change-number-warning p{margin:0;font-size:.8125rem;color:#8d6e63;line-height:1.5}.no-subscription-block{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8);background:var(--bg-muted);border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.no-subscription-block svg{color:var(--accent);margin-bottom:var(--space-3)}.no-subscription-block h4{font-size:1.125rem;margin:0 0 var(--space-2) 0;color:var(--text-primary)}.no-subscription-block p{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--space-4) 0}.no-subscription-block .btn{padding:var(--space-3) var(--space-6)}.voice-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.voice-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-card)}.voice-card:hover{border-color:var(--border-medium)}.voice-card.selected{border-color:var(--accent);background:var(--accent-light)}.voice-card-content{display:flex;align-items:center;gap:var(--space-3)}.voice-icon{width:40px;height:40px;background:var(--bg-muted);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.voice-card.selected .voice-icon{background:var(--accent);color:#fff}.voice-details{display:flex;flex-direction:column}.preview-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-muted);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.preview-btn:hover{background:var(--primary);color:#fff}.preview-btn.playing{background:var(--error);color:#fff;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.availability-scheduler{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6)}.scheduler-header{margin-bottom:var(--space-5)}.scheduler-header h3{font-size:1.125rem;margin-bottom:var(--space-1)}.scheduler-header p{color:var(--text-secondary);font-size:.875rem}.config-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light)}.config-item{display:flex;flex-direction:column;gap:var(--space-2)}.config-item label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.schedule-grid{display:flex;flex-direction:column;gap:var(--space-3)}.day-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.day-row.disabled{opacity:.6}.day-toggle{display:flex;align-items:center;gap:var(--space-3);min-width:140px}.day-name{font-weight:500;color:var(--text-primary)}.toggle-container{position:relative;display:inline-block;width:44px;height:24px}.toggle-container input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-medium);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-container input:checked+.toggle-slider{background-color:var(--accent)}.toggle-container input:checked+.toggle-slider:before{transform:translate(20px)}.time-inputs{display:flex;align-items:center;gap:var(--space-3)}.time-input{width:120px;padding:var(--space-2) var(--space-3)}.time-separator{color:var(--text-muted);font-size:.875rem}.unavailable-text{font-size:.875rem;color:var(--text-muted);font-style:italic}.scheduler-footer{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end}.knowledge-base{display:flex;flex-direction:column;gap:var(--space-6)}.kb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-muted);gap:var(--space-3)}.kb-upload-section .upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);background:var(--bg-card);border:2px dashed var(--border-light);border-radius:var(--radius-xl);text-align:center}.kb-upload-section .upload-icon{width:64px;height:64px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.kb-upload-section h3{margin-bottom:var(--space-2)}.kb-upload-section p{color:var(--text-secondary);margin-bottom:var(--space-5)}.kb-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6)}.kb-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.kb-section-title{font-size:1rem;font-weight:600;margin:0}.btn-sm{padding:var(--space-2) var(--space-3);font-size:.8125rem}.kb-list{display:flex;flex-direction:column;gap:var(--space-2)}.kb-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.kb-item:hover{background:var(--bg-body)}.kb-text-item{align-items:flex-start}.kb-item-icon{width:40px;height:40px;background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.kb-item-icon.text{background:var(--accent-light);color:var(--accent)}.kb-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.kb-item-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-item-preview{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.kb-item-meta{font-size:.75rem;color:var(--text-muted)}.kb-text-form{background:var(--bg-muted);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.kb-text-form .form-group{margin-bottom:var(--space-4)}.kb-text-form .form-group:last-of-type{margin-bottom:var(--space-5)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.kb-empty-text{color:var(--text-muted);font-size:.875rem;text-align:center;padding:var(--space-6)}.text-edit-modal{max-width:900px;width:95vw;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl)}.text-edit-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-light)}.text-edit-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.text-edit-modal .form-group{padding:0 var(--space-8);margin-bottom:var(--space-5)}.text-edit-modal .form-group:first-of-type{padding-top:var(--space-6)}.text-edit-modal .form-group label{display:block;margin-bottom:var(--space-3);font-weight:600;font-size:.875rem;color:var(--text-primary)}.text-edit-modal .form-group .input{width:100%;padding:var(--space-4);font-size:1rem;border-radius:var(--radius-md)}.text-edit-modal textarea.input{min-height:320px;resize:vertical;font-size:.9375rem;line-height:1.7;padding:var(--space-4)}.text-edit-modal .modal-actions{padding:var(--space-6) var(--space-8);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--space-4);margin-top:var(--space-4)}.disabled-section{opacity:.6;pointer-events:none}.coming-soon-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--accent);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.kb-upload-section{position:relative}.upload-zone.disabled{cursor:not-allowed}.btn.disabled{opacity:.5;cursor:not-allowed}.agent-builder{animation:slideUp .3s ease}.builder-loading,.builder-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4);color:var(--text-secondary)}.builder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.builder-header-left{display:flex;align-items:center;gap:var(--space-4)}.builder-title{font-size:1.5rem;margin-bottom:var(--space-1)}.builder-subtitle{color:var(--text-secondary);font-size:.9375rem}.builder-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-light);margin-bottom:var(--space-6)}.tab-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:.9375rem;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast)}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--accent);border-bottom-color:var(--accent)}.builder-section{display:flex;flex-direction:column;gap:var(--space-6)}.section-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6)}.section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{font-size:1.125rem;margin-bottom:var(--space-4)}.section-subtitle{color:var(--text-secondary);font-size:.875rem}.form-group{margin-bottom:var(--space-5)}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2)}.form-hint{font-size:.8125rem;color:var(--text-muted);margin-top:var(--space-2)}.input-group{display:flex;gap:var(--space-3)}.input-group .input{flex:1}.phone-display{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-muted);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-family:monospace}.voice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.voice-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.voice-option:hover{border-color:var(--border-medium)}.voice-option.selected{border-color:var(--accent);background:var(--accent-light)}.voice-info{display:flex;flex-direction:column}.voice-name{font-weight:600;color:var(--text-primary)}.voice-desc{font-size:.8125rem;color:var(--text-secondary)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);background:var(--bg-card);border:2px dashed var(--border-light);border-radius:var(--radius-xl);text-align:center}.upload-icon{width:72px;height:72px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.upload-zone h3{margin-bottom:var(--space-2)}.upload-zone p{color:var(--text-secondary);margin-bottom:var(--space-5)}.coming-soon{color:var(--text-muted);font-style:italic}.danger-zone{border-color:var(--error);border-style:dashed}.danger-title{color:var(--error)}.danger-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-4)}.btn-danger{background:var(--error);color:#fff;border:none;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.call-logs{animation:slideUp .3s ease}.call-count{color:var(--text-muted);font-size:.875rem}.page-actions{display:flex;align-items:center;gap:var(--space-3)}.filter-select-wrapper{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary)}.filter-select{background:transparent;border:none;font-size:.875rem;color:var(--text-primary);cursor:pointer;outline:none}.calls-layout{display:grid;grid-template-columns:380px 1fr;gap:var(--space-6);min-height:600px}.calls-list{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-4);overflow-y:auto;max-height:700px;display:flex;flex-direction:column;gap:var(--space-2)}.empty-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-muted);text-align:center;gap:var(--space-3)}.call-item{padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.call-item:hover{background:var(--bg-muted)}.call-item.selected{background:var(--accent-light);border-color:var(--accent)}.call-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.caller-number{font-weight:600;color:var(--text-primary)}.call-status{font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase}.call-item-meta{display:flex;gap:var(--space-4);font-size:.8125rem;color:var(--text-secondary);margin-bottom:var(--space-2)}.call-item-meta span{display:flex;align-items:center;gap:var(--space-1)}.call-item-date{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:var(--space-1)}.call-detail{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);min-height:500px;max-height:700px;overflow-y:auto}.no-selection{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:var(--space-3)}.no-selection svg{opacity:.3}.detail-content{padding:var(--space-6)}.detail-header{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-light)}.detail-header h2{font-size:1.5rem;margin-bottom:var(--space-1)}.detail-agent{color:var(--accent);font-weight:500}.detail-meta{display:flex;gap:var(--space-6);margin-bottom:var(--space-6)}.detail-meta .meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text-secondary)}.audio-player{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-muted);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.play-button{width:48px;height:48px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.audio-bar{flex:1;height:6px;background:var(--border-light);border-radius:var(--radius-full)}.audio-progress{width:30%;height:100%;background:var(--accent);border-radius:var(--radius-full)}.transcript-section h3{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.transcript-text{background:var(--bg-muted);padding:var(--space-5);border-radius:var(--radius-lg);line-height:1.7;color:var(--text-primary);white-space:pre-wrap}.no-data{color:var(--text-muted);font-style:italic}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-2);border-top:1px solid var(--border-light)}.status-in-progress{background:var(--warning-bg, #fef3c7);color:var(--warning, #d97706)}.status-missed,.status-failed{background:var(--error-bg);color:var(--error)}.status-unknown{background:var(--bg-muted);color:var(--text-muted)}.appointments-page{animation:slideUp .3s ease}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.page-description{color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.last-updated{font-size:.75rem;color:var(--text-muted);padding:var(--space-1) var(--space-2);background:var(--bg-muted);border-radius:var(--radius-sm)}.btn-refresh{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-refresh:hover{border-color:var(--accent);color:var(--accent)}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.appointments-table-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden}.appointments-table{width:100%;border-collapse:collapse;text-align:left}.appointments-table th{padding:var(--space-4) var(--space-5);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-muted);border-bottom:1px solid var(--border-light)}.appointments-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);vertical-align:middle}.appointments-table tr:last-child td{border-bottom:none}.appointments-table tr:hover{background:var(--bg-muted)}.empty-row{text-align:center;padding:var(--space-12)!important;color:var(--text-muted)}.empty-row span{display:block;margin-top:var(--space-3)}.customer-cell{display:flex;flex-direction:column}.customer-name{font-weight:500;color:var(--text-primary)}.customer-phone{font-size:.8125rem;color:var(--text-secondary)}.datetime-cell{display:flex;flex-direction:column;gap:var(--space-1)}.datetime-cell .date,.datetime-cell .time{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem}.datetime-cell .date{color:var(--text-primary)}.datetime-cell .time,.agent-name{color:var(--text-secondary)}.status-badge{display:inline-block;padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:capitalize}.status-scheduled{background:var(--info-bg);color:var(--info)}.status-completed{background:var(--success-bg);color:var(--success)}.status-cancelled{background:var(--error-bg);color:var(--error)}.status-no-show{background:var(--warning-bg, #fef3c7);color:var(--warning, #d97706)}.appointments-filters{display:flex;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:200px;max-width:320px}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-card)}.search-input:focus{outline:none;border-color:var(--accent)}.filter-group{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-card);color:var(--text-primary);cursor:pointer}.apt-count{color:var(--text-muted);font-size:.875rem}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-light)}.pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.875rem;color:var(--text-secondary);min-width:100px;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.edit-modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border-light)}.modal-header h3{font-size:1.125rem;font-weight:600}.modal-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-5);border-top:1px solid var(--border-light)}.settings-page{animation:slideUp .3s ease}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:1.75rem;margin-bottom:var(--space-2)}.page-description{color:var(--text-secondary)}.settings-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.section-title{display:flex;align-items:center;gap:var(--space-3);font-size:1.125rem;margin-bottom:var(--space-5);color:var(--text-primary)}.loading-state{display:flex;justify-content:center;padding:var(--space-8);color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stat-card{background:var(--bg-muted);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.stat-label{font-size:.8125rem;color:var(--text-secondary)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.phone-list{display:flex;flex-direction:column;gap:var(--space-2)}.phone-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-muted);border-radius:var(--radius-md)}.phone-number{font-family:monospace;font-weight:600;color:var(--text-primary)}.phone-agent{color:var(--text-secondary);font-size:.875rem}.empty-text{color:var(--text-muted);font-size:.875rem}.coming-soon-card{background:var(--bg-muted);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.coming-soon-badge{display:inline-block;background:var(--accent-light);color:var(--accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.coming-soon-card p{color:var(--text-secondary)}.feedback-form{display:flex;flex-direction:column;gap:var(--space-4)}.feedback-form .btn{align-self:flex-end}.feedback-success{background:var(--success-bg);color:var(--success);padding:var(--space-4);border-radius:var(--radius-md);text-align:center;font-weight:500}.account-info{display:flex;flex-direction:column;gap:var(--space-3)}.account-row{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.account-row:last-child{border-bottom:none}.account-label{color:var(--text-secondary)}.account-value{font-weight:500;color:var(--text-primary)}.business-profile-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-label{display:flex;align-items:center;gap:var(--space-2);font-weight:500;color:var(--text-primary);font-size:.875rem}.form-hint{font-size:.8125rem;color:var(--text-muted);margin-top:-var(--space-1)}.form-actions{display:flex;align-items:center;gap:var(--space-4)}.success-message{color:var(--success);font-size:.875rem;font-weight:500}.subscription-info{display:flex;flex-direction:column;gap:var(--space-5)}.subscription-card{background:var(--bg-muted);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.subscription-plan-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0}.subscription-status{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.subscription-status.active{background:var(--success-bg);color:var(--success)}.subscription-status.inactive{background:var(--error-bg);color:var(--error)}.subscription-cta{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-muted) 100%);border:1px dashed var(--accent);padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-2) 0}.subscription-cta p{margin:0;font-size:.9rem;color:var(--text-primary);text-align:center;font-weight:500}.usage-section{display:flex;flex-direction:column;gap:var(--space-3)}.usage-header{display:flex;justify-content:space-between;align-items:center}.usage-title{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--text-primary)}.usage-numbers{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.usage-bar{height:10px;background:#0000001a;border-radius:var(--radius-full);overflow:hidden}.usage-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease,background-color .3s ease}.usage-subtext{font-size:.8125rem;color:var(--text-muted);margin:0}.usage-warning{color:var(--error);font-weight:600}.billing-period{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-secondary)}.plan-features-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);padding:var(--space-4);background:var(--bg-primary);border-radius:var(--radius-md)}.feature-item{display:flex;flex-direction:column;gap:var(--space-1)}.feature-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.feature-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.cancellation-notice{text-align:center;font-size:.875rem;color:var(--text-secondary);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.cancellation-notice a{color:var(--accent);font-weight:500;text-decoration:none}.cancellation-notice a:hover{text-decoration:underline}.usage-alert{display:flex;gap:var(--space-4);padding:var(--space-4);background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md)}.alert-icon{font-size:1.5rem}.usage-alert strong{display:block;color:var(--text-primary);margin-bottom:var(--space-2)}.usage-alert p{color:var(--text-secondary);font-size:.875rem;margin:0 0 var(--space-3) 0}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.875rem}.error-text{color:var(--error);text-align:center;padding:var(--space-4)}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.subscription-header{flex-direction:column;gap:var(--space-4)}.subscription-header button{width:100%}.plan-features-summary{grid-template-columns:1fr}}.admin-page{animation:slideUp .3s ease}.admin-loading,.admin-denied{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center}.admin-denied svg{color:var(--error)}.admin-denied h1{font-size:var(--text-3xl);color:var(--text-primary);margin:0}.admin-denied p{color:var(--text-secondary);margin:0}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8)}.admin-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--error)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);transition:all .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.metric-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-content{display:flex;flex-direction:column;gap:var(--space-1)}.metric-label{font-size:var(--text-sm);color:var(--text-secondary)}.metric-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.admin-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6)}.section-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-5) 0}.admin-filters{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.search-box{flex:1;position:relative;display:flex;align-items:center;max-width:400px}.search-box svg{position:absolute;left:var(--space-3);color:var(--text-muted)}.search-box input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary)}.search-box input:focus{outline:none;border-color:var(--accent)}.filter-select{padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--accent)}.users-table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.users-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.users-table thead{background:var(--bg-muted);border-bottom:2px solid var(--border-color)}.users-table th{padding:var(--space-4);text-align:left;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em}.users-table td{padding:var(--space-4);border-bottom:1px solid var(--border-light)}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:var(--bg-muted)}.user-cell{display:flex;flex-direction:column;gap:var(--space-1)}.user-cell strong{color:var(--text-primary)}.user-cell span{color:var(--text-muted);font-size:var(--text-xs)}.plan-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.plan-badge.free{background:#64748b1a;color:#64748b}.plan-badge.starter{background:#3b82f61a;color:#3b82f6}.plan-badge.pro{background:#6366f11a;color:var(--accent)}.plan-badge.enterprise{background:#ec48991a;color:#ec4899}.minutes-cell{display:flex;flex-direction:column;gap:var(--space-2)}.minutes-cell span{font-size:var(--text-xs);color:var(--text-secondary)}.minutes-bar{width:80px;height:4px;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden}.minutes-bar-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .3s ease}.action-buttons{display:flex;gap:var(--space-2)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .2s}.btn-sm.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-sm.btn-outline:hover{background:var(--bg-muted);border-color:var(--accent);color:var(--accent)}.empty-state{text-align:center;padding:var(--space-10);color:var(--text-muted)}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:var(--space-4)}.admin-filters{flex-direction:column}.search-box{max-width:100%}.users-table-container{overflow-x:scroll}.users-table{min-width:700px}}.btn-sm.btn-danger{background:transparent;border:1px solid var(--error);color:var(--error);display:flex;align-items:center;justify-content:center}.btn-sm.btn-danger:hover{background:var(--error);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .2s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:var(--space-2);border-radius:var(--radius-md);transition:all .2s}.modal-close:hover{background:var(--bg-muted);color:var(--text-primary)}.modal-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.modal-user-info{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--bg-muted);border-radius:var(--radius-md)}.modal-user-info strong{color:var(--text-primary)}.modal-user-info span{font-size:var(--text-sm);color:var(--text-secondary)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.form-select,.form-input{padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary)}.form-select:focus,.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #625df31a}.form-hint{font-size:var(--text-xs);color:var(--text-muted)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--border-color)}.modal-footer .btn{display:flex;align-items:center;gap:var(--space-2)}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Plus Jakarta Sans", sans-serif;--primary: #0f172a;--primary-hover: #1e293b;--accent: #6366f1;--accent-hover: #4f46e5;--accent-light: rgba(99, 102, 241, .08);--bg-body: #fafbfc;--bg-card: #ffffff;--bg-muted: #f1f5f9;--bg-elevated: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverted: #ffffff;--border-light: #e2e8f0;--border-medium: #cbd5e1;--success: #10b981;--success-bg: #ecfdf5;--warning: #f59e0b;--warning-bg: #fffbeb;--error: #ef4444;--error-bg: #fef2f2;--info: #3b82f6;--info-bg: #eff6ff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background-color:var(--accent);color:#fff}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-body);color:var(--text-primary);line-height:1.6;font-size:15px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:.9375rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--text-inverted);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-accent{background:var(--accent);color:var(--text-inverted);box-shadow:var(--shadow-sm)}.btn-accent:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border:1.5px solid var(--border-light);color:var(--text-primary)}.btn-outline:hover:not(:disabled){border-color:var(--border-medium);background:var(--bg-muted)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:1rem;border-radius:var(--radius-lg)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:.9375rem;border:1.5px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast)}.input:hover{border-color:var(--border-medium)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:100px}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6)}.card-elevated{box-shadow:var(--shadow-md);border:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .4s ease}.space-y-6>*+*{margin-top:var(--space-6)}.space-y-3>*+*{margin-top:var(--space-3)}.bg-white{background-color:#fff}.bg-blue-50{background-color:#eff6ff}.bg-green-50{background-color:#f0fdf4}.bg-slate-50{background-color:#f8fafc}.bg-slate-100{background-color:#f1f5f9}.text-slate-900{color:#0f172a}.text-slate-600{color:#475569}.text-slate-500{color:#64748b}.text-slate-400{color:#94a3b8}.text-blue-600{color:#2563eb}.text-blue-500{color:#3b82f6}.text-green-700{color:#15803d}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border-slate-100{border-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.border-dashed{border-style:dashed}.border-2{border-width:2px}.hover-shadow-md:hover{box-shadow:var(--shadow-md)}.hover-bg-slate-100:hover{background-color:#f1f5f9}.hover-border-blue-400:hover{border-color:#60a5fa}.hover-bg-blue-50-50:hover{background-color:#eff6ff80}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-6{gap:1.5rem}@media (min-width: 768px){.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.relative{position:relative}.absolute{position:absolute}.top-4{top:1rem}.right-4{right:1rem}.left-3{left:.75rem}.top-1-2{top:50%}.translate-y-1-2{transform:translateY(-50%)}.pl-10{padding-left:2.5rem}.pt-4{padding-top:1rem}.mt-1{margin-top:.25rem}.mt-6{margin-top:1.5rem}.mr-2{margin-right:.5rem}.mb-4{margin-bottom:1rem}.w-12{width:3rem}.h-12{height:3rem}.min-h-240{min-height:240px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.cursor-pointer{cursor:pointer}.items-start{align-items:flex-start}.transition-shadow{transition:box-shadow .3s ease}.transition-colors{transition:background-color .3s ease,border-color .3s ease}.flex-col{flex-direction:column}.justify-center{justify-content:center}