@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@700&display=swap);html{overflow-x:hidden}:root{--ai-blue:#1e40af;--ai-blue-light:#3b82f6;--ai-purple:#8b5cf6;--ai-red:#7f1d1d;--ai-red-light:#b91c1c;--ai-red-accent:#9f1239;--success-green:#10b981;--surface-gray:#f8fafc;--surface-gray-dark:#1a1a1a;--gradient-ai:linear-gradient(135deg,var(--ai-blue) 0%,var(--ai-blue-light) 50%,var(--ai-purple) 100%);--gradient-ai-soft:linear-gradient(to bottom right,var(--ai-blue),var(--ai-blue-light),var(--ai-purple));--gradient-ai-red:linear-gradient(135deg,var(--ai-red) 0%,var(--ai-red-light) 50%,var(--ai-red-accent) 100%);--gradient-ai-red-soft:linear-gradient(to bottom right,var(--ai-red),var(--ai-red-light),var(--ai-red-accent));--gradient-black:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#111);--gradient-black-soft:linear-gradient(to bottom right,#050505,#1a1a1a,#0d0d0d);--primary-black:#030213;--primary-white:#fff;--accent-red:#d4183d;--dark-gray:#111827;--medium-gray:#4b5563;--light-gray:#f5f5f5;--border-gray:#e5e7eb;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Space Grotesk",var(--font-primary);--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--color-primary:var(--ai-blue);--color-secondary:var(--primary-white);--color-accent:var(--ai-blue);--color-background:var(--surface-gray);--color-border:var(--border-gray);--color-text:var(--primary-black);--color-text-light:var(--medium-gray);--color-success:var(--success-green);--color-warning:#f59e0b;--color-error:#dc3545;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--spacing-2xl:8rem;--max-width:1280px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius:var(--border-radius-sm);--border-radius-sm:var(--border-radius-sm);--border-radius-lg:var(--border-radius-lg);--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--shadow-xl:0 16px 48px #0003}body{background-color:#fff;color:#030213;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;margin:0}code{word-wrap:break-word;display:inline;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;line-height:1.5;overflow-wrap:break-word;white-space:normal;word-break:normal}h1,h2,h3,h4,h5,h6{color:#030213;color:var(--primary-black);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}h1{font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold)}h2{font-size:2rem;font-weight:600;font-weight:var(--font-weight-semibold)}h3{font-size:1.5rem}h3,h4{font-weight:500;font-weight:var(--font-weight-medium)}h4{font-size:1.25rem}a{color:#1e40af;color:var(--ai-blue);transition:.3s ease}a:hover{opacity:.8}button{transition:.3s ease;transition:var(--transition-base)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:1rem;transition:.3s ease;transition:var(--transition-base)}.container{max-width:1280px;padding:0 2rem}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--spacing-sm)}}@media (max-width:480px){.container{padding:0 .5rem;padding:0 var(--spacing-xs)}}.card{background:#fff;background:var(--primary-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);padding:2rem;padding:var(--spacing-md);transition:.3s ease;transition:var(--transition-base)}.card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);gap:8px;padding:12px 24px;transition:.3s ease}.btn-primary{background:#1e40af;background:var(--ai-blue)}.btn-primary:hover{background:#3b82f6;background:var(--ai-blue-light);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#8b5cf6);background:var(--gradient-ai);color:#fff;color:var(--primary-white)}.btn-accent:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-1px)}.btn-secondary{background:#0000;border:2px solid #e5e7eb;color:#030213}.btn-secondary:hover{background:#f5f5f5;background:var(--light-gray);border-color:#030213;border-color:var(--primary-black)}.badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:4px 12px}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-error{background:#f8d7da;color:#721c24}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:1rem;margin-top:var(--spacing-sm)}.mt-2{margin-top:2rem;margin-top:var(--spacing-md)}.mt-3{margin-top:4rem;margin-top:var(--spacing-lg)}.mb-1{margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:2rem;margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:4rem;margin-bottom:var(--spacing-lg)}.loading-screen{color:var(--color-text-light);font-size:1.25rem;height:100vh}.error-boundary{align-items:center;background:var(--surface-gray);display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-boundary-content{max-width:480px;text-align:center}.error-boundary-icon{align-items:center;background:#dc26261a;border-radius:50%;color:#dc2626;display:inline-flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.error-boundary-title{color:var(--dark-gray);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.error-boundary-message{color:var(--medium-gray);font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.error-boundary-detail{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;font-size:.75rem;margin:0 0 1.5rem;overflow-x:auto;padding:1rem;text-align:left}.error-boundary-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem}@media (min-width:480px){.error-boundary-actions{flex-direction:row;justify-content:center}}.error-boundary-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.625rem 1.25rem;transition:all .2s}.error-boundary-btn-primary{background:var(--gradient-ai-red);box-shadow:0 4px 12px #7f1d1d4d;color:#fff}.error-boundary-btn-primary:hover{opacity:.95;transform:translateY(-1px)}.error-boundary-btn-secondary{background:var(--primary-white);border:1px solid var(--border-gray);color:var(--dark-gray)}.error-boundary-btn-secondary:hover{background:var(--surface-gray);border-color:var(--medium-gray)}.language-switcher{position:relative}.language-switcher-trigger{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:.5rem;color:#ffffffe6;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:background .2s,border-color .2s}.language-switcher-trigger:hover{background:#ffffff1f;border-color:#ffffff40}.admin-main-topbar .language-switcher-trigger,.client-main-topbar .language-switcher-trigger{background:var(--card-bg);border-color:var(--border-gray);color:var(--primary-black)}.admin-main-topbar .language-switcher-trigger:hover,.client-main-topbar .language-switcher-trigger:hover{background:var(--light-gray);border-color:var(--medium-gray)}.language-switcher-backdrop{inset:0;position:fixed;z-index:99}.language-switcher-menu{background:var(--card-bg);border:1px solid var(--border-gray);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;min-width:140px;padding:.25rem;position:absolute;right:0;top:calc(100% + .25rem);z-index:100}.language-switcher-item{background:none;border:none;border-radius:.375rem;color:var(--primary-black);cursor:pointer;display:block;font-size:.875rem;padding:.5rem .75rem;text-align:left;transition:background .15s;width:100%}.language-switcher-item:hover{background:var(--light-gray)}.language-switcher-item.active{background:var(--ai-red);color:#fff}.language-switcher-inline{display:flex;gap:.25rem}.language-switcher-inline .language-btn{background:#0000;border:1px solid #ffffff4d;border-radius:.375rem;color:#fffc;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s}.language-switcher-inline .language-btn:hover{background:#ffffff1a;color:#fff}.language-switcher-inline .language-btn.active{background:var(--ai-red);border-color:var(--ai-red);color:#fff}body.admin-portal{scroll-behavior:smooth}.admin-layout{background:var(--surface-gray);display:flex;min-height:100vh}.admin-sidebar-overlay{background:#00000080;display:block;inset:0;position:fixed;z-index:45}@media (min-width:1024px){.admin-sidebar-overlay{display:none}}.admin-sidebar{background:var(--primary-white);border-right:1px solid var(--border-gray);bottom:0;box-shadow:2px 0 8px #0000000a;display:flex;flex-direction:column;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:200px;z-index:50}.admin-sidebar.open{transform:translateX(0)}@media (min-width:1024px){.admin-sidebar{box-shadow:none;transform:translateX(0)}}.admin-sidebar-header{border-bottom:1px solid var(--border-gray);display:flex;flex-direction:column;flex-shrink:0;gap:.375rem;justify-content:center;min-height:88px;padding:.875rem .75rem}.admin-sidebar-menu-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--dark-gray);cursor:pointer;display:flex;height:36px;justify-content:center;margin-bottom:.25rem;transition:background .2s;width:36px}.admin-sidebar-menu-btn:hover{background:var(--surface-gray)}@media (min-width:1024px){.admin-sidebar-menu-btn{display:none}}.admin-sidebar-brand{align-items:center;color:var(--dark-gray);display:flex;gap:.5rem;text-decoration:none}.admin-sidebar-logo{align-items:center;background:var(--surface-gray);border-radius:.75rem;color:var(--medium-gray);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.admin-sidebar-brand-text{color:var(--dark-gray);font-family:var(--font-heading);font-size:1.1rem;font-weight:700}.admin-sidebar-status{align-items:center;color:var(--dark-gray);display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding-left:.25rem}.admin-sidebar-status-dot{animation:adminStatusPulse 2s ease-in-out infinite;background:var(--success-green);border-radius:50%;height:8px;width:8px}@keyframes adminStatusPulse{0%,to{opacity:1}50%{opacity:.5}}.admin-sidebar-status-label{color:var(--medium-gray)}.admin-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.125rem;overflow-y:auto;padding:.75rem}.admin-sidebar-item{align-items:center;border-radius:.5rem;color:var(--medium-gray);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s}.admin-sidebar-item:hover{background:var(--surface-gray);color:var(--dark-gray)}.admin-sidebar-item.active{background:var(--gradient-ai-red);box-shadow:0 4px 12px #1e40af4d;color:#fff}.admin-sidebar-footer{border-top:1px solid var(--border-gray);padding:.75rem}.admin-help-card{align-items:flex-start;background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-radius:.75rem;color:var(--dark-gray);display:flex;gap:.375rem;padding:.375rem .5rem;text-decoration:none;transition:all .2s}.admin-help-card:hover{box-shadow:0 2px 8px #1e40af26}.admin-help-card svg{color:var(--ai-red);flex-shrink:0}.admin-help-title{font-size:.6875rem;font-weight:600;margin:0 0 .125rem}.admin-help-desc{color:var(--medium-gray);font-size:.625rem;margin:0}.admin-sidebar-signout{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--ai-red);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:auto;padding:.5rem .75rem;transition:all .2s;width:100%}.admin-sidebar-signout:hover{background:var(--surface-gray);color:var(--ai-red)}.admin-sidebar-signout svg{color:var(--ai-red)}.admin-main{display:flex;flex:1 1;flex-direction:column;margin-left:0;min-height:100vh}@media (min-width:1024px){.admin-main{margin-left:200px}}.admin-main-topbar{align-items:center;background:var(--primary-white);border-bottom:1px solid var(--border-gray);display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;min-height:88px;padding:.75rem 1.5rem}.admin-topbar-menu-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--dark-gray);cursor:pointer;display:none;height:40px;justify-content:center;margin-right:auto;transition:background .2s;width:40px}.admin-topbar-menu-btn:hover{background:var(--surface-gray)}@media (max-width:1023px){.admin-topbar-menu-btn{display:flex}}.admin-user-profile{align-items:center;background:var(--surface-gray);border:1px solid var(--border-gray);border-radius:.75rem;display:flex;gap:.75rem;padding:.5rem .75rem}.admin-user-avatar{align-items:center;background:var(--gradient-ai-red);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.admin-user-info{display:flex;flex-direction:column;gap:.125rem}.admin-user-name{color:var(--dark-gray);font-size:.875rem;font-weight:600}.admin-user-email{color:var(--medium-gray);font-size:.75rem}@media (max-width:768px){.admin-user-info{display:none}}.admin-main-content{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}@media (max-width:768px){.admin-main-content{padding:1rem}}body.client-portal{scroll-behavior:smooth}.client-layout{background:var(--surface-gray);display:flex;min-height:100vh}.client-sidebar-overlay{background:#00000080;display:block;inset:0;position:fixed;z-index:45}@media (min-width:1024px){.client-sidebar-overlay{display:none}}.client-sidebar{background:var(--primary-white);border-right:1px solid var(--border-gray);bottom:0;box-shadow:2px 0 8px #0000000a;display:flex;flex-direction:column;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:200px;z-index:50}.client-sidebar.open{transform:translateX(0)}@media (min-width:1024px){.client-sidebar{box-shadow:none;transform:translateX(0)}}.client-sidebar-header{border-bottom:1px solid var(--border-gray);display:flex;flex-direction:column;flex-shrink:0;gap:.375rem;justify-content:center;min-height:88px;padding:.875rem .75rem}.client-sidebar-menu-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--dark-gray);cursor:pointer;display:flex;height:36px;justify-content:center;margin-bottom:.25rem;transition:background .2s;width:36px}.client-sidebar-menu-btn:hover{background:var(--surface-gray)}@media (min-width:1024px){.client-sidebar-menu-btn{display:none}}.client-sidebar-brand{align-items:center;color:var(--dark-gray);display:flex;gap:.5rem;text-decoration:none}.client-sidebar-logo{align-items:center;background:var(--surface-gray);border-radius:.75rem;color:var(--medium-gray);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.client-sidebar-brand-text{color:var(--dark-gray);font-family:var(--font-heading);font-size:1.1rem;font-weight:700}.client-sidebar-status{align-items:center;color:var(--dark-gray);display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding-left:.25rem}.client-sidebar-status-dot{animation:clientStatusPulse 2s ease-in-out infinite;background:var(--success-green);border-radius:50%;height:8px;width:8px}@keyframes clientStatusPulse{0%,to{opacity:1}50%{opacity:.5}}.client-sidebar-status-label{color:var(--medium-gray)}.client-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.125rem;overflow-y:auto;padding:.75rem}.client-sidebar-item{align-items:center;border-radius:.5rem;color:var(--medium-gray);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s}.client-sidebar-item:hover{background:var(--surface-gray);color:var(--dark-gray)}.client-sidebar-item.active{background:var(--gradient-ai-red);box-shadow:0 4px 12px #1e40af4d;color:#fff}.client-sidebar-footer{border-top:1px solid var(--border-gray);padding:.75rem}.client-help-card{align-items:flex-start;background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-radius:.75rem;color:var(--dark-gray);display:flex;gap:.375rem;padding:.375rem .5rem;text-decoration:none;transition:all .2s}.client-help-card:hover{box-shadow:0 2px 8px #1e40af26}.client-help-card svg{color:var(--ai-red);flex-shrink:0}.client-help-title{font-size:.6875rem;font-weight:600;margin:0 0 .125rem}.client-help-desc{color:var(--medium-gray);font-size:.625rem;margin:0}.client-sidebar-signout{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--ai-red);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:auto;padding:.5rem .75rem;transition:all .2s;width:100%}.client-sidebar-signout:hover{background:var(--surface-gray);color:var(--ai-red)}.client-sidebar-signout svg{color:var(--ai-red)}.client-main{display:flex;flex:1 1;flex-direction:column;margin-left:0;min-height:100vh}@media (min-width:1024px){.client-main{margin-left:200px}}.client-main-topbar{align-items:center;background:var(--primary-white);border-bottom:1px solid var(--border-gray);display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;min-height:88px;padding:.75rem 1.5rem}.client-topbar-menu-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--dark-gray);cursor:pointer;display:none;height:40px;justify-content:center;margin-right:auto;transition:background .2s;width:40px}.client-topbar-menu-btn:hover{background:var(--surface-gray)}@media (max-width:1023px){.client-topbar-menu-btn{display:flex}}.client-user-profile{align-items:center;background:var(--surface-gray);border:1px solid var(--border-gray);border-radius:.75rem;display:flex;gap:.75rem;padding:.5rem .75rem}.client-user-avatar{align-items:center;background:var(--gradient-ai-red);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.client-user-info{display:flex;flex-direction:column;gap:.125rem}.client-user-name{color:var(--dark-gray);font-size:.875rem;font-weight:600}.client-user-email{color:var(--medium-gray);font-size:.75rem}@media (max-width:768px){.client-user-info{display:none}}.client-main-content{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}@media (max-width:768px){.client-main-content{padding:1rem}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(15px,.45vw + 11px,16px);scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary-white);color:var(--primary-black);font-family:var(--font-primary);font-size:clamp(.95rem,.02vw + .9rem,1rem);font-weight:var(--font-weight-regular);line-height:1.6;overflow-x:hidden}img{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none;transition:var(--transition-base)}button{background:none;border:none;cursor:pointer;font-family:inherit}ol,ul{list-style:none}.container{margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing-md)}.section-header{margin:0 auto var(--spacing-md);max-width:800px;text-align:center}.section-title{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:var(--font-weight-black);letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--spacing-sm)}.section-subtitle{color:var(--medium-gray);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.section-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--ai-red),var(--ai-red-accent));-webkit-background-clip:text;background-clip:text}.demo-section .btn-primary,.final-cta .btn-primary,.hero .btn-primary,.how-it-works .btn-primary,.landing-page .btn-primary,.navbar .btn-primary{align-items:center;background:var(--gradient-ai-red)!important;border:none;border-radius:.75rem;box-shadow:0 4px 16px #7f1d1d66;color:var(--primary-white)!important;display:inline-flex;font-weight:var(--font-weight-semibold);gap:.5rem;padding:1rem 2rem;transition:var(--transition-base)}.demo-section .btn-primary:hover,.final-cta .btn-primary:hover,.hero .btn-primary:hover,.how-it-works .btn-primary:hover,.landing-page .btn-primary:hover,.navbar .btn-primary:hover{background:linear-gradient(135deg,var(--ai-red-light) 0,var(--ai-red-accent) 100%)!important;box-shadow:0 8px 24px #7f1d1d80;transform:translateY(-2px)}.demo-section .btn-primary:active,.final-cta .btn-primary:active,.hero .btn-primary:active,.how-it-works .btn-primary:active,.navbar .btn-primary:active,body .btn-primary:active{transform:translateY(0)}.btn-secondary{align-items:center;border:2px solid var(--primary-black);border-radius:var(--border-radius-md);display:inline-flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);padding:1rem 2rem;transition:var(--transition-base)}.btn-secondary:hover{background:var(--primary-black);color:var(--primary-white);transform:translateY(-2px)}.btn-large{font-size:1.125rem;padding:1.25rem 2.5rem}.landing-page .navbar{background:#0000;border-bottom:1px solid #0000;left:0;position:fixed;right:0;top:0;transition:var(--transition-base);z-index:1000}.landing-page .navbar .btn-secondary,.landing-page .navbar .logo,.landing-page .navbar .nav-links a{color:var(--primary-white)}.landing-page .navbar .btn-secondary{border-color:#ffffff80}.landing-page .navbar .btn-secondary:hover{background:#ffffff26;border-color:var(--primary-white)}.btn-contact-sales-nav{align-items:center;color:var(--primary-white);display:inline-flex;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:var(--transition-base)}.landing-page .navbar .btn-contact-sales-nav:hover{color:#ffffffe6}.landing-page .navbar.scrolled .btn-contact-sales-nav{color:var(--primary-black)}.landing-page .navbar.scrolled .btn-contact-sales-nav:hover{color:var(--ai-red)}.btn-signin-nav{align-items:center;background:var(--gradient-ai-red);border:none;border-radius:.75rem;box-shadow:0 2px 8px #7f1d1d4d;color:var(--primary-white);display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.625rem 1.5rem;text-decoration:none;transition:var(--transition-base)}.btn-signin-nav:hover{background:linear-gradient(135deg,var(--ai-red-light) 0,var(--ai-red-accent) 100%);box-shadow:0 4px 12px #7f1d1d66;color:var(--primary-white);transform:translateY(-1px)}.landing-page .navbar.scrolled .btn-signin-nav{background:var(--gradient-ai-red);border:none;color:var(--primary-white)}.landing-page .navbar.scrolled .btn-signin-nav:hover{background:linear-gradient(135deg,var(--ai-red-light) 0,var(--ai-red-accent) 100%);box-shadow:0 4px 12px #7f1d1d66;color:var(--primary-white);transform:translateY(-1px)}.landing-page .navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom-color:var(--border-gray);box-shadow:var(--shadow-sm)}.landing-page .navbar.scrolled .logo,.landing-page .navbar.scrolled .nav-links a{color:var(--primary-black)}.landing-page .navbar.scrolled .nav-links a:hover{color:var(--ai-red)}.landing-page .navbar.scrolled .btn-secondary{border-color:var(--primary-black);color:var(--primary-black)}.landing-page .navbar.scrolled .btn-secondary:hover{background:var(--primary-black);color:var(--primary-white)}.landing-page .landing-mobile-menu-toggle span{background:var(--primary-white)}.landing-page .navbar.scrolled .landing-mobile-menu-toggle span{background:var(--primary-black)}.nav-container{justify-content:space-between;padding:1rem var(--spacing-md)}.logo,.nav-container{align-items:center;display:flex}.logo{color:inherit;font-size:1.25rem;font-weight:var(--font-weight-bold);gap:.5rem}.logo-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:.75rem;color:var(--primary-white);display:flex;height:40px;justify-content:center;width:40px}.navbar.scrolled .logo-icon-wrapper{background:var(--gradient-ai-red);color:var(--primary-white)}.footer .logo-icon-wrapper{background:#ffffff26;color:var(--primary-white)}.logo-text{font-family:var(--font-heading)}.logo img,.logo svg{display:block;flex-shrink:0;max-width:100%;object-fit:contain}.nav-links{align-items:center;display:flex;gap:var(--spacing-md)}.nav-links a{color:var(--primary-black);font-size:.875rem;font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.landing-page .navbar:not(.scrolled) .nav-links a:hover{color:#ffffffe6}.landing-page .navbar .nav-links a:hover{color:var(--ai-red)}.nav-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.landing-mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.5rem}.landing-mobile-menu-toggle span{background:var(--primary-black);height:2px;transition:var(--transition-fast);width:24px}.hero{align-items:center;background:var(--gradient-black);display:flex;min-height:70vh;overflow:hidden;padding:calc(80px + var(--spacing-md)) 0 var(--spacing-md);position:relative}.hero-background{inset:0;position:absolute;z-index:-1}.hero-gradient{background:linear-gradient(135deg,#0000004d,#1a1a1a1a 50%,#0000);inset:0;position:absolute}.floating-shapes{inset:0;overflow:hidden;position:absolute}.shape{animation:float 20s ease-in-out infinite;border-radius:50%;opacity:.1;position:absolute}.shape-1{animation-delay:0s;background:var(--ai-red);height:300px;left:10%;top:10%;width:300px}.shape-2{animation-delay:-5s;background:var(--ai-red-accent);bottom:20%;height:200px;right:10%;width:200px}.shape-3{animation-delay:-10s;background:var(--ai-red-light);height:150px;right:30%;top:50%;width:150px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-container{grid-gap:var(--spacing-xl);align-items:center;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;max-width:100%;overflow:visible}.hero-content{max-width:600px}.hero-visual{align-items:center;display:flex;justify-content:center;max-width:100%;overflow:visible;padding:20px}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:999px;display:inline-flex;font-size:.875rem;font-weight:var(--font-weight-medium);gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:.5rem 1rem}.hero-badge,.hero-title{color:var(--primary-white)}.hero-title{font-family:var(--font-heading);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--spacing-sm)}.hero-subtitle{color:#ffffffe6;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5}.hero-cta,.hero-subtitle{margin-bottom:var(--spacing-md)}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem}.btn-watch-demo{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:2px solid #fff6;border-radius:.75rem;color:var(--primary-white);display:inline-flex;font-size:1.125rem;font-weight:600;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:var(--transition-base)}.btn-watch-demo:hover{background:#ffffff40;border-color:#fff9;color:var(--primary-white);transform:translateY(-2px)}.hero-social-proof{align-items:center;display:flex;gap:1.5rem;padding-top:var(--spacing-md)}.hero-avatar-stack{display:flex;margin-right:-.5rem}.hero-avatar-circle{align-items:center;background:#fff3;border:2px solid #ffffff80;border-radius:50%;color:var(--primary-white);display:flex;font-size:.75rem;font-weight:700;height:40px;justify-content:center;margin-left:-.5rem;width:40px}.hero-avatar-circle:first-child{margin-left:0}.hero-social-text{line-height:1.3}.hero-social-title{color:var(--primary-white);font-size:1rem;font-weight:600;margin:0}.hero-social-subtitle{color:#fffc;font-size:.875rem;margin:0}.hero-stats{border-top:1px solid #fff3;display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-md)}.stat-item{flex:1 1}.stat-number{color:var(--primary-white);font-size:clamp(1.35rem,.4vw + 1rem,1.6rem);font-weight:var(--font-weight-bold);margin-bottom:.25rem}.stat-label{color:#fffc;font-size:clamp(.8rem,.15vw + .7rem,.9rem)}.hero-demo-card{background:var(--primary-white);border-radius:1.25rem;box-shadow:0 20px 40px -12px #0003;max-width:340px;padding:1rem;width:100%}.hero-demo-header{align-items:center;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;padding-bottom:.75rem}.hero-demo-header-left{align-items:center;display:flex;gap:.5rem}.hero-demo-avatar{align-items:center;background:var(--gradient-ai-red);border-radius:50%;color:var(--primary-white);display:flex;height:28px;justify-content:center;width:28px}.hero-demo-title{color:var(--primary-black);font-size:.875rem;font-weight:600;margin:0 0 .1rem}.hero-demo-status{align-items:center;color:var(--medium-gray);display:flex;font-size:.7rem;gap:.25rem}.hero-demo-status-dot{animation:heroDemoPulse 2s ease-in-out infinite;background:var(--success-green);border-radius:50%;height:6px;width:6px}.hero-demo-badge{background:#10b98126;border-radius:999px;color:var(--success-green);font-size:.7rem;font-weight:600;padding:.25rem .5rem}.hero-demo-chat{background:var(--surface-gray);border-radius:.75rem;height:220px;margin:.75rem 0;overflow-y:auto;padding:.75rem;scroll-behavior:smooth}.hero-demo-message{animation:heroDemoMessageIn .6s cubic-bezier(.25,.46,.45,.94) forwards;display:flex;gap:.5rem;margin-bottom:.5rem;opacity:0}.hero-demo-message-user{flex-direction:row-reverse}.hero-demo-message:last-child{margin-bottom:0}.hero-demo-message-avatar{align-items:center;background:var(--gradient-ai-red);border-radius:50%;color:var(--primary-white);display:flex;flex-shrink:0;font-size:.6rem;font-weight:700;height:24px;justify-content:center;width:24px}.hero-demo-message-bubble{background:var(--primary-white);border-radius:.75rem;border-top-left-radius:0;box-shadow:0 1px 2px #0000000f;max-width:88%;padding:.5rem .75rem}.hero-demo-message-user .hero-demo-message-bubble{background:var(--gradient-ai-red);border-top-left-radius:.75rem;border-top-right-radius:0;color:var(--primary-white)}.hero-demo-message-user .hero-demo-message-bubble p{color:var(--primary-white)}.hero-demo-message-avatar-user{background:var(--medium-gray)!important;color:var(--primary-white)}.hero-demo-message-bubble p{color:var(--primary-black);font-size:.8rem;line-height:1.4;margin:0}@keyframes heroDemoMessageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes heroDemoPulse{0%,to{opacity:1}50%{opacity:.5}}.hero-demo-typing{align-items:center;animation:heroDemoMessageIn .5s cubic-bezier(.25,.46,.45,.94) forwards;display:flex}.typing-dots{display:flex;gap:3px}.typing-dots span{animation:typingBounce 1.8s ease-in-out infinite;background:var(--medium-gray);border-radius:50%;height:5px;width:5px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,70%,to{opacity:.6;transform:translateY(0) scale(1)}35%{opacity:1;transform:translateY(-3px) scale(1.05)}}.hero-demo-input-row{display:flex;gap:.4rem;margin-bottom:.5rem}.hero-demo-input-row input{border:1px solid var(--border-gray);border-radius:.5rem;flex:1 1;font-family:inherit;font-size:.8rem;padding:.5rem .75rem}.hero-demo-input-row input:focus{border-color:var(--ai-red);box-shadow:0 0 0 2px #7f1d1d33;outline:none}.hero-demo-send-btn{background:var(--gradient-ai-red);border:none;border-radius:.5rem;color:var(--primary-white);cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:opacity .2s ease,transform .2s ease}.hero-demo-send-btn:hover{opacity:.9}.hero-demo-footer{color:var(--medium-gray);font-size:.65rem;margin:0;text-align:center}.chat-preview-container{align-items:center;display:flex;justify-content:center;max-width:100%;padding:10px;perspective:1000px;position:relative;width:100%}.chat-preview{animation:float-chat 6s ease-in-out infinite;background:var(--primary-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);box-sizing:border-box;max-width:500px;overflow:hidden;position:relative;transform-style:preserve-3d;width:100%;will-change:transform}@keyframes float-chat{0%,to{transform:translateY(0) rotateY(0deg)}50%{transform:translateY(-20px) rotateY(5deg)}}.chat-header{padding:1.5rem}.chat-avatar{background:var(--gradient-ai-red);height:48px;width:48px}.chat-name{font-weight:var(--font-weight-semibold)}.chat-status{align-items:center;display:flex;font-size:.875rem;gap:.25rem;opacity:.8}.status-dot{animation:pulse 2s infinite;background:#0f0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-messages{min-height:300px}.message{animation:fadeIn .3s ease;max-width:80%}.message.bot{align-self:flex-start}.message.user{align-self:flex-end}.message-content{border-radius:var(--border-radius-md);font-size:.9375rem;padding:1rem 1.25rem}.message.bot .message-content{background:var(--light-gray);color:var(--primary-black)!important}.message.user .message-content{background:var(--gradient-ai-red);color:var(--primary-white)}.typing-indicator{gap:4px;padding:.5rem}.typing-indicator span{animation:typing 1.4s infinite;background:var(--primary-black)}.scroll-indicator{animation:bounce 2s infinite;bottom:var(--spacing-lg);left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.scroll-text{color:var(--medium-gray);font-size:.875rem;margin-bottom:.5rem}.scroll-arrow{color:var(--ai-red);font-size:1.5rem}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.trusted-by{background:var(--light-gray);padding:var(--spacing-md) 0}.trusted-label{color:var(--medium-gray);font-size:.875rem;font-weight:var(--font-weight-medium);letter-spacing:.1em;margin-bottom:var(--spacing-md);text-align:center;text-transform:uppercase}.trusted-logos{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.logo-item{color:var(--medium-gray);font-weight:var(--font-weight-semibold);padding:1rem 2rem;transition:var(--transition-base)}.logo-item:hover{color:var(--primary-black)}.demo-section{background:var(--primary-white);padding:var(--spacing-lg) 0}.client-selector{text-align:center}.client-selector,.client-selector h3{margin-bottom:var(--spacing-md)}.client-options{display:flex;flex-wrap:nowrap;gap:var(--spacing-sm);justify-content:center;margin:0 auto;max-width:800px}.client-option{align-items:center;background:var(--primary-white);border:2px solid var(--border-gray);border-radius:1rem;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-width:180px;min-width:120px;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-base)}.client-option:hover{border-color:var(--ai-red);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.client-option.active{border-color:var(--ai-red)}.client-icon,.client-option.active{background:var(--gradient-ai-red);color:var(--primary-white)}.client-icon{border-radius:.5rem;font-size:.875rem;font-weight:var(--font-weight-bold);height:32px;line-height:1;width:32px}.client-option span{font-size:.875rem;font-weight:var(--font-weight-medium);text-align:center}.demo-container{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:1.5fr 1fr;min-width:0}.demo-chat{background:var(--primary-white);border:2px solid var(--border-gray);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);min-width:0;overflow:hidden}.demo-chat-header{border-bottom:1px solid var(--border-gray);gap:var(--spacing-sm);padding:1.5rem}.demo-avatar,.demo-chat-header{align-items:center;display:flex}.demo-avatar{background:var(--gradient-ai-red);border-radius:50%;height:60px;justify-content:center;width:60px}.avatar-icon{color:var(--primary-white);font-size:1.5rem;font-weight:var(--font-weight-bold)}.demo-info{min-width:0}.demo-info h4{font-size:1.125rem;font-weight:var(--font-weight-semibold);margin-bottom:.25rem}.demo-info p{word-wrap:break-word;color:var(--medium-gray);font-size:.875rem;line-height:1.4}.demo-chat-messages{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:400px;min-height:400px;overflow-y:auto;padding:1.5rem}.demo-message{animation:fadeIn .3s ease;max-width:80%}.demo-message.bot{align-self:flex-start}.demo-message.user{align-self:flex-end}.demo-message-content{border-radius:var(--border-radius-md);font-size:.9375rem;line-height:1.5;padding:1rem 1.25rem}.demo-message.bot .demo-message-content{background:var(--light-gray);color:var(--primary-black)}.demo-message.user .demo-message-content{background:var(--gradient-ai-red);color:var(--primary-white)}.demo-timestamp{color:var(--medium-gray);font-size:.75rem;margin-top:.25rem;opacity:.7}.demo-chat-input{border-top:1px solid var(--border-gray);display:flex;gap:var(--spacing-sm);padding:1.5rem}.demo-chat-input input{border:1px solid var(--border-gray);border-radius:var(--border-radius-md);flex:1 1;font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:var(--transition-fast)}.demo-chat-input input:focus{border-color:var(--ai-red);outline:none}.demo-send-btn{align-items:center;background:var(--gradient-ai-red);border-radius:var(--border-radius-md);color:var(--primary-white);display:flex;justify-content:center;padding:.75rem 1rem;transition:var(--transition-base)}.demo-send-btn:hover{opacity:.9;transform:scale(1.05)}.demo-features{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0}.demo-feature{background:var(--light-gray);border-radius:1rem;padding:1.5rem;transition:var(--transition-base)}.demo-feature:hover{background:var(--primary-white);box-shadow:var(--shadow-md);transform:translateX(10px)}.demo-feature-icon{background:#7f1d1d1a;border-radius:.75rem;color:var(--ai-red);display:inline-block;font-size:.9rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);padding:.5rem 1rem}.demo-feature h4{font-size:clamp(1.05rem,.35vw + .85rem,1.25rem);font-weight:var(--font-weight-semibold);margin-bottom:.5rem}.demo-feature p{color:var(--medium-gray);font-size:clamp(.9rem,.2vw + .75rem,.975rem);line-height:1.5}.features,.features-section{background:var(--light-gray);padding:var(--spacing-lg) 0}.features-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-card{background:var(--primary-white);border-radius:var(--border-radius-lg);padding:var(--spacing-md);transition:var(--transition-base)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-icon-wrapper{margin-bottom:var(--spacing-md)}.feature-card h3{font-size:clamp(1.35rem,.4vw + 1.05rem,1.6rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--medium-gray);font-size:clamp(.95rem,.2vw + .8rem,1.05rem);line-height:1.6}.analytics-section{background:var(--light-gray);padding:var(--spacing-xl) 0}.analytics-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem}@media (min-width:1024px){.analytics-grid{gap:4rem;grid-template-columns:1fr 1fr}}.analytics-title{color:var(--dark-gray);font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:var(--font-weight-bold);margin-bottom:1.5rem}.analytics-subtitle{color:var(--medium-gray);font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.analytics-features-grid{grid-gap:1.25rem 2rem;display:grid;gap:1.25rem 2rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.analytics-feature-item{align-items:center;display:flex;gap:.75rem}.analytics-feature-icon{align-items:center;background:var(--primary-white);border-radius:.5rem;box-shadow:0 1px 3px #00000014;color:var(--ai-red);display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.analytics-feature-item span{color:var(--dark-gray);font-weight:500}.btn-analytics-cta{align-items:center;background:#ffd990;border-radius:.5rem;box-shadow:0 4px 14px #0000001a;color:var(--dark-gray);display:inline-flex;font-size:1.125rem;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:var(--transition-base)}.btn-analytics-cta:hover{background:#ffcf70;box-shadow:0 6px 20px #0000001f;color:var(--dark-gray);transform:translateY(-2px)}.analytics-visual-wrapper{min-width:0}.analytics-visual{margin:0 auto;max-width:500px;position:relative;transition:transform .5s ease-out}.analytics-visual:hover{transform:scale(1.02)}.analytics-visual-bg{background:linear-gradient(135deg,#fdba744d,#fde0474d);border-radius:1.5rem;filter:blur(2rem);inset:-1rem;opacity:.5;position:absolute}.analytics-visual-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:1.25rem;box-shadow:0 22px 40px -18px #0f172a59;overflow:hidden;position:relative}.analytics-visual-header{align-items:center;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;padding:1rem 1.5rem}.analytics-visual-title{color:var(--dark-gray);font-weight:700}.analytics-visual-dots{display:flex;gap:.375rem}.analytics-visual-dots span{border-radius:50%;height:12px;width:12px}.analytics-visual-dots span:first-child{background:#f87171}.analytics-visual-dots span:nth-child(2){background:#fcd34d}.analytics-visual-dots span:nth-child(3){background:#34d399}.analytics-stats-row{grid-gap:1rem;background:#f9fafbcc;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding:1.5rem}.analytics-stat{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000f;padding:1rem}.analytics-stat p{color:var(--medium-gray);font-size:.75rem;font-weight:500;margin-bottom:.5rem}.analytics-stat-value{color:var(--dark-gray);font-size:1.5rem;font-weight:700}.analytics-stat-badge{background:#10b98126;border-radius:999px;color:var(--success-green);font-size:.75rem;font-weight:700;margin-left:.5rem;padding:.125rem .375rem}.analytics-chart-area{padding:.75rem 1.5rem 1.5rem}.analytics-chart-area h4{color:var(--dark-gray);font-size:.875rem;font-weight:600;margin-bottom:1rem}.analytics-chart-legend{color:var(--medium-gray);display:flex;font-size:.75rem;gap:1rem;margin-bottom:.75rem}.analytics-chart-legend .legend-ai{background:var(--ai-red)}.analytics-chart-legend .legend-ai,.analytics-chart-legend .legend-human{border-radius:50%;display:inline-block;height:8px;margin-right:.375rem;vertical-align:middle;width:8px}.analytics-chart-legend .legend-human{background:#cbd5e1}.analytics-chart-container{height:200px;width:100%}.analytics-insight-tip{align-items:flex-start;background:var(--surface-gray);border:1px solid #7f1d1d26;border-radius:.75rem;display:flex;gap:.75rem;margin:0 1.5rem 1.5rem;padding:1rem}.analytics-insight-tip svg{color:var(--ai-red);flex-shrink:0}.analytics-insight-title{color:var(--dark-gray);font-size:.75rem;font-weight:700;margin-bottom:.25rem}.analytics-insight-text{color:var(--medium-gray);font-size:.75rem;line-height:1.5;margin:0}.integrations-section{background:var(--primary-white);overflow:hidden;padding:var(--spacing-xl) 0;position:relative}.integrations-section:before{background:radial-gradient(circle at center,#7f1d1d08 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.integrations-header{margin:0 auto 4rem;max-width:48rem;text-align:center}.integrations-title{color:var(--dark-gray);font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:var(--font-weight-bold);margin-bottom:1.5rem}.integrations-subtitle{color:var(--medium-gray);font-size:1.25rem;line-height:1.6;margin:0}.integrations-visual-wrapper{margin-bottom:3rem;position:relative}.integrations-visual{aspect-ratio:1;display:flex;justify-content:center;margin:0 auto;max-height:300px;max-width:600px;position:relative;width:100%}.integrations-visual-bg{background:linear-gradient(135deg,#fee2e280,#bfdbfe4d);filter:blur(3rem);inset:0;opacity:.4;position:absolute}.integrations-hub{align-items:center;display:flex;height:320px;justify-content:center;position:relative;width:320px}.integrations-connections{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.integrations-hub-center{background:var(--primary-white);border:4px solid var(--surface-gray);border-radius:50%;box-shadow:0 25px 50px -12px #0003;flex-direction:column;gap:.25rem;height:96px;position:relative;width:96px;z-index:10}.integrations-hub-center,.integrations-hub-icon{align-items:center;display:flex;justify-content:center}.integrations-hub-icon{background:var(--gradient-ai-red);border-radius:.75rem;color:var(--primary-white);height:48px;width:48px}.integrations-hub-center span{color:var(--dark-gray);font-size:.75rem;font-weight:700}.integrations-float-icon{align-items:center;animation:integrationsFloat 4s ease-in-out infinite;background:var(--primary-white);border:1px solid var(--border-gray);border-radius:1rem;box-shadow:0 4px 14px #0000001a;color:var(--medium-gray);display:flex;flex-direction:column;font-size:.625rem;font-weight:500;gap:.25rem;height:56px;justify-content:center;position:absolute;width:56px;z-index:5}.integrations-float-icon-outer{height:48px;opacity:.35;width:48px;z-index:2}.integrations-float-icon-outer svg{flex-shrink:0}@keyframes integrationsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.integrations-cta-wrap{display:flex;justify-content:center}.btn-integrations-cta{align-items:center;background:#ffd990;border-radius:.5rem;box-shadow:0 4px 14px #0000001a;color:var(--dark-gray);display:inline-flex;font-size:1.125rem;font-weight:700;gap:.5rem;padding:1rem 2.5rem;transition:var(--transition-base)}.btn-integrations-cta:hover{background:#ffcf70;box-shadow:0 6px 20px #0000001f;color:var(--dark-gray);transform:translateY(-2px)}.how-it-works{background:var(--primary-white);padding:var(--spacing-lg) 0}.steps-container{justify-content:center;margin:0 auto var(--spacing-xl);max-width:1100px}.step,.steps-container{align-items:flex-start;display:flex}.step{flex:1 1;gap:var(--spacing-md);max-width:360px;text-align:left}.step-number{background:var(--gradient-ai-red);box-shadow:0 8px 24px #7f1d1d59;color:var(--primary-white);font-size:1.5rem;height:60px;width:60px}.step-content h3,.step-number{font-weight:var(--font-weight-bold)}.step-content h3{font-size:clamp(1.15rem,.35vw + .95rem,1.4rem);margin-bottom:var(--spacing-sm)}.step-content p{color:var(--medium-gray);font-size:clamp(.95rem,.2vw + .8rem,1.05rem);line-height:1.6;margin-bottom:var(--spacing-md)}.step-connector{align-self:center;background:linear-gradient(90deg,var(--ai-red) 0,var(--border-gray) 100%);height:2px;margin:var(--spacing-lg) var(--spacing-sm) 0;width:60px}.how-it-works-cta{margin-top:var(--spacing-lg);text-align:center}.testimonials{background:var(--light-gray);padding:var(--spacing-lg) 0}.testimonials-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.testimonial-card{background:var(--primary-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:var(--transition-base)}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.testimonial-rating{margin-bottom:var(--spacing-sm)}.star{color:gold;font-size:1.25rem}.testimonial-text{color:var(--primary-black);font-size:clamp(1.05rem,.35vw + .9rem,1.3rem);line-height:1.6;margin-bottom:var(--spacing-md)}.testimonial-author{align-items:center;border-top:1px solid var(--border-gray);display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.author-avatar{border-radius:50%;height:48px;overflow:hidden;width:48px}.author-avatar img{height:100%;object-fit:cover;width:100%}.author-name{font-weight:var(--font-weight-semibold)}.author-title{color:var(--medium-gray);font-size:clamp(.85rem,.12vw + .75rem,.95rem)}.final-cta{background:var(--gradient-black);color:var(--primary-white);padding:var(--spacing-lg) 0;text-align:center}.cta-content{margin:0 auto;max-width:800px}.cta-title{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:var(--font-weight-black);line-height:1.1;margin-bottom:var(--spacing-sm)}.cta-subtitle,.cta-title{color:var(--primary-white)}.cta-subtitle{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin-bottom:var(--spacing-lg);opacity:.95}.cta-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.final-cta .btn-secondary{background:#0000;border-color:#fffc;color:var(--primary-white)}.final-cta .btn-secondary:hover{background:#ffffff26;border-color:var(--primary-white);color:var(--primary-white)}.cta-note{font-size:clamp(.85rem,.12vw + .75rem,.95rem);opacity:.85}.cta-note,.footer{color:var(--primary-white)}.footer{background:var(--dark-gray);padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1.5fr 2fr;margin-bottom:var(--spacing-xl)}.footer-brand{max-width:400px}.footer-brand .logo{color:var(--primary-white);margin-bottom:var(--spacing-md)}.footer-description{color:#ffffffb3;font-size:clamp(.95rem,.18vw + .8rem,1.05rem);line-height:1.6}.footer-links{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,minmax(0,1fr))}.footer .footer-column h4{color:#fff;font-size:1rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.footer-column ul li{margin-bottom:.5rem}.footer-column a{color:#ffffffd9;font-size:clamp(.9rem,.12vw + .8rem,1rem);transition:var(--transition-fast)}.footer-column a:hover{color:var(--ai-red-light)}.footer-bottom{border-top:1px solid #ffffff1a;color:#ffffffbf;padding-top:var(--spacing-md)}.floating-chat-btn,.footer-bottom{align-items:center;display:flex;justify-content:center}.floating-chat-btn{animation:pulse-float 3s infinite;background:var(--gradient-ai-red);border-radius:50%;bottom:2rem;box-shadow:0 8px 24px #7f1d1d66;color:var(--primary-white);cursor:pointer;height:64px;position:fixed;right:2rem;transition:var(--transition-base);width:64px;z-index:999}.floating-chat-btn:hover{box-shadow:0 12px 32px #7f1d1d80;opacity:.9;transform:scale(1.1)}@keyframes pulse-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}[data-aos]{opacity:0;transition-property:transform,opacity}[data-aos].aos-animate{opacity:1}[data-aos=fade-up]{transform:translateY(50px)}[data-aos=fade-up].aos-animate{transform:translateY(0)}[data-aos=fade-left]{transform:translateX(50px)}[data-aos=fade-left].aos-animate{transform:translateX(0)}[data-aos=fade-right]{transform:translateX(-50px)}[data-aos=fade-right].aos-animate{transform:translateX(0)}@media (max-width:960px){.nav-actions,.nav-links{display:none}.landing-mobile-menu-toggle{display:flex}.hero-container{gap:var(--spacing-lg);grid-template-columns:1fr}.hero-content{max-width:100%;text-align:center}.hero-badge,.hero-cta{justify-content:center}.hero-cta{flex-direction:column}.hero-social-proof{justify-content:center}.hero-visual{padding:0}.hero-demo-card{margin:0 auto}.hero-stats{gap:var(--spacing-md)}.cta-actions,.hero-stats{flex-direction:column}.footer-content{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column;gap:var(--spacing-sm);text-align:center}.demo-container{gap:var(--spacing-lg);grid-template-columns:1fr}.demo-feature:hover{transform:translateY(4px)}}@media (max-width:900px){.client-options{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;margin-left:0;margin-right:0;max-width:none;overflow-x:auto;padding-bottom:.5rem;padding-right:var(--spacing-md);scrollbar-width:thin}.client-options::-webkit-scrollbar{height:6px}.client-options::-webkit-scrollbar-track{background:var(--light-gray);border-radius:3px}.client-options::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:3px}.client-option{flex:0 0 auto;max-width:140px;min-width:120px}}@media (max-width:768px){.demo-chat-header{gap:.75rem;padding:1rem}.demo-avatar{height:48px;width:48px}.avatar-icon{font-size:1.25rem}.demo-info h4{font-size:1rem}.demo-info p{font-size:.8125rem}.demo-chat-messages{max-height:280px;min-height:280px;padding:1rem}.demo-chat-input{padding:1rem}.demo-feature{padding:1.25rem}.demo-feature h4{font-size:1rem}.demo-feature p{font-size:.875rem}.analytics-section{background:var(--primary-white);padding:var(--spacing-lg) 0 var(--spacing-xl)}.analytics-grid{gap:var(--spacing-lg)}.analytics-title{font-size:clamp(1.5rem,5vw,2rem)}.analytics-subtitle{font-size:1rem}.analytics-stats-row{gap:.75rem;grid-template-columns:1fr;padding:1.25rem 1.25rem 1rem}.analytics-stat{align-items:center;display:flex;justify-content:space-between;padding:.75rem .9rem}.analytics-stat p{font-size:.8rem;max-width:150px}.analytics-stat-value{font-size:1.35rem}.analytics-chart-area{padding:1.25rem 1.25rem 1.5rem}.analytics-chart-legend{flex-wrap:wrap;row-gap:.35rem}.analytics-visual-card{border-radius:1.25rem;margin:0 auto}.steps-container{align-items:stretch;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-sm)}.step{background:var(--primary-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);flex-direction:row;max-width:100%;padding:var(--spacing-md)}.step-number{font-size:1.1rem;height:44px;width:44px}.step-content h3{margin-bottom:.4rem}.step-connector{background:linear-gradient(180deg,var(--ai-red) 0,var(--border-gray) 100%);height:32px;margin:0 auto;width:2px}}@media (max-width:480px){html{font-size:14px}.container{padding:0 var(--spacing-sm)}.floating-chat-btn{bottom:1.5rem;height:56px;right:1.5rem;width:56px}.analytics-features-grid,.testimonials-grid{grid-template-columns:1fr}}.landing-mobile-menu{background:var(--primary-white);border-bottom:1px solid var(--border-gray);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-md);left:0;padding:var(--spacing-md);position:fixed;right:0;top:72px;z-index:999}.landing-mobile-menu ul{display:flex;flex-direction:column;gap:var(--spacing-sm)}.landing-mobile-menu ul li a{color:var(--primary-black);font-weight:var(--font-weight-medium)}.landing-mobile-menu-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.landing-mobile-menu-actions .btn-primary,.landing-mobile-menu-actions .btn-secondary{justify-content:center;width:100%}@media (min-width:961px){.landing-mobile-menu{display:none!important}}.contact-sales-page{background:var(--primary-white);min-height:100vh}.contact-sales-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid var(--border-gray);left:0;position:fixed;right:0;top:0;z-index:50}.contact-sales-nav-inner{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1280px;padding:.75rem 1rem}.contact-sales-nav-inner .language-switcher-inline{margin-left:auto;margin-right:.5rem}@media (min-width:640px){.contact-sales-nav-inner{padding:1rem 1.5rem}}.contact-sales-logo{align-items:center;color:var(--dark-gray);display:flex;gap:.5rem;text-decoration:none}.contact-sales-logo-icon{align-items:center;background:var(--gradient-ai-red);border-radius:.75rem;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.contact-sales-brand{color:var(--dark-gray);font-family:var(--font-heading);font-size:1.25rem;font-weight:700}.contact-sales-back{align-items:center;color:var(--medium-gray);display:flex;font-weight:500;gap:.5rem;text-decoration:none;transition:color .2s}.contact-sales-back:hover{color:var(--ai-red)}.contact-sales-content{margin:0 auto;max-width:1280px;padding:5rem 1rem 3rem}@media (min-width:640px){.contact-sales-content{padding:6rem 1.5rem 4rem}}.contact-sales-grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem}@media (min-width:1024px){.contact-sales-grid{gap:4rem;grid-template-columns:1fr 1fr}.contact-sales-left{position:-webkit-sticky;position:sticky;top:6rem}}.contact-sales-chip{background:var(--gradient-ai-red);border-radius:9999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:1rem;padding:.375rem .75rem}.contact-sales-left h1{color:var(--dark-gray);font-family:var(--font-heading);font-size:2.25rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}@media (min-width:1024px){.contact-sales-left h1{font-size:3rem}}.contact-sales-lead{color:var(--medium-gray);font-size:1.25rem;line-height:1.6;margin:0 0 2rem}.contact-sales-benefits{display:flex;flex-direction:column;gap:1.5rem}.contact-sales-benefit{display:flex;gap:1rem}.contact-sales-benefit-icon{align-items:center;border-radius:.75rem;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.contact-sales-benefit-blue{background:#7f1d1d1a;color:var(--ai-red)}.contact-sales-benefit-purple{background:#8b5cf61a;color:var(--ai-purple)}.contact-sales-benefit-green{background:#10b9811a;color:var(--success-green)}.contact-sales-benefit h3{color:var(--dark-gray);font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.contact-sales-benefit p{color:var(--medium-gray);font-size:1rem;line-height:1.5;margin:0}.contact-sales-trusted{border-top:1px solid var(--border-gray);margin-top:2rem;padding-top:2rem}.contact-sales-trusted p{color:var(--medium-gray);font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.contact-sales-logos{display:flex;flex-wrap:wrap;gap:1.5rem;opacity:.6}.contact-sales-logos span{color:var(--dark-gray);font-size:1.125rem;font-weight:700}.contact-sales-form-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:1rem;box-shadow:0 10px 40px #00000014;padding:2rem}.contact-sales-form-card h2{color:var(--dark-gray);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.contact-sales-form{display:flex;flex-direction:column;gap:1.5rem}.contact-sales-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:640px){.contact-sales-form-row{grid-template-columns:1fr 1fr}}.contact-sales-field{display:flex;flex-direction:column;gap:.5rem}.contact-sales-field label{color:var(--dark-gray);font-size:.875rem;font-weight:500}.contact-sales-field input,.contact-sales-field select,.contact-sales-field textarea{border:1px solid var(--border-gray);border-radius:.5rem;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.contact-sales-input-with-icon{position:relative}.contact-sales-input-icon{color:var(--medium-gray);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.contact-sales-input-with-icon input{padding-left:3rem}.contact-sales-field input:focus,.contact-sales-field select:focus,.contact-sales-field textarea:focus{border-color:var(--ai-red);box-shadow:0 0 0 2px #7f1d1d26;outline:none}.contact-sales-field textarea{min-height:100px;resize:vertical}.contact-sales-submit{align-items:center;background:var(--gradient-ai-red);border:none;border-radius:.5rem;box-shadow:0 4px 16px #7f1d1d4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:opacity .2s,box-shadow .2s;width:100%}.contact-sales-submit:hover:not(:disabled){box-shadow:0 6px 20px #7f1d1d66;opacity:.95}.contact-sales-submit:disabled{cursor:not-allowed;opacity:.7}.contact-sales-disclaimer{color:var(--medium-gray);font-size:.75rem;margin:0;text-align:center}.contact-sales-success-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:2rem;text-align:center}.contact-sales-success-icon{align-items:center;background:#10b98126;border-radius:50%;color:var(--success-green);display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.contact-sales-success-content h2{color:var(--dark-gray);font-family:var(--font-heading);font-size:1.875rem;font-weight:700;margin:0 0 1rem}.contact-sales-success-content p{color:var(--medium-gray);font-size:1.125rem;line-height:1.6;margin:0 0 2rem;max-width:400px}.contact-sales-success-btn{background:var(--gradient-ai-red);border-radius:.5rem;color:#fff;display:inline-block;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:opacity .2s}.contact-sales-success-btn:hover{opacity:.9}.login-page{align-items:center;background:var(--gradient-black);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-md);position:relative}.login-lang-switcher{position:absolute;right:1rem;top:1rem}.login-wrapper{max-width:448px;width:100%}.login-back-home{align-items:center;color:#fffc;display:inline-flex;font-size:.875rem;gap:.5rem;left:1rem;position:absolute;text-decoration:none;top:1rem;transition:color .2s}.login-back-home:hover{color:#fff}.login-brand{margin-bottom:2rem;text-align:center}.login-brand-icon{align-items:center;background:var(--primary-white);border-radius:1.25rem;box-shadow:var(--shadow-lg);color:var(--ai-red);display:inline-flex;height:64px;justify-content:center;margin-bottom:1rem;width:64px}.login-brand-title{color:var(--primary-white);font-family:var(--font-heading);font-size:2.25rem;font-weight:700;margin:0 0 .5rem}.login-brand-subtitle{color:#fffc;font-size:1rem;margin:0}.login-card{background:var(--primary-white);border-radius:1.5rem;box-shadow:var(--shadow-xl);padding:2rem}.login-form .form-group{margin-bottom:1.5rem}.login-form .form-group label{color:#111827;display:block;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.input-with-icon input{transition:var(--transition-base)}.form-remember-row{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:1.5rem}.remember-checkbox{align-items:center;color:var(--medium-gray);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.remember-checkbox input{accent-color:var(--ai-red);cursor:pointer;height:1rem;width:1rem}.forgot-password-link{color:var(--ai-red);font-size:.875rem;font-weight:600;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.btn-signin{align-items:center;background:var(--gradient-ai-red);border:none;border-radius:.75rem;box-shadow:0 4px 16px #7f1d1d59;color:var(--primary-white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1.5rem;transition:var(--transition-base);width:100%}.btn-signin:hover:not(:disabled){background:linear-gradient(135deg,var(--ai-red-light) 0,var(--ai-red-accent) 100%);box-shadow:0 6px 20px #7f1d1d66;transform:translateY(-1px)}.btn-signin:disabled{cursor:not-allowed;opacity:.6}.login-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff80;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.login-divider:after,.login-divider:before{border-bottom:1px solid var(--border-gray);content:"";flex:1 1}.login-divider span{color:var(--medium-gray);font-size:.875rem;padding:0 1rem}.btn-demo-login{align-items:center;background:var(--gradient-ai-red);border:none;border-radius:.75rem;box-shadow:0 4px 16px #7f1d1d59;color:var(--primary-white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1.5rem;transition:var(--transition-base);width:100%}.btn-demo-login:hover:not(:disabled){background:linear-gradient(135deg,var(--ai-red-light) 0,var(--ai-red-accent) 100%);box-shadow:0 6px 20px #7f1d1d66;transform:translateY(-1px)}.btn-demo-login:disabled{cursor:not-allowed;opacity:.6}.login-signup-prompt{color:var(--medium-gray);font-size:.875rem;margin:1.5rem 0 0;text-align:center}.login-signup-link{color:var(--ai-red);font-weight:600;text-decoration:none}.login-signup-link:hover{text-decoration:underline}.login-features{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:1rem;margin-top:2rem;padding:1.5rem}.login-features-title{color:var(--primary-white);font-weight:600;margin:0 0 .75rem}.login-features-list{display:flex;flex-direction:column;gap:.5rem}.login-feature-item{align-items:center;color:#ffffffe6;display:flex;font-size:.875rem;gap:.5rem}.feature-check{color:var(--success-green);flex-shrink:0}@media (max-width:768px){.login-page{padding:var(--spacing-sm)}.login-card{padding:1.5rem}.login-brand-title{font-size:2rem}}@media (max-width:480px){.form-remember-row{align-items:flex-start;flex-direction:column}.form-remember-row .forgot-password-link{margin-top:.25rem}}.forgot-password-page{align-items:center;background:var(--gradient-black);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-md);position:relative}.forgot-password-page .login-lang-switcher{position:absolute;right:1rem;top:1rem}.forgot-password-page .login-back-home{align-items:center;color:#fffc;display:inline-flex;font-size:.875rem;gap:.5rem;left:1rem;position:absolute;text-decoration:none;top:1rem;transition:color .2s}.forgot-password-page .login-back-home:hover{color:#fff}.forgot-password-wrapper{max-width:448px;width:100%}.forgot-password-brand{margin-bottom:2rem;text-align:center}.forgot-password-brand-icon{align-items:center;background:var(--primary-white);border-radius:1.25rem;box-shadow:var(--shadow-lg);color:var(--ai-red);display:inline-flex;height:64px;justify-content:center;margin-bottom:1rem;width:64px}.forgot-password-brand-title{color:var(--primary-white);font-family:var(--font-heading);font-size:2.25rem;font-weight:700;margin:0 0 .5rem}.forgot-password-brand-subtitle{color:#fffc;font-size:1rem;margin:0}.forgot-password-card{background:var(--primary-white);border-radius:1.5rem;box-shadow:var(--shadow-xl);padding:2rem}.back-link{align-items:center;color:var(--medium-gray);display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;text-decoration:none}.back-link:hover{color:var(--ai-red)}.forgot-password-card-title{color:var(--primary-black);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.forgot-password-card-subtitle{color:var(--medium-gray);font-size:.9rem;margin:0 0 1.5rem}.forgot-password-form .form-group{margin-bottom:1.5rem}.forgot-password-form .form-group label{color:#111827;display:block;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.input-with-icon{align-items:center;background:var(--primary-white);border:1px solid #e5e7eb;border-radius:.75rem;display:flex;gap:0;min-height:48px;transition:var(--transition-base)}.input-with-icon:focus-within{border-color:var(--ai-red);box-shadow:0 0 0 2px #7f1d1d33;outline:none}.input-with-icon:focus-within .input-icon{visibility:hidden}.input-icon{flex-shrink:0;padding-left:1rem;pointer-events:none;transition:visibility .15s ease}.input-with-icon input{background:#0000;border:none;flex:1 1;min-width:0;padding:.75rem 1rem}.forgot-password-page .btn-submit{align-items:center;background:var(--gradient-ai-red);border:none;border-radius:.75rem;box-shadow:0 4px 16px #7f1d1d59;color:var(--primary-white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1.5rem;transition:var(--transition-base);width:100%}.forgot-password-page .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--ai-red-light) 0,var(--ai-red-accent) 100%);box-shadow:0 6px 20px #7f1d1d66;transform:translateY(-1px)}.forgot-password-page .btn-submit:disabled{cursor:not-allowed;opacity:.6}.forgot-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff80;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.forgot-password-success{text-align:center}.forgot-password-success h2{color:var(--primary-black);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.forgot-password-success p{color:var(--medium-gray);margin:0 0 1.5rem}.reset-url-container{background:var(--surface-gray);border-radius:.75rem;margin-bottom:1.5rem;padding:1rem;text-align:left}.reset-url-container p{font-size:.8rem;margin-bottom:.5rem}.forgot-password-success .reset-url-link{color:var(--ai-red);font-size:.85rem;text-decoration:none;word-break:break-all}.forgot-password-success .reset-url-link:hover{text-decoration:underline}.forgot-password-page .btn-back-signin{align-items:center;background:var(--gradient-ai-red);border:none;border-radius:.75rem;box-shadow:0 4px 16px #7f1d1d59;color:var(--primary-white);display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:var(--transition-base);width:100%}.forgot-password-page .btn-back-signin:hover{background:linear-gradient(135deg,var(--ai-red-light) 0,var(--ai-red-accent) 100%);box-shadow:0 6px 20px #7f1d1d66;color:var(--primary-white);transform:translateY(-1px)}.forgot-password-success .try-again-link{background:none;border:none;color:var(--ai-red);cursor:pointer;display:block;font-size:.875rem;margin-top:1rem}.forgot-password-success .try-again-link:hover{text-decoration:underline}@media (max-width:768px){.forgot-password-page{padding:var(--spacing-sm)}.forgot-password-card{padding:1.5rem}.forgot-password-brand-title{font-size:1.875rem}.forgot-password-card-title{font-size:1.25rem}}@media (max-width:480px){.forgot-password-page{padding:.75rem}.forgot-password-brand-icon{height:56px;width:56px}.forgot-password-brand-title{font-size:1.5rem}.forgot-password-card{padding:1.25rem}}.reset-password-page{align-items:center;background:var(--gradient-black);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-md);position:relative}.reset-password-page .login-lang-switcher{position:absolute;right:1rem;top:1rem}.reset-password-wrapper{max-width:448px;width:100%}.reset-password-brand{margin-bottom:2rem;text-align:center}.reset-password-brand-icon{align-items:center;background:var(--primary-white);border-radius:1.25rem;box-shadow:var(--shadow-lg);color:var(--ai-red);display:inline-flex;height:64px;justify-content:center;margin-bottom:1rem;width:64px}.reset-password-brand-title{color:var(--primary-white);font-family:var(--font-heading);font-size:2.25rem;font-weight:700;margin:0 0 .5rem}.reset-password-brand-subtitle{color:#fffc;font-size:1rem;margin:0}.reset-password-card{background:var(--primary-white);border-radius:1.5rem;box-shadow:var(--shadow-xl);padding:2rem}.reset-password-card-title{color:var(--primary-black);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.reset-password-card-subtitle{color:var(--medium-gray);font-size:.9rem;margin:0 0 1.5rem}.reset-password-form .form-group{margin-bottom:1.5rem}.reset-password-form .form-group label{color:#111827;display:block;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.input-with-icon{position:relative}.input-icon{color:#9ca3af;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input{background:var(--primary-white);border:1px solid #e5e7eb;border-radius:.75rem;color:#111827;font-size:1rem;min-height:48px;padding:.75rem 1rem .75rem 3rem;width:100%}.input-with-icon input::placeholder{color:#9ca3af}.input-with-icon input:focus{border-color:var(--ai-red);box-shadow:0 0 0 2px #1e40af33;outline:none}.error-message{background:#fef2f2;border-radius:.75rem;color:#dc2626;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem}.btn-submit{align-items:center;background:var(--gradient-ai-red);border:none;border-radius:.75rem;box-shadow:var(--shadow-lg);color:var(--primary-white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;min-height:48px;padding:.75rem 1.5rem;transition:var(--transition-base);width:100%}.btn-submit:hover:not(:disabled){background:#b8142f;box-shadow:var(--shadow-xl)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.reset-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff80;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.form-footer{margin-top:1.5rem;text-align:center}.back-to-login-link{color:var(--ai-red);font-size:.9rem;font-weight:500;text-decoration:none}.back-to-login-link:hover{text-decoration:underline}.reset-password-success{text-align:center}.success-icon-wrapper{align-items:center;background:#10b98126;border-radius:50%;color:var(--success-green);display:inline-flex;height:64px;justify-content:center;margin-bottom:1rem;width:64px}.reset-password-success h2{color:var(--primary-black);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.reset-password-success p{color:var(--medium-gray);margin:0 0 1.5rem}.btn-back-signin{align-items:center;background:var(--gradient-black);border-radius:.75rem;color:var(--primary-white);display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:var(--transition-base)}.btn-back-signin:hover{opacity:.9}@media (max-width:768px){.reset-password-page{padding:var(--spacing-sm)}.reset-password-card{padding:1.5rem}.reset-password-brand-title{font-size:1.875rem}.reset-password-card-title{font-size:1.25rem}}@media (max-width:480px){.reset-password-page{padding:.75rem}.reset-password-brand-icon{height:56px;width:56px}.reset-password-brand-title{font-size:1.5rem}.reset-password-card{padding:1.25rem}}.admin-page{margin:0 auto;max-width:1280px;max-width:var(--max-width,1280px);width:100%}.admin-page-inner{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-page-header{border-bottom:2px solid var(--border-gray);display:flex;flex-direction:column;gap:1rem;padding:var(--spacing-md) 0}@media (min-width:768px){.admin-page-header{align-items:center;flex-direction:row;justify-content:space-between}}.admin-page-header-content{align-items:center;display:flex;gap:1rem}.admin-page-header-icon{align-items:center;background:var(--gradient-ai-red);border-radius:var(--border-radius-md);color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.admin-page-title{color:var(--primary-black);font-family:var(--font-heading);font-size:2rem;font-weight:var(--font-weight-bold);margin:0 0 .25rem}@media (min-width:768px){.admin-page-title{font-size:2.5rem}}.admin-page-subtitle{color:var(--medium-gray);font-size:1.1rem;margin:0}.admin-page-header-actions{align-items:center;display:flex;gap:1rem}.admin-metric-card{align-items:flex-start;background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;gap:1.25rem;overflow:hidden;padding:var(--spacing-md);position:relative;transition:var(--transition-base)}.admin-metric-card:hover{border-color:var(--ai-red);box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-metric-card:before{background:var(--gradient-ai-red);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition-base)}.admin-metric-card:hover:before{opacity:1}.admin-metric-card-accent{background:linear-gradient(135deg,#7f1d1d0d,#8b5cf60d);border-color:#7f1d1d33}.admin-metric-card-accent:before{opacity:1}.admin-metric-icon{align-items:center;background:var(--gradient-ai-red);border-radius:var(--border-radius-sm);color:var(--primary-white);display:flex;flex-shrink:0;height:48px;justify-content:center;transition:var(--transition-base);width:48px}.admin-metric-icon-blue{background:var(--gradient-ai-red)!important;color:#fff!important}.admin-metric-icon-purple{background:linear-gradient(135deg,var(--ai-purple),#a78bfa)!important;color:#fff!important}.admin-metric-icon-green{background:linear-gradient(135deg,var(--success-green),#34d399)!important;color:#fff!important}.admin-metric-icon-orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;color:#fff!important}.admin-metric-card:hover .admin-metric-icon{transform:scale(1.05)}.admin-metric-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.admin-metric-value{color:var(--primary-black);font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:1;margin:0 0 var(--spacing-xs) 0}.admin-metric-label{color:var(--medium-gray);font-size:.9rem;font-weight:var(--font-weight-medium);letter-spacing:.5px;margin:0;text-transform:uppercase}.admin-metrics-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.admin-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.admin-card-title{align-items:center;color:var(--primary-black);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.admin-card-title svg{color:var(--ai-red)}.admin-loading-state{box-shadow:var(--shadow-sm);color:var(--medium-gray);font-size:1.2rem}.admin-empty-state,.admin-loading-state{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--border-radius-md);padding:var(--spacing-xl);text-align:center}.admin-empty-state-title{color:var(--primary-black);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.admin-empty-state-desc{color:var(--medium-gray);font-size:.875rem;margin:0}.admin-empty-state-actions{margin-top:1rem}.admin-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius-md);color:#dc2626;font-size:.875rem;padding:1rem}.dashboard{margin:0 auto;max-width:1280px;width:100%}.dashboard-hero{background:var(--gradient-ai-red);border-radius:1rem;box-shadow:0 10px 40px #1e40af40;color:#fff;padding:2rem}@media (min-width:768px){.dashboard-hero{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem 3rem}}.dashboard-hero-label{font-size:.75rem;letter-spacing:.1em;margin:0 0 .5rem;opacity:.9;text-transform:uppercase}.dashboard-hero-score-row{align-items:baseline;display:flex;gap:1rem;margin-bottom:.5rem}.dashboard-hero-score{color:#fff;font-family:var(--font-heading);font-size:4rem;font-weight:700;line-height:1;margin:0}@media (min-width:768px){.dashboard-hero-score{font-size:5rem}}.dashboard-hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:9999px;color:#fffffff2;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.25rem .75rem}.dashboard-hero-desc{font-size:1rem;margin:0 0 1rem;opacity:.95}.dashboard-hero-chips{display:flex;flex-wrap:wrap;gap:.5rem}.dashboard-chip{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.dashboard-chip-success{background:#10b98133;color:#a7f3d0}.dashboard-chip-ai{background:#1e40af80;color:#fff}.dashboard-hero-right{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:.75rem;padding:1.5rem}.dashboard-hero-breakdown-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.dashboard-hero-breakdown{display:flex;flex-direction:column;gap:.75rem}.dashboard-breakdown-item{display:flex;flex-direction:column;gap:.25rem}.dashboard-breakdown-header{color:#fff;display:flex;font-size:.875rem;justify-content:space-between}.dashboard-breakdown-value{color:#fff;font-weight:600}.dashboard-breakdown-bar{background:#fff3;border-radius:9999px;height:8px;overflow:hidden}.dashboard-breakdown-fill{background:#fff;border-radius:9999px;height:100%;transition:width .5s ease}.dashboard-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dashboard-stats-grid{gap:1.5rem;grid-template-columns:repeat(4,1fr)}}.dashboard-stat-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:1.5rem;transition:box-shadow .2s}.dashboard-stat-card:hover{box-shadow:0 4px 12px #00000014}.dashboard-stat-card-accent{background:linear-gradient(135deg,#1e40af0d,#8b5cf60d);border-color:#1e40af33}.dashboard-stat-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.dashboard-stat-icon{align-items:center;border-radius:.5rem;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.dashboard-stat-icon-blue{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.dashboard-stat-icon-purple{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.dashboard-stat-icon-green{background:linear-gradient(135deg,#10b981,#34d399)}.dashboard-stat-icon-orange{background:linear-gradient(135deg,#f59e0b,#ef4444)}.dashboard-stat-label{color:var(--medium-gray);font-size:.875rem;margin:0 0 .25rem}.dashboard-stat-value{color:var(--dark-gray);font-size:1.875rem;font-weight:700;margin:0}.dashboard-quick-actions{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:1.5rem}.dashboard-quick-actions-title{color:var(--dark-gray);font-size:1rem;font-weight:600;margin:0 0 1rem}.dashboard-quick-actions-buttons{display:flex;flex-direction:column;gap:.75rem}@media (min-width:640px){.dashboard-quick-actions-buttons{flex-direction:row}}.dashboard-qabtn{align-items:center;border:2px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1.5rem;transition:all .2s}.dashboard-qabtn-primary{background:var(--gradient-ai-red);border:none;color:#fff}.dashboard-qabtn-primary:hover{opacity:.9}.dashboard-qabtn-secondary{background:#fff;border-color:var(--ai-red);color:var(--ai-red)}.dashboard-qabtn-secondary:hover{background:var(--surface-gray)}.dashboard-qabtn-outline{background:#fff;border-color:var(--border-gray);color:var(--medium-gray)}.dashboard-qabtn-outline:hover{background:var(--surface-gray)}.clients-page{margin:0 auto;max-width:var(--max-width);padding:0}.clients-header{align-items:center;border-bottom:2px solid var(--border-gray);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.clients-header h1{color:var(--primary-black);font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.2;margin:0}.clients-header .btn{align-items:center;display:inline-flex;font-size:1rem;gap:.5rem;padding:12px 24px}.clients-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:var(--spacing-lg)}.client-card{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;overflow:hidden;padding:var(--spacing-md);position:relative;transition:var(--transition-base);width:100%}.client-card:hover{border-color:var(--ai-red);box-shadow:var(--shadow-md);transform:translateY(-4px)}.client-card-header{box-sizing:border-box;gap:var(--spacing-sm);justify-content:space-between;min-width:0;width:100%}.client-card-header,.client-header{align-items:flex-start;border-bottom:1px solid var(--border-gray);display:flex;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.client-header{gap:1rem}.client-icon{align-items:center;background:var(--light-gray);border:2px solid var(--border-gray);border-radius:var(--border-radius-sm);color:var(--ai-red);display:flex;flex-shrink:0;height:44px;justify-content:center;transition:var(--transition-base);width:44px}.client-card:hover .client-icon{background:var(--ai-red);border-color:var(--ai-red);color:var(--primary-white);transform:scale(1.05)}.client-title-section{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0;overflow:hidden}.client-title-section h3{color:var(--primary-black);font-size:1.5rem;font-weight:var(--font-weight-bold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-footer{color:var(--medium-gray);font-size:.85rem}.client-info h3{color:var(--primary-black);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0 0 4px}.client-info p{color:var(--medium-gray);font-size:.9rem;margin:0}.created-date{color:var(--medium-gray);font-size:.85rem}.client-footer{align-items:center;border-top:1px solid var(--border-gray);display:flex;justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-sm)}.client-details{color:var(--medium-gray);font-size:.9rem;margin:var(--spacing-sm) 0}.client-details p{align-items:center;display:flex;gap:8px;margin:4px 0}.client-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs);min-width:0}.client-actions .btn{border-radius:var(--border-radius-sm);flex-shrink:0;font-size:.85rem;min-width:auto;padding:8px 12px;white-space:nowrap}.client-actions .btn-credentials{margin-left:.5rem}.client-actions-dropdown{position:relative}.client-actions-dropdown button.btn{font-size:1.2rem;line-height:1;min-width:auto;padding:8px 12px}.client-actions-menu{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);margin-top:-4px;min-width:180px;padding:8px 0 4px;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.client-actions-menu .menu-item{background:none;border:none;color:var(--primary-black);cursor:pointer;display:block;font-size:.9rem;padding:10px 16px;text-align:left;transition:background-color .2s;width:100%}.client-actions-menu .menu-item:hover{background-color:#f5f5f5}.client-actions-menu .menu-item-danger{color:#dc2626}.client-actions-menu .menu-item-danger:hover{background-color:#fef2f2}.client-actions-menu .menu-divider{background:var(--border-gray);height:1px;margin:4px 0}.btn-xs{flex:none;min-width:auto;padding:6px 10px}.api-key-section{background:var(--light-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.api-key-display{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--border-radius-sm);color:var(--primary-black);font-family:Monaco,Menlo,monospace;font-size:.8rem;padding:8px 12px}.api-key-display,.api-key-display code{overflow-wrap:break-word;white-space:normal;word-break:break-word}.api-key-display code{display:block;line-height:1.5;min-width:0;overflow:hidden;text-overflow:ellipsis;width:100%}.form-overlay{padding:var(--spacing-md)}.form-container{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-lg)}.form-header{border-bottom:2px solid var(--border-gray);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.form-header h2{color:var(--primary-black);font-weight:var(--font-weight-semibold)}.close-btn{color:var(--medium-gray);transition:var(--transition-base)}.close-btn:hover{background:var(--light-gray);color:var(--primary-black)}.form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-md)}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{word-wrap:break-word;background:var(--primary-white);border:2px solid var(--border-gray);border-radius:var(--border-radius-sm);color:var(--primary-black);font-size:1rem;overflow-wrap:break-word;padding:12px 16px;transition:var(--transition-base);white-space:normal;width:100%;word-break:normal}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--ai-red);box-shadow:0 0 0 3px #ff00001a;outline:none}.form-group textarea{min-height:100px}.form-actions{border-top:2px solid var(--border-gray);gap:var(--spacing-sm)}.form-actions .btn{min-width:100px}.color-inputs{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.color-input{align-items:center;display:flex;flex-direction:column;gap:6px}.color-input input[type=color]{background:none;border:2px solid var(--border-gray);border-radius:50%;cursor:pointer;height:40px;padding:0;width:40px}.color-input label{font-size:.8rem;margin:0;text-align:center}.checkbox-group{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.checkbox-item{align-items:center;border:1px solid var(--border-gray);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:8px;padding:8px;transition:var(--transition-base)}.checkbox-item:hover{background:var(--light-gray)}.checkbox-item input[type=checkbox]{margin:0;width:auto}.checkbox-item label{cursor:pointer;font-size:.9rem;margin:0}@media (max-width:768px){.clients-page{padding:0 var(--spacing-sm)}.clients-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.clients-header h1{font-size:2rem}.clients-grid{gap:var(--spacing-sm)}.checkbox-group,.clients-grid,.color-inputs,.form-grid{grid-template-columns:1fr}.client-actions,.form-actions{flex-direction:column}}@media (max-width:480px){.clients-page{padding:0 var(--spacing-sm)}.form-container{margin:var(--spacing-sm);padding:var(--spacing-md)}.client-card{padding:var(--spacing-sm)}}.btn-whatsapp{background:#25d366;border:2px solid #25d366;color:#fff}.btn-whatsapp:hover{background:#1ea952;border-color:#1ea952;box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.btn-whatsapp:active{transform:translateY(0)}.conversations-page{margin:0 auto;max-width:1200px;max-width:var(--max-width,1200px);padding:0}.conversations-header{align-items:center;border-bottom:2px solid var(--border-gray);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md) 0}.conversations-header h1{color:var(--primary-black);font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.2;margin:0}.conversations-header .subtitle{color:var(--medium-gray);font-size:1.1rem;font-weight:var(--font-weight-regular);margin:.5rem 0 0}.tab-badge{color:var(--primary-white);font-weight:var(--font-weight-semibold)}.conversation-card{border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.btn-primary,.btn-secondary{border-radius:.375rem}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb}@media (max-width:768px){.conversations-page{padding:0 1rem}.conversations-header{align-items:flex-start;flex-direction:column;gap:1rem}.conversations-header h1{font-size:2rem}.conversations-tabs{overflow-x:auto}.conversation-header{gap:1rem}.conversation-actions,.conversation-header{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.leads-page{margin:0 auto;max-width:var(--max-width);padding:0}.leads-header{align-items:center;border-bottom:2px solid var(--border-gray);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.leads-header h1{color:var(--primary-black);font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.2;margin:0}.leads-header .subtitle{color:var(--medium-gray);font-size:1.1rem;font-weight:var(--font-weight-regular);margin:var(--spacing-xs) 0 0 0}.leads-content{margin-bottom:var(--spacing-lg)}.stat-box{border-radius:var(--border-radius-md);border-top:4px solid var(--ai-red);box-shadow:var(--shadow-sm)}.stat-box:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lead-card{border-left:4px solid var(--ai-red);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.lead-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.client-selector,.status-filter{margin-bottom:1.5rem}@media (max-width:768px){.leads-page{padding:0 var(--spacing-sm)}.leads-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.leads-header h1{font-size:2rem}.empty-state{padding:var(--spacing-lg)}}@media (max-width:480px){.leads-page{padding:0 var(--spacing-xs)}.leads-header h1{font-size:1.75rem}.empty-state{padding:var(--spacing-md)}}.knowledge-page{margin:0 auto;max-width:var(--max-width);padding:0}.knowledge-header{align-items:center;border-bottom:2px solid var(--border-gray);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.header-icon{height:56px;width:56px}.knowledge-header h1{color:var(--primary-black);font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.2;margin:0}.knowledge-header .btn{font-size:1rem;padding:12px 24px}.client-selector{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.client-selector h3{color:var(--primary-black);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.client-selector select{word-wrap:break-word;background:var(--primary-white);border:2px solid var(--border-gray);border-radius:var(--border-radius-sm);color:var(--primary-black);font-size:1rem;overflow-wrap:break-word;padding:12px 16px;transition:var(--transition-base);white-space:normal;width:100%;word-break:normal}.client-selector select:focus{border-color:var(--ai-red);box-shadow:0 0 0 3px #ff00001a;outline:none}.upload-section{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.upload-header{align-items:center;justify-content:space-between}.upload-header,.upload-mode-selector{display:flex;margin-bottom:var(--spacing-md)}.upload-mode-selector{background:var(--light-gray);border-radius:var(--border-radius-sm);gap:var(--spacing-md);padding:var(--spacing-sm)}.upload-mode-selector label{align-items:center;color:var(--primary-black);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.upload-mode-selector input[type=radio]{margin:0}.selected-files{background:var(--light-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm);max-height:200px;overflow-y:auto;padding:var(--spacing-sm)}.file-item{align-items:center;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.file-item:last-child{border-bottom:none}.knowledge-stats{background:var(--light-gray);border-radius:var(--border-radius-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-label{color:var(--medium-gray);font-size:.8rem;font-weight:var(--font-weight-medium)}.stat-value{font-size:.9rem}.stat-value,.upload-section h3{color:var(--primary-black);font-weight:var(--font-weight-semibold)}.upload-section h3{font-size:1.25rem;margin:0 0 var(--spacing-sm) 0}.input-mode-toggle{background:var(--light-gray);border-radius:var(--border-radius-md);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.mode-toggle-btn{border-radius:var(--border-radius-sm);text-transform:none}.mode-toggle-btn,.toggle-text{font-weight:var(--font-weight-semibold)}.upload-content{margin-top:var(--spacing-md)}.form-group label{font-weight:var(--font-weight-medium);margin-bottom:6px}.form-group input,.form-group textarea{word-wrap:break-word;background:var(--primary-white);border:2px solid var(--border-gray);border-radius:var(--border-radius-sm);color:var(--primary-black);font-size:1rem;overflow-wrap:break-word;padding:12px 16px;transition:var(--transition-base);white-space:normal;width:100%;word-break:normal}.form-group input:focus,.form-group textarea:focus{border-color:var(--ai-red);box-shadow:0 0 0 3px #ff00001a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.file-drop-zone{align-items:center;background:var(--primary-white);border:2px dashed var(--border-gray);border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:var(--spacing-xl);position:relative;text-align:center;transition:var(--transition-base);user-select:none;-webkit-user-select:none}.drop-zone-content{pointer-events:none}.file-drop-zone:hover{background:#ff000005;border-color:var(--ai-red)}.file-drop-zone.drag-over{background:#ff000014;border-color:var(--ai-red);border-width:3px;transform:scale(1.02)}.file-drop-zone.has-files{background:#ff000008;border-color:var(--ai-red);border-style:solid}.drop-zone-content{width:100%}.drop-zone-icon{align-items:center;display:flex;justify-content:center;margin-bottom:var(--spacing-sm);opacity:.8}.drop-zone-icon svg{height:48px;width:48px}.drop-zone-text{font-size:1.1rem;font-weight:var(--font-weight-medium);margin:var(--spacing-sm) 0}.drop-zone-hint{margin:var(--spacing-xs) 0}.drop-zone-note{color:var(--ai-red);display:block;font-size:.85rem;font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm)}.selected-files-list{gap:var(--spacing-xs);margin-top:var(--spacing-md)}.selected-file-item{background:var(--light-gray);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-base)}.selected-file-item:hover{background:#ff000005;border-color:var(--ai-red)}.file-info{gap:var(--spacing-sm);min-width:0}.file-icon{flex-shrink:0;font-size:1.2rem}.file-details{flex:1 1;gap:2px;min-width:0}.file-name{font-size:.95rem;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.85rem}.file-remove-btn{align-items:center;background:#0000;border-radius:50%;color:var(--medium-gray);display:flex;flex-shrink:0;height:28px;justify-content:center;transition:var(--transition-base);width:28px}.file-remove-btn:hover{background:var(--ai-red);color:var(--primary-white);transform:rotate(90deg)}.file-upload{border:2px dashed var(--border-gray);border-radius:var(--border-radius-sm);cursor:pointer;padding:var(--spacing-lg);text-align:center;transition:var(--transition-base)}.file-upload:hover{background:#ff000005;border-color:var(--ai-red)}.file-upload.dragover{background:#ff00000d;border-color:var(--ai-red)}.file-upload input[type=file]{display:none}.file-upload-text{color:var(--medium-gray);font-size:.9rem;margin-bottom:var(--spacing-sm)}.file-upload-btn{background:var(--ai-red);border:none;border-radius:var(--border-radius-sm);color:var(--primary-white);cursor:pointer;font-weight:var(--font-weight-medium);padding:8px 16px;transition:var(--transition-base)}.file-upload-btn:hover{background:#c00;transform:translateY(-1px)}.upload-progress{background:var(--light-gray);border-radius:var(--border-radius-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.progress-bar{box-shadow:inset 0 1px 2px #0000001a;margin-bottom:var(--spacing-sm)}.progress-fill{transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;right:0}.progress-status{align-items:center;color:var(--primary-black);display:flex;font-size:.95rem;font-weight:var(--font-weight-medium);justify-content:space-between;margin:var(--spacing-xs) 0}.progress-percentage{background:#ff00001a;border-radius:4px;color:var(--ai-red);font-size:.9rem;font-weight:var(--font-weight-bold);min-width:50px;padding:2px 8px;text-align:center}.knowledge-entries{margin-top:var(--spacing-lg)}.knowledge-entries h3{color:var(--primary-black);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}.entries-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.entry-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:var(--transition-base)}.entry-card:hover{border-color:var(--ai-red);box-shadow:var(--shadow-md);transform:translateY(-2px)}.entry-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.entry-title{color:var(--primary-black);font-size:1.1rem;font-weight:var(--font-weight-semibold);line-height:1.3;margin:0}.entry-meta{align-items:center;display:flex;font-size:.8rem;gap:var(--spacing-sm)}.entry-content,.entry-meta{color:var(--medium-gray);margin-bottom:var(--spacing-sm)}.entry-content{line-height:1.5;max-height:100px;overflow:hidden;position:relative}.entry-content.expanded{max-height:none}.entry-content:after{background:linear-gradient(#0000,var(--primary-white));bottom:0;content:"";height:20px;left:0;pointer-events:none;position:absolute;right:0}.entry-content.expanded:after{display:none}.expand-btn{background:none;border:none;color:var(--ai-red);cursor:pointer;font-size:.8rem;font-weight:var(--font-weight-medium);margin-top:4px;padding:0;transition:var(--transition-base)}.expand-btn:hover{opacity:.8}.entry-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.entry-actions .btn{font-size:.8rem;min-width:auto;padding:6px 12px}.empty-state{color:var(--medium-gray)}.empty-state h3{color:var(--primary-black);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.empty-state p{font-size:.9rem;margin:0 0 var(--spacing-md) 0}@media (max-width:768px){.knowledge-page{padding:0 var(--spacing-sm)}.knowledge-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.knowledge-header h1{font-size:2rem}.upload-tabs{flex-direction:column;gap:0}.upload-tab{border-bottom:1px solid var(--border-gray);border-radius:0}.upload-tab.active{border-bottom-color:var(--ai-red)}.entry-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.entry-actions{justify-content:flex-start}.upload-form-content .btn-secondary,.upload-form-content .btn.btn-secondary,.upload-header .btn{width:auto!important}}@media (max-width:480px){.knowledge-page{padding:0 var(--spacing-sm)}.client-selector,.entry-card,.upload-section{padding:var(--spacing-sm)}}.client-detail-page{margin:0 auto;max-width:1200px;max-width:var(--max-width,1200px);padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.client-detail-header{align-items:center;border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-gray,#e5e5e5);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md,1rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem);padding-bottom:1rem;padding-bottom:var(--spacing-md,1rem)}.client-detail-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem;gap:var(--spacing-sm,.75rem);margin-left:auto}.client-detail-actions .btn-credentials{margin-left:0}.client-detail-title{align-items:center;display:flex;flex:1 1;gap:1rem}.header-icon{align-items:center;background:var(--light-gray);border:2px solid var(--border-gray);border-radius:var(--border-radius-md);color:var(--ai-red);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.client-detail-title>div{display:flex;flex-direction:column;gap:.5rem}.client-detail-title h1{color:#000;color:var(--primary-black,#000);font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:-.02em;margin:0}.btn-back{align-items:center;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.client-detail-tabs{border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-gray,#e5e5e5);display:flex;gap:0;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem)}.tab-button{bottom:-2px;color:#666;color:var(--medium-gray,#666);font-weight:var(--font-weight-medium,500);transition:all .2s}.tab-button:hover{background-color:#00000005;color:#000;color:var(--primary-black,#000)}.tab-button.active{font-weight:600;font-weight:var(--font-weight-semibold,600)}.client-detail-content{min-height:400px}.client-overview{padding:1rem 0;padding:var(--spacing-md,1rem) 0}.client-info-grid{grid-gap:1rem;grid-gap:var(--spacing-md,1rem);display:grid;gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:#fff;background:var(--primary-white,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-gray,#e5e5e5);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a);padding:1rem;padding:var(--spacing-md,1rem)}.info-card h3{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-gray,#e5e5e5);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0;padding-bottom:.5rem;padding-bottom:var(--spacing-xs,.5rem)}.info-card h3,.info-card p{color:#000;color:var(--primary-black,#000)}.info-card p{font-size:.95rem;line-height:1.6;margin:.5rem 0}.info-card strong{color:#000;color:var(--primary-black,#000);font-weight:600;font-weight:var(--font-weight-semibold,600);margin-right:.5rem}.greeting-text{color:#666;color:var(--medium-gray,#666);font-style:italic}.api-key-display,.greeting-text{background:#f5f5f5;background:var(--light-gray,#f5f5f5);border-radius:4px;border-radius:var(--border-radius-sm,4px);margin-top:.5rem;padding:.75rem}.api-key-display code{color:#000;color:var(--primary-black,#000);font-family:Monaco,Menlo,monospace;word-break:break-all}.status-badge{align-items:center;display:inline-flex;font-weight:var(--font-weight-semibold);gap:.5rem;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.status-dot{display:inline-block;height:6px;width:6px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.active .status-dot{background-color:#28a745;box-shadow:0 0 0 2px #28a74533}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.inactive .status-dot{background-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.btn-xs{font-size:.75rem;padding:.375rem .75rem;white-space:nowrap}.form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--spacing-md,1rem);position:fixed;right:0;top:0;z-index:1000}.form-container{background:#fff;background:var(--primary-white,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-gray,#e5e5e5);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 10px 25px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;padding:var(--spacing-lg,1.5rem);width:100%}.form-header{align-items:center;border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border-gray,#e5e5e5);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem);padding-bottom:.75rem;padding-bottom:var(--spacing-sm,.75rem)}.form-header h2{color:#000;color:var(--primary-black,#000);font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--medium-gray,#666);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:4px;transition:all .2s;width:32px}.close-btn:hover{background:#f5f5f5;background:var(--light-gray,#f5f5f5);color:#000;color:var(--primary-black,#000)}@media (max-width:768px){.client-detail-header{align-items:flex-start;flex-direction:column}.client-detail-actions{justify-content:flex-start;margin-left:0;width:100%}.client-detail-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-button{font-size:.9rem;padding:.75rem 1rem;white-space:nowrap}.client-info-grid{grid-template-columns:1fr}.form-container{margin:.75rem;margin:var(--spacing-sm,.75rem);padding:1rem;padding:var(--spacing-md,1rem)}}.confirm-modal-overlay{align-items:center;animation:confirmModalFadeIn .2s ease-out;background:#03021380;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}@keyframes confirmModalFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-card{animation:confirmModalSlideIn .2s ease-out;background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;max-width:24rem;padding:1.5rem;width:100%}@keyframes confirmModalSlideIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-modal-title{color:var(--primary-black);font-family:var(--font-primary);font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.confirm-modal-message{color:var(--dark-gray);font-family:var(--font-primary);font-size:.9375rem;line-height:1.5;margin:0 0 1.5rem}.confirm-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-modal-btn{border:none;border-radius:.375rem;cursor:pointer;font-family:var(--font-primary);font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background .2s,border-color .2s,color .2s}.confirm-modal-btn-secondary{background:var(--primary-white);border:1px solid var(--border-gray);color:var(--dark-gray)}.confirm-modal-btn-secondary:hover{background:var(--surface-gray);border-color:var(--medium-gray)}.confirm-modal-btn-primary{background:var(--ai-red);color:#fff}.confirm-modal-btn-primary:hover{background:#991b1b}.confirm-modal-btn-primary:active{background:#7f1d1d}.agent-chat-page{background:#f0f2f5;display:flex;flex-direction:column;height:calc(100vh - 80px);margin:0 auto;max-width:100%}.booking-banner{align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;border-radius:.75rem;display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 1.5rem 0;padding:1rem 1.25rem}.booking-content h3{color:#9a3412;font-size:1.1rem;margin:0 0 .35rem}.booking-time{color:#7c2d12;font-weight:500;margin:0}.booking-notes{color:#92400e;margin:.5rem 0 0;max-width:45rem;white-space:pre-wrap}.booking-actions{align-items:center;display:flex;margin-left:auto}.btn-download-ics{background:var(--ai-red);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s}.btn-download-ics:hover{background:#c00}.message-content{word-break:break-word}.message-content p{word-wrap:break-word}@media (max-width:768px){.agent-chat-page{height:calc(100vh - 60px)}.chat-header{padding:.75rem 1rem}.chat-header-info h2{font-size:1rem}.chat-header-meta{align-items:flex-start;flex-direction:column;gap:.25rem}.message-content{max-width:85%}.chat-input-area{padding:.75rem 1rem}}.whatsapp-container{background:#fff;margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem}.whatsapp-header{border-bottom:2px solid #f0f0f0;margin-bottom:3rem;padding-bottom:2rem}.header-content{flex-wrap:wrap;justify-content:space-between}.header-content>div:first-child{flex:1 1;min-width:250px}.whatsapp-header h1{color:#000;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.whatsapp-header p{color:#666;font-size:1.1rem;margin:0}.whatsapp-config{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.config-section{border-bottom:1px solid #f0f0f0;padding:2rem}.config-section:last-child{border-bottom:none}.config-section h2{color:#000;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.section-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.whatsapp-fields{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{color:#000}.form-group input{background:#fff;border:2px solid #e9ecef;border-radius:6px;padding:.75rem 1rem;transition:all .2s ease}.form-group input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.field-help{color:#666;font-size:.85rem;line-height:1.4;margin-bottom:0;margin-top:.5rem}.error-text{color:#dc3545;display:block;font-size:.85rem;margin-top:.25rem}.checkbox-label{align-items:center;color:#000;cursor:pointer;display:flex;font-weight:600;margin-bottom:.5rem}.checkbox-label input[type=checkbox]{margin-right:.75rem;transform:scale(1.2);width:auto}.checkmark{margin-left:.5rem}.instructions{margin-top:1.5rem}.instruction-step{align-items:flex-start;background:#f8f9fa;border-left:4px solid var(--ai-red);border-radius:8px;display:flex;margin-bottom:2rem;padding:1.5rem}.instruction-step:last-child{margin-bottom:0}.step-number{align-items:center;background:var(--ai-red);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:2rem;justify-content:center;margin-right:1rem;width:2rem}.step-content h3{color:#000;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.step-content p{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.step-content code{word-wrap:break-word;background:#e9ecef;border-radius:4px;color:#000;display:inline;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;overflow-wrap:break-word;padding:.25rem .5rem;white-space:normal;word-break:normal}.step-content a{color:var(--ai-red);font-weight:600;text-decoration:none}.step-content a:hover{text-decoration:underline}.config-actions{align-items:center;background:#f8f9fa;display:flex;gap:1rem;justify-content:flex-start;padding:2rem}.btn{border-radius:6px;font-size:1rem;font-weight:600;min-width:120px;transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-secondary{background:#000;color:#fff}.btn-secondary:hover:not(:disabled){background:#333;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.alert{border-radius:6px;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.loading{color:#666;font-size:1.1rem;padding:3rem}@media (max-width:768px){.whatsapp-container{padding:1rem}.whatsapp-header h1{font-size:2rem}.config-section{padding:1.5rem}.instruction-step{flex-direction:column;text-align:center}.step-number{margin-bottom:1rem;margin-right:0}.config-actions{align-items:stretch;flex-direction:column}.btn{width:100%}}.input-with-copy{align-items:center;display:flex;gap:.5rem}.input-with-copy input{flex:1 1}.btn-copy{background:#f0f0f0;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:1rem;min-width:45px;padding:.5rem .75rem;transition:all .2s ease}.btn-copy:hover{background:#e9ecef;border-color:var(--ai-red)}.btn-link-small{background:none;border:none;color:var(--ai-red);cursor:pointer;font-size:.85rem;font-weight:600;margin-left:.5rem;padding:0;text-decoration:underline}.btn-link-small:hover{color:#c00}@media (max-width:480px){.whatsapp-header h1{font-size:1.75rem}.header-content{flex-direction:column;text-align:center}.config-section,.instruction-step,.whatsapp-fields{padding:1rem}}.settings-page{margin:0 auto;max-width:var(--max-width);padding:0}.settings-header{align-items:center;border-bottom:2px solid var(--border-gray);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.settings-header h1{color:var(--primary-black);font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:1.2;margin:0}.settings-header .subtitle{color:var(--medium-gray);font-size:1.1rem;font-weight:var(--font-weight-regular);margin:var(--spacing-xs) 0 0 0}.settings-content{margin-bottom:var(--spacing-lg)}.empty-state{border:1px solid var(--border-gray);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.empty-state p{margin:0}.settings-section{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.section-header{border-bottom:1px solid var(--border-gray);gap:1rem;padding-bottom:var(--spacing-md)}.section-header h2{font-weight:var(--font-weight-bold)}.section-header p{color:var(--medium-gray);font-size:.9rem;margin:.25rem 0 0}.section-icon{align-items:center;background:var(--light-gray);border-radius:var(--border-radius-md);color:var(--ai-red);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.section-header>div{flex:1 1}.btn-edit{align-items:center;background:#0000;border:1px solid var(--border-gray);border-radius:var(--border-radius-md);color:var(--primary-black);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;transition:var(--transition-base)}.btn-edit:hover{background:var(--light-gray);border-color:var(--ai-red)}.settings-form{margin-top:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{font-weight:600}.form-group input{border:1px solid var(--border-gray);border-radius:var(--border-radius-md);font-size:1rem;padding:.75rem;transition:var(--transition-base);width:100%}.form-group input:focus{border-color:var(--ai-red);box-shadow:0 0 0 3px #ff00001a;outline:none}.form-group input:disabled{background:var(--light-gray);cursor:not-allowed}.form-actions{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.settings-details{margin-top:var(--spacing-md)}.detail-row{align-items:center;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;padding:var(--spacing-md) 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--medium-gray);font-weight:600}.detail-value{color:var(--primary-black);text-align:right}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:var(--border-radius-md);color:#721c24;margin-bottom:var(--spacing-md)}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:var(--border-radius-md);color:#155724;margin-bottom:var(--spacing-md);padding:1rem}@media (max-width:768px){.settings-page{padding:0 var(--spacing-sm)}.settings-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.settings-header h1{font-size:2rem}.empty-state{padding:var(--spacing-lg)}}@media (max-width:480px){.settings-page{padding:0 var(--spacing-xs)}.settings-header h1{font-size:1.75rem}.empty-state{padding:var(--spacing-md)}}.widget-test-page{margin:0 auto;max-width:var(--max-width);padding:0}.widget-header{align-items:center;border-bottom:2px solid var(--border-gray);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.widget-header h1{color:var(--primary-black);font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:1.2;margin:0}.widget-header .btn{font-size:1rem;padding:12px 24px}.client-info-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.client-info-card h3{color:var(--primary-black);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.client-details{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-sm)}.client-detail{display:flex;flex-direction:column;gap:4px}.client-detail-label{color:var(--medium-gray);font-size:.8rem;font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.client-detail-value{color:var(--primary-black);font-size:.9rem;font-weight:var(--font-weight-medium)}.chat-widget-container{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-lg)}.chat-widget{border:1px solid var(--border-gray);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:500px;overflow:hidden}.chat-header,.chat-widget{background:var(--primary-white)}.chat-header{border-bottom:1px solid var(--border-gray);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.chat-avatar{align-items:center;background:var(--ai-red);border-radius:50%;color:var(--primary-white);display:flex;font-size:.9rem;font-weight:var(--font-weight-bold);height:32px;justify-content:center;width:32px}.chat-info h4{color:var(--primary-black);font-size:1rem;font-weight:var(--font-weight-semibold);margin:0}.chat-info p{color:var(--medium-gray);font-size:.8rem;margin:0}.chat-messages{background:var(--light-gray);gap:var(--spacing-sm);padding:var(--spacing-md)}.chat-message{word-wrap:break-word;border-radius:var(--border-radius-sm);font-size:.9rem;line-height:1.4;max-width:80%;padding:var(--spacing-sm)}.chat-message.user{align-self:flex-end;background:var(--ai-red);border-bottom-right-radius:4px;color:var(--primary-white)}.chat-message.bot{color:var(--primary-black)}.chat-message.bot,.chat-message.typing{align-self:flex-start;background:var(--primary-white);border:1px solid var(--border-gray);border-bottom-left-radius:4px}.chat-message.typing{color:var(--medium-gray);font-style:italic}.chat-input-container{background:var(--primary-white);border-top:1px solid var(--border-gray);padding:var(--spacing-md)}.chat-input-form{gap:var(--spacing-sm)}.chat-input{background:var(--primary-white);border:2px solid var(--border-gray);border-radius:var(--border-radius-sm);color:var(--primary-black);font-size:.9rem;padding:12px 16px;transition:var(--transition-base)}.chat-input:focus{box-shadow:0 0 0 3px #ff00001a;outline:none}.chat-send-btn{align-items:center;background:var(--ai-red);border:none;border-radius:var(--border-radius-sm);color:var(--primary-white);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);justify-content:center;padding:12px 16px;transition:var(--transition-base)}.chat-send-btn:hover{background:#c00;transform:translateY(-1px)}.chat-send-btn:disabled{transform:none}.widget-code{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.widget-code h3{color:var(--primary-black);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.code-block{background:var(--dark-gray);border-radius:var(--border-radius-sm);color:var(--primary-white);font-family:Monaco,Menlo,monospace;font-size:.85rem;line-height:1.5;margin-bottom:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-md)}.code-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.code-actions .btn{font-size:.85rem;min-width:auto;padding:8px 16px}.loading{background:var(--primary-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--medium-gray);font-size:1.2rem;padding:var(--spacing-xl);text-align:center}.alert{border:1px solid;margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:var(--transition-base)}.alert-error{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.alert-success{background-color:#f0fdf4;border-color:#bbf7d0;color:#16a34a}@media (max-width:1024px){.chat-widget-container{gap:var(--spacing-md);grid-template-columns:1fr}.chat-widget{height:400px}}@media (max-width:768px){.widget-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.widget-header h1{font-size:2rem}.client-details{grid-template-columns:1fr}.chat-widget{height:350px}.chat-message{max-width:90%}.code-actions{flex-direction:column}}@media (max-width:480px){.widget-test-page{padding:0 var(--spacing-sm)}.client-info-card,.widget-code{padding:var(--spacing-sm)}.chat-widget{height:300px}.chat-input-container,.chat-messages{padding:var(--spacing-sm)}}.client-page{margin:0 auto;max-width:1280px;width:100%}.client-page-inner{display:flex;flex-direction:column;gap:1.5rem}.client-page-header{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.client-page-header{align-items:center;flex-direction:row;justify-content:space-between}}.client-page-header-content{align-items:center;display:flex;gap:1rem}.client-page-header-icon{align-items:center;background:var(--gradient-ai-red);border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.client-page-title{color:var(--dark-gray);font-family:var(--font-heading);font-size:2rem;font-weight:700;margin:0 0 .25rem}@media (min-width:768px){.client-page-title{font-size:2.25rem}}.client-page-subtitle{color:var(--medium-gray);font-size:1rem;margin:0}.client-metric-card,.client-page-header-actions{align-items:center;display:flex;gap:1rem}.client-metric-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:1.25rem}.client-metric-icon{flex-shrink:0}.client-metric-icon-blue{color:var(--ai-red)}.client-metric-icon-purple{color:var(--ai-purple)}.client-metric-icon-green{color:var(--success-green)}.client-metric-icon-orange{color:#f59e0b}.client-metric-value{color:var(--dark-gray);display:block;font-size:1.5rem;font-weight:700}.client-metric-label{color:var(--medium-gray);font-size:.875rem}.client-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.client-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:1.5rem}.client-card-title{align-items:center;color:var(--dark-gray);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.client-card-title svg{color:var(--ai-red)}.client-loading-state{border:1px solid var(--border-gray);border-radius:1rem;color:var(--medium-gray)}.client-empty-state,.client-loading-state{background:var(--primary-white);padding:3rem;text-align:center}.client-empty-state{border:1px solid var(--border-gray);border-radius:.75rem}.client-empty-state-title{color:var(--dark-gray);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.client-empty-state-desc{color:var(--medium-gray);font-size:.875rem;margin:0}.client-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#dc2626;font-size:.875rem;padding:1rem}.client-dashboard{margin:0 auto;max-width:1280px;width:100%}.client-dashboard-inner{display:flex;flex-direction:column;gap:1.5rem}.client-dashboard-error,.client-dashboard-loading{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:1rem;padding:3rem;text-align:center}.client-dashboard-error{background:#fef2f2;border-color:#fecaca;color:#dc2626}.client-dashboard-header{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.client-dashboard-header{align-items:center;flex-direction:row;justify-content:space-between}}.client-dashboard-title{color:var(--dark-gray);font-family:var(--font-heading);font-size:2rem;font-weight:700;margin:0 0 .25rem}@media (min-width:768px){.client-dashboard-title{font-size:2.25rem}}.client-dashboard-subtitle{color:var(--medium-gray);font-size:1rem;margin:0}.client-dashboard-ai-status{align-items:center;color:var(--dark-gray);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.client-dashboard-ai-dot{background:var(--success-green);border-radius:50%;height:8px;width:8px}.client-intelligence-card{background:var(--gradient-ai-red);border-radius:1rem;box-shadow:0 10px 40px #1e40af40;color:#fff;padding:2rem}@media (min-width:768px){.client-intelligence-card{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem 3rem}}.client-intelligence-label{font-size:.75rem;letter-spacing:.1em;margin:0 0 .5rem;opacity:.9;text-transform:uppercase}.client-intelligence-score-row{align-items:baseline;display:flex;gap:1rem;margin-bottom:.5rem}.client-intelligence-score{color:#fff;font-family:var(--font-heading);font-size:4rem;font-weight:700;line-height:1;margin:0}@media (min-width:768px){.client-intelligence-score{font-size:5rem}}.client-intelligence-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:9999px;color:var(--success-green);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.25rem .75rem}.client-intelligence-desc{font-size:1rem;margin:0 0 1rem;opacity:.95}.client-intelligence-chips{display:flex;flex-wrap:wrap;gap:.5rem}.client-chip{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.client-chip-success{background:#10b98133;color:#a7f3d0}.client-chip-ai{background:#1e40af80;color:#fff}.client-intelligence-right{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:.75rem;padding:1.5rem}.client-score-breakdown-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.client-score-breakdown{display:flex;flex-direction:column;gap:.75rem}.client-score-item-header{color:#fff;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.25rem}.client-score-value{color:#fff;font-weight:600}.client-score-bar{background:#fff3;border-radius:9999px;height:8px;overflow:hidden}.client-score-bar-fill{background:#fff;border-radius:9999px;height:100%;transition:width .5s ease}.client-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.client-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.client-stats-grid{gap:1.5rem;grid-template-columns:repeat(4,1fr)}}.client-stat-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:1.5rem;transition:box-shadow .2s}.client-stat-card:hover{box-shadow:0 4px 12px #00000014}.client-stat-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.client-stat-icon{align-items:center;border-radius:.5rem;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.client-stat-icon-blue{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.client-stat-icon-purple{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.client-stat-icon-green{background:linear-gradient(135deg,#10b981,#34d399)}.client-stat-icon-orange{background:linear-gradient(135deg,#f59e0b,#ef4444)}.client-stat-change{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.client-stat-change-up{color:var(--success-green)}.client-stat-label{color:var(--medium-gray);font-size:.875rem;margin:0 0 .25rem}.client-stat-value{color:var(--dark-gray);font-size:1.875rem;font-weight:700;margin:0}.client-quick-actions{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:1.5rem}.client-quick-actions-title{color:var(--dark-gray);font-size:1rem;font-weight:600;margin:0 0 1rem}.client-quick-actions-buttons{display:flex;flex-direction:column;gap:.75rem}@media (min-width:640px){.client-quick-actions-buttons{flex-direction:row}}.client-qabtn{align-items:center;border:2px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1.5rem;transition:all .2s}.client-qabtn-primary{background:var(--gradient-ai-red);border:none;color:#fff}.client-qabtn-primary:hover{opacity:.9}.client-qabtn-secondary{background:#fff;border-color:var(--ai-red);color:var(--ai-red)}.client-qabtn-secondary:hover{background:var(--surface-gray)}.client-qabtn-outline{background:#fff;border-color:var(--border-gray);color:var(--medium-gray)}.client-qabtn-outline:hover{background:var(--surface-gray)}.client-conversations{margin:0 auto;max-width:1200px;max-width:var(--max-width,1200px);padding:0}.client-conversations-header{align-items:center;border-bottom:2px solid var(--border-gray);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md) 0}.client-conversations .header-icon{align-items:center;background:var(--gradient-ai-red);border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.client-conversations-header h1{color:var(--dark-gray);font-family:var(--font-heading);font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.2;margin:0}.client-conversations-header .subtitle{color:var(--medium-gray);font-size:1.1rem;font-weight:var(--font-weight-regular);margin:.5rem 0 0}.conversations-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;position:relative;transition:color .25s ease,border-bottom-color .25s ease,background .25s ease}.tab-button:hover{color:#1f2937}.tab-button.active{border-bottom-color:var(--ai-red);color:var(--ai-red)}.tab-badge{background:var(--ai-red);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.tab-button-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.tab-button-dot-green{background:var(--success-green)}.conversations-summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:1.5rem}.conversation-summary-card{align-items:center;background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;display:flex;gap:1rem;padding:1.25rem}.conversation-summary-icon{color:var(--ai-red);flex-shrink:0}.conversation-summary-icon-green{color:var(--success-green)}.conversation-summary-value{color:var(--dark-gray);display:block;font-size:1.5rem;font-weight:700}.conversation-summary-label{color:var(--medium-gray);font-size:.875rem}.conversations-table-wrapper{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;overflow:hidden}.conversations-table{display:flex;flex-direction:column}.conversations-table-header{background:var(--surface-gray);color:var(--medium-gray);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.conversation-table-row,.conversations-table-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1.5fr 2fr 120px;padding:1rem 1.5rem}.conversation-table-row{align-items:center;border-bottom:1px solid var(--border-gray);cursor:pointer;transition:background .2s}.conversation-table-row:hover{background:var(--surface-gray)}.conversation-table-row:last-child{border-bottom:none}.col-customer{align-items:center;display:flex;gap:.75rem}.conversation-avatar{align-items:center;background:var(--surface-gray);border-radius:50%;color:var(--medium-gray);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:40px;justify-content:center;width:40px}.conversation-customer-info{display:flex;flex-direction:column;gap:.25rem}.conversation-customer-name{color:var(--dark-gray);font-weight:600}.conversation-source{color:var(--medium-gray);font-size:.75rem}.col-status{align-items:center;display:flex;gap:.5rem}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot-green{background:var(--success-green)}.status-dot-orange{background:#f59e0b}.col-message,.col-topic{color:var(--dark-gray);font-size:.875rem}.col-message{color:var(--medium-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-sm{border-radius:.75rem;font-size:.8125rem}@media (max-width:1024px){.conversation-table-row,.conversations-table-header{grid-template-columns:2fr 1fr 120px}.col-message,.col-topic{display:none!important}}@media (max-width:640px){.conversation-table-row,.conversations-table-header{grid-template-columns:1fr 80px}.col-status{display:none!important}}.conversations-filters{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#1f2937;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.conversations-content{margin-bottom:1.5rem}.tab-panel{width:100%}.tab-panel-enter{animation:tabFadeSlide .75s cubic-bezier(.22,.61,.35,1) forwards}@keyframes tabFadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;margin-bottom:1rem;padding:1rem}.loading-state{padding:3rem;text-align:center}.empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.empty-state p{color:#6b7280;font-size:1.1rem}.conversations-list{display:flex;flex-direction:column;gap:1rem}.conversation-card{background:#fff;border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:1.5rem;transition:all .2s}.conversation-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000001a}.conversation-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.conversation-info{flex:1 1}.conversation-title{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.conversation-meta{color:#6b7280;display:flex;font-size:.875rem;gap:1rem}.conversation-status{align-items:center;display:flex;gap:.5rem}.status-badge{border-radius:.375rem;font-size:.75rem}.badge-blue{background:#dbeafe;color:#1e40af}.badge-yellow{background:#fef3c7;color:#92400e}.badge-green{background:#d1fae5;color:#065f46}.badge-orange{background:#fed7aa;color:#9a3412}.badge-gray{background:#f3f4f6;color:#374151}.handover-type-badge{background:#e0e7ff;border-radius:.375rem;color:#3730a3;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.conversation-body{margin-bottom:1rem}.conversation-stats{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:1rem;margin-bottom:.75rem}.lead-badge{background:#fef3c7;border-radius:.25rem;color:#92400e;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.conversation-preview{margin-top:.5rem}.preview-text{color:#4b5563;font-size:.875rem;line-height:1.5;margin:0}.conversation-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-primary,.btn-secondary{border:none;border-radius:.75rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-primary{color:#fff}.btn-primary:hover{background:var(--ai-red-light)}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#1f2937}.btn-secondary:hover{background:#e5e7eb}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;display:inline-block;height:14px;margin-right:.5rem;vertical-align:middle;width:14px}.btn-secondary .spinner-small{border-color:#1f2937 #1f29374d #1f29374d}@media (max-width:768px){.client-conversations{padding:0 1rem}.client-conversations-header{align-items:flex-start;flex-direction:column;gap:1rem}.client-conversations-header h1{font-size:2rem}.conversations-tabs{overflow-x:auto}.conversation-header{gap:1rem}.conversation-actions,.conversation-header{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.client-agent-chat-page{background:#f0f2f5;display:flex;flex-direction:column;height:calc(100vh - 80px);margin:0 auto;max-width:100%}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1rem 1.5rem}.back-button{background:none;border:none;border-radius:.75rem;color:var(--ai-red);cursor:pointer;font-size:1.25rem;padding:.5rem;transition:background .2s}.back-button:hover{background:#7f1d1d1a}.chat-header-info{flex:1 1}.chat-header-info h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.chat-header-meta{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.75rem;margin-top:.25rem}.connection-status{align-items:center;display:flex;gap:.25rem}.watch-badge{background:#fef3c7;color:#92400e}.handled-badge,.watch-badge{border-radius:.25rem;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.handled-badge{background:#dbeafe;color:#1e40af}.closed-badge{background:#e5e7eb;border-radius:.25rem;color:#374151;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.btn-take-control{background:var(--gradient-ai-red);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background .2s}.btn-take-control:hover{background:linear-gradient(135deg,var(--ai-red-light) 0,var(--ai-red-accent) 100%)}.btn-close-conversation{background:var(--ai-red);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background .2s}.btn-close-conversation:hover:not(:disabled){background:#c00}.btn-close-conversation:disabled{background:#ff000059;cursor:not-allowed}.chat-messages{gap:.5rem;padding:1rem}.message-date{color:#6b7280;font-size:.75rem;margin:1rem 0;padding:.5rem;text-align:center}.message{animation:fadeIn .3s;display:flex;margin-bottom:.5rem}.message-sent{justify-content:flex-end}.message-received{justify-content:flex-start}.message-content{border-radius:1rem;max-width:70%;padding:.75rem 1rem;position:relative}.message-sent .message-content{background:#3b82f6;border-bottom-right-radius:.25rem;color:#fff}.message-received .message-content{background:#fff;border-bottom-left-radius:.25rem;box-shadow:0 1px 2px #0000001a;color:#1f2937}.message-content p{line-height:1.5;margin:0 0 .25rem;overflow-wrap:anywhere;word-break:normal}.message-time{display:block;font-size:.625rem;margin-top:.25rem;opacity:.7;text-align:right}.message-received .message-time{color:#6b7280}.chat-input-area{background:#fff;border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.watch-mode-notice{background:#fef3c7;border-radius:.375rem;color:#92400e;font-size:.875rem;padding:1rem;text-align:center}.watch-mode-notice.closed-notice{background:#e5e7eb;color:#374151}.chat-input-form{align-items:center}.chat-input{border:1px solid #d1d5db;border-radius:1.5rem;font-size:.875rem;padding:.75rem 1rem;transition:border-color .2s}.chat-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-input:disabled{background:#f3f4f6}.send-button{background:var(--ai-red);border:none;border-radius:1.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.send-button:hover:not(:disabled){background:#991b1b}.send-button:disabled{background:#7f1d1d59;cursor:not-allowed}.agent-chat-error-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.agent-chat-error-message{color:#dc2626;font-size:1rem;margin:0 0 1rem}.agent-chat-error-actions{display:flex;gap:.75rem}.agent-chat-error-btn{border:none;border-radius:.5rem;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.agent-chat-error-btn-primary{background:var(--gradient-ai-red);color:#fff}.agent-chat-error-btn-primary:hover{opacity:.95}.agent-chat-error-btn-secondary{background:var(--primary-white);border:1px solid var(--border-gray);color:var(--dark-gray)}.agent-chat-error-btn-secondary:hover{background:var(--surface-gray)}.agent-chat-error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;display:flex;font-size:.9375rem;justify-content:space-between;padding:.75rem 1rem}.agent-chat-error-dismiss{background:none;border:none;color:#991b1b;cursor:pointer;font-size:1.25rem;line-height:1;padding:0 .25rem}.agent-chat-error-dismiss:hover{opacity:.8}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.loading-state .spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.loading-messages{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:2rem}.loading-messages .spinner-small{animation:spin .6s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.empty-messages{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:center;padding:3rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.client-agent-chat-page{height:calc(100vh - 60px)}.chat-header{padding:.75rem 1rem}.chat-header-info h2{font-size:1rem}.chat-header-meta{align-items:flex-start;flex-direction:column;gap:.25rem}.message-content{max-width:85%}.chat-input-area{padding:.75rem 1rem}}.client-leads{margin:0 auto;max-width:1400px}.client-loading-inline{color:var(--medium-gray);padding:2rem;text-align:center}.client-leads-header{align-items:center;border-bottom:2px solid var(--border-gray);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md) 0}.client-leads .header-icon{align-items:center;background:var(--gradient-ai-red);border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.client-leads-header h1{color:var(--primary-black);font-family:var(--font-heading);font-size:2rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:.5rem}.client-leads-header p{color:var(--medium-gray);font-size:1rem}.leads-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.leads-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.leads-metric-card{align-items:center;background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;display:flex;gap:1rem;padding:1.25rem}.leads-metric-icon{flex-shrink:0}.leads-metric-icon-blue{color:var(--ai-red)}.leads-metric-icon-purple{color:var(--ai-purple)}.leads-metric-icon-green{color:var(--success-green)}.leads-metric-icon-orange{color:#f59e0b}.leads-metric-value{color:var(--dark-gray);display:block;font-size:1.5rem;font-weight:700}.leads-metric-label{color:var(--medium-gray);font-size:.875rem}.leads-funnel-section{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.leads-funnel-title{color:var(--dark-gray);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.leads-funnel-bars{display:flex;flex-direction:column;gap:1rem}.leads-funnel-stage-header{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.375rem}.leads-funnel-stage-name{color:var(--dark-gray);font-weight:500}.leads-funnel-stage-count{color:var(--medium-gray)}.leads-funnel-bar{background:var(--surface-gray);border-radius:9999px;height:12px;overflow:hidden}.leads-funnel-bar-fill{border-radius:9999px;height:100%;transition:width .5s ease}.stat-box{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:1.5rem;text-align:center;transition:var(--transition-base)}.stat-box:hover{border-color:var(--ai-red);box-shadow:0 4px 12px #00000014}.stat-box h3{color:var(--primary-black);font-size:2rem;font-weight:700;margin:0 0 .5rem}.stat-box p{color:var(--medium-gray);font-size:.9rem;margin:0}.leads-list{display:flex;flex-direction:column;gap:1rem}.lead-card{align-items:flex-start;background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:1.5rem;transition:var(--transition-base)}.lead-card:hover{border-color:var(--ai-red);box-shadow:0 4px 12px #00000014}.lead-info{flex:1 1}.lead-info h3{color:var(--primary-black);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.lead-details{color:var(--medium-gray);display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem;margin-bottom:.5rem}.lead-intent{background:#f0f0f0;border-radius:4px;color:var(--primary-black);display:inline-block;font-size:.85rem;margin-top:.5rem;padding:.25rem .75rem}.status-badge{align-self:flex-start;border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.status-new{background:#d4edda;color:#155724}.status-contacted{background:#fff3cd;color:#856404}.status-converted{background:#d1ecf1;color:#0c5460}@media (max-width:768px){.lead-card{flex-direction:column;gap:1rem}.leads-stats-grid{gap:1rem;grid-template-columns:1fr}.client-leads-header h1{font-size:1.75rem}}@media (max-width:480px){.client-leads-header h1{font-size:1.5rem}.lead-card{padding:1rem}.lead-details{flex-direction:column;gap:.5rem}}.client-knowledge{margin:0 auto;max-width:1400px}.client-knowledge-header{align-items:flex-start;border-bottom:2px solid var(--border-gray);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.header-content{align-items:center;display:flex;gap:1rem}.client-knowledge .header-icon{align-items:center;background:var(--gradient-ai-red);border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.client-knowledge-header h1{color:var(--primary-black);font-family:var(--font-heading);font-size:2rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:.5rem}.client-knowledge-header p{color:var(--medium-gray);font-size:1rem}.knowledge-list{display:flex;flex-direction:column;gap:1rem}.knowledge-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:1.5rem;transition:var(--transition-base)}.knowledge-card:hover{border-color:var(--ai-red);box-shadow:0 4px 12px #00000014}.knowledge-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.knowledge-title-section{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem}.knowledge-header h3{color:var(--primary-black);font-size:1.1rem;font-weight:600;margin:0}.source-badge{background:#f0f0f0;border-radius:12px;color:var(--primary-black);font-size:.8rem;padding:.25rem .75rem}.knowledge-content{color:var(--medium-gray);line-height:1.6;margin-bottom:1rem}.knowledge-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;font-size:.85rem;justify-content:space-between;padding-top:1rem}.embedding-status{font-weight:500}.status-completed{color:#155724}.status-pending{color:#856404}.entry-date{color:var(--medium-gray)}.empty-state{background:var(--primary-white);border-radius:8px;margin:2rem 0;padding:3rem;text-align:center}.empty-state p{color:var(--medium-gray);margin:.5rem 0}.upload-section{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;padding:1.5rem}.upload-form{display:flex;flex-direction:column;gap:1rem}.input-mode-toggle{background:#f8f9fa;border:1px solid var(--border-gray);border-radius:8px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:4px}.mode-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--medium-gray);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;justify-content:center;padding:12px 20px;transition:all .2s ease}.mode-toggle-btn:hover{background:#00000008;color:var(--primary-black)}.mode-toggle-btn.active{background:var(--ai-red);color:var(--primary-white)}.toggle-text{font-weight:600}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-textarea{background:var(--primary-white);border:2px solid var(--border-gray);border-radius:4px;box-sizing:border-box;color:var(--primary-black);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--ai-red);box-shadow:0 0 0 3px #ff00001a;outline:none}.form-textarea{line-height:1.5;min-height:200px}.drop-zone{background:#fafafa;border:2px dashed var(--border-gray);border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.drop-zone.drag-over{background:#fff5f5;border-color:var(--ai-red)}.drop-zone-label{cursor:pointer;display:block;width:100%}.drop-zone-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.drop-zone-icon{color:var(--ai-red);margin-bottom:.5rem}.drop-zone-text{color:var(--primary-black);font-size:1rem;margin:0}.drop-zone-hint{color:var(--medium-gray);font-size:.9rem;margin:0}.selected-files-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.selected-file-item{background:#f8f9fa;border:1px solid var(--border-gray);border-radius:4px;justify-content:space-between;padding:.75rem}.file-info,.selected-file-item{align-items:center;display:flex}.file-info{flex:1 1;gap:.75rem}.file-icon{font-size:1.5rem}.file-details{display:flex;flex-direction:column;gap:.25rem}.file-name{color:var(--primary-black);font-size:.9rem;font-weight:500}.file-size{color:var(--medium-gray);font-size:.8rem}.file-remove-btn{background:none;border:none;color:var(--ai-red);cursor:pointer;font-size:1.5rem;line-height:1;padding:0 .5rem;transition:color .2s}.file-remove-btn:hover{color:#c00}.upload-progress{background:#f8f9fa;border:1px solid var(--border-gray);border-radius:4px;margin:1rem 0;padding:1rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-status{color:var(--medium-gray);font-size:.9rem;font-weight:500;margin:0}.progress-percentage-badge{background:var(--ai-red);border-radius:4px;color:var(--primary-white);font-size:.8rem;font-weight:600;padding:4px 8px}.progress-bar{background:var(--border-gray);height:12px;width:100%}.progress-bar,.progress-fill{border-radius:6px;overflow:hidden;position:relative}.progress-fill{background:var(--gradient-ai-red);height:100%;transition:width .3s ease}.progress-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.form-actions{margin-top:1rem}.alert{border-radius:4px;margin-bottom:1rem;padding:1rem}.alert-error{border:1px solid #fcc}.alert-success{border:1px solid #c6f6d5}.btn{font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-secondary{background:#f0f0f0}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-sm{font-size:.85rem;padding:.375rem .75rem}.btn-danger{background:#dc3545;color:var(--primary-white)}.btn-danger:hover:not(:disabled){background:#c82333}@media (max-width:768px){.client-knowledge-header{flex-direction:column;gap:1rem}.knowledge-header{flex-direction:column;gap:.5rem}.knowledge-title-section{width:100%}.source-badge{align-self:flex-start}.client-knowledge-header h1{font-size:1.75rem}.knowledge-card{padding:1.25rem}.upload-section{padding:1rem}.drop-zone{padding:1.5rem}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media (max-width:480px){.client-knowledge-header h1{font-size:1.5rem}.knowledge-card{padding:1rem}.knowledge-footer{align-items:flex-start;flex-direction:column;gap:.5rem}}.client-chat{display:flex;flex-direction:column;height:calc(100vh - 200px);margin:0 auto;max-width:1400px}.client-chat-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.client-chat-header h1{color:var(--dark-gray);font-family:var(--font-heading);font-size:2rem;font-weight:700;margin-bottom:.5rem}.client-chat-header p{color:var(--medium-gray);font-size:1rem}.chat-container{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;overflow:hidden}.chat-container,.chat-messages{display:flex;flex:1 1;flex-direction:column}.chat-messages{gap:1rem;overflow-y:auto;padding:1.5rem}.chat-welcome{color:var(--medium-gray);flex-direction:column;height:100%;padding:3rem;text-align:center}.chat-welcome,.welcome-icon{align-items:center;display:flex;justify-content:center}.welcome-icon{color:var(--ai-red);height:64px;margin-bottom:1rem;width:64px}.welcome-icon svg{height:100%;width:100%}.chat-welcome h2{color:var(--primary-black);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.chat-welcome p{font-size:1rem;line-height:1.6;max-width:500px}.chat-message{animation:fadeIn .3s ease;display:flex;flex-direction:column;max-width:75%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-items:flex-end;align-self:flex-end}.assistant-message{align-items:flex-start;align-self:flex-start}.message-content{border-radius:18px;display:inline-block;font-size:.95rem;line-height:1.5;max-width:100%;overflow-wrap:anywhere;padding:.875rem 1.25rem;white-space:pre-wrap;word-break:normal}.user-message .message-content{background:var(--ai-red);border-bottom-right-radius:4px;color:var(--primary-white)}.assistant-message .message-content{background:#f0f0f0;border-bottom-left-radius:4px;color:var(--primary-black)}.message-timestamp{color:var(--medium-gray);font-size:.75rem;margin-top:.25rem;padding:0 .5rem}.typing-indicator{display:flex;gap:.5rem;padding:.5rem 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:var(--medium-gray);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-input-form{background:var(--primary-white);border-top:1px solid #e9ecef;display:flex;flex-shrink:0;gap:.75rem;margin-bottom:0;padding:1.25rem 1.25rem 1.5rem}.chat-input{border:2px solid #e9ecef;border-radius:24px;flex:1 1;font-size:.95rem;outline:none;padding:.875rem 1.25rem;transition:border-color .2s ease}.chat-input:focus{border-color:var(--ai-red)}.chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.chat-send-btn{border-radius:24px;font-weight:600;min-width:100px;padding:.875rem 2rem;white-space:nowrap}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.loading-screen{background:var(--primary-white);border-radius:8px;color:var(--medium-gray);margin:2rem 0;padding:3rem;text-align:center}@media (max-height:710px){.client-chat{height:calc(100vh - 150px)}.client-chat-header{margin-bottom:1rem;padding-bottom:1rem}.client-chat-header h1{font-size:1.5rem;margin-bottom:.25rem}.client-chat-header p{font-size:.9rem}.chat-container{min-height:0}.chat-messages{min-height:0;padding:1rem}.chat-input-form{margin-bottom:0;padding:1rem 1rem 1.5rem}}@media (max-width:768px){.client-chat{height:calc(100vh - 150px)}.client-chat-header{align-items:flex-start;flex-direction:column;gap:1rem}.client-chat-header h1{font-size:1.75rem}.chat-messages{padding:1rem}.chat-message{max-width:85%}.chat-input-form{padding:1rem 1rem 1.25rem}.chat-send-btn{min-width:80px;padding:.875rem 1.5rem}}@media (max-width:480px){.client-chat{height:calc(100vh - 120px)}.client-chat-header h1{font-size:1.5rem}.chat-messages{padding:.75rem}.chat-message{max-width:90%}.message-content{font-size:.9rem;padding:.75rem 1rem}.chat-input-form{gap:.5rem;padding:.75rem .75rem 1rem}.chat-input{font-size:.9rem;padding:.75rem 1rem}.chat-send-btn{font-size:.9rem;min-width:70px;padding:.75rem 1.25rem}.chat-welcome{padding:2rem 1rem}.welcome-icon{height:48px;width:48px}.chat-welcome h2{font-size:1.25rem}.chat-welcome p{font-size:.9rem}}.client-settings{margin:0 auto;max-width:1200px;padding:0 var(--spacing-sm)}.client-settings-header{border-bottom:2px solid var(--border-gray);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.client-settings-header h1{color:var(--dark-gray);font-family:var(--font-heading);font-size:2rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:.5rem}.client-settings-header p{color:var(--medium-gray);font-size:1rem}.settings-sections{display:flex;flex-direction:column;gap:var(--spacing-md)}.settings-section{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:var(--spacing-md);transition:var(--transition-base)}.settings-section:hover{box-shadow:var(--shadow-md)}.section-header{align-items:center;border-bottom:2px solid var(--border-gray);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.section-title-with-icon{align-items:center;display:flex;gap:.75rem}.section-title-with-icon svg{color:var(--ai-red);flex-shrink:0}.section-header h2{color:var(--primary-black);font-size:1.5rem;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:0}.info-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-card{align-items:flex-start;background:var(--light-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius-sm);display:flex;gap:1rem;padding:1.25rem;position:relative;transition:var(--transition-base)}.info-card:hover{background:#fafafa;border-color:var(--ai-red);box-shadow:0 2px 8px #0000000f}.info-card.full-width{grid-column:1/-1}.info-icon{align-items:center;background:var(--primary-white);border:2px solid var(--border-gray);border-radius:8px;color:var(--ai-red);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:var(--transition-base);width:40px}.info-card:hover .info-icon{background:var(--ai-red);border-color:var(--ai-red);color:var(--primary-white);transform:scale(1.05)}.info-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.info-content label{color:var(--medium-gray);font-size:.8rem;font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.info-content p{word-wrap:break-word;color:var(--primary-black);font-size:1rem;font-weight:var(--font-weight-medium);line-height:1.5;margin:0}.info-content .text-muted{color:var(--medium-gray);font-style:italic;font-weight:var(--font-weight-regular)}.status-active,.status-inactive{align-items:center;display:flex;font-weight:var(--font-weight-semibold);gap:.5rem}.status-indicator{border-radius:50%;display:inline-block;height:8px;width:8px}.status-active .status-indicator{background:#28a745;box-shadow:0 0 0 3px #28a74533}.status-inactive .status-indicator{background:#dc3545;box-shadow:0 0 0 3px #dc354533}.status-active{color:#28a745}.status-inactive{color:#dc3545}.api-key-display{align-items:center;display:flex;gap:.5rem;word-break:break-all}.api-key-display code{border-radius:var(--border-radius-sm);color:var(--primary-black);display:inline-block;flex:1 1;font-family:Monaco,Menlo,Courier New,monospace;font-size:.85rem;max-width:100%;padding:.75rem 1rem}.api-key-display code,.btn-icon{background:var(--primary-white);border:1px solid var(--border-gray)}.btn-icon{align-items:center;border-radius:var(--border-radius-sm);color:var(--medium-gray);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:var(--transition-base)}.btn-icon:hover{background:var(--ai-red);border-color:var(--ai-red);color:var(--primary-white);transform:scale(1.05)}.edit-form{background:var(--light-gray);border:2px solid var(--border-gray);border-radius:var(--border-radius-sm);gap:1.5rem;padding:1.5rem}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{align-items:center;color:var(--primary-black);display:flex;font-size:.95rem;font-weight:var(--font-weight-semibold)}.form-input,.form-select,.form-textarea{background:var(--primary-white);border:2px solid var(--border-gray);border-radius:var(--border-radius-sm);color:var(--primary-black);font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:var(--transition-base);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ai-red);box-shadow:0 0 0 3px #ff00001a;outline:none}.form-textarea{line-height:1.6;min-height:120px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.form-hint{color:var(--medium-gray);font-size:.85rem;line-height:1.4;margin-top:.25rem}.form-actions{border-top:1px solid var(--border-gray);display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem;padding-top:1rem}.btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:var(--font-weight-semibold);gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:var(--transition-base)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--ai-red);box-shadow:0 2px 8px #f003;color:var(--primary-white)}.btn-primary:hover:not(:disabled){background:#c00;box-shadow:0 4px 12px #ff00004d;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--primary-white);border:2px solid var(--border-gray);color:var(--primary-black)}.btn-secondary:hover:not(:disabled){background:var(--light-gray);border-color:var(--primary-black)}.btn-edit{background:var(--primary-white);border:2px solid var(--ai-red);border-radius:.75rem;color:var(--ai-red);padding:.5rem 1rem}.btn-edit:hover:not(:disabled){background:var(--ai-red);box-shadow:0 2px 8px #f003;color:var(--primary-white);transform:translateY(-1px)}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.alert{align-items:center;animation:slideDown .3s ease;border-radius:var(--border-radius-sm);display:flex;font-weight:var(--font-weight-medium);gap:.75rem;margin-bottom:var(--spacing-sm);padding:1rem 1.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:#fff5f5;border:2px solid #fcc;color:#c00}.alert-success{background:#f0fff4;border:2px solid #c6f6d5;color:#22543d}.empty-state,.error-message,.loading-screen{background:var(--primary-white);border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;padding:3rem;text-align:center}.loading-screen{align-items:center;display:flex;justify-content:center;min-height:400px}.error-message{background:#fee;border:1px solid #fcc;color:#c33}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.client-settings{padding:0 var(--spacing-xs)}.info-grid{grid-template-columns:1fr}.settings-section{padding:var(--spacing-sm)}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.section-header h2{font-size:1.25rem}.client-settings-header h1{font-size:1.75rem}.edit-form{padding:1rem}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.info-card{align-items:flex-start;flex-direction:column}.info-icon{height:36px;width:36px}}@media (max-width:480px){.settings-section{padding:1rem}.client-settings-header{padding-bottom:1rem}.client-settings-header h1{font-size:1.5rem}.section-header h2{font-size:1.125rem}.info-card{padding:1rem}}.client-widget{margin:0 auto;max-width:1280px}.client-widget-inner{display:flex;flex-direction:column;gap:1.5rem}.client-widget-loading{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:1rem;padding:3rem;text-align:center}.client-widget-header{margin-bottom:.5rem}.client-widget-title{color:var(--dark-gray);font-family:var(--font-heading);font-size:2rem;font-weight:700;margin:0 0 .25rem}.client-widget-subtitle{color:var(--medium-gray);font-size:1rem;margin:0}.client-widget-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}@media (min-width:1024px){.client-widget-grid{grid-template-columns:1fr 2fr}}@media (max-width:768px){.client-widget{padding:0}.client-widget-title{font-size:1.5rem}.client-widget-embed pre{font-size:.65rem;padding:.75rem}.client-widget-mode-toggle{grid-template-columns:1fr}}.client-widget-settings{display:flex;flex-direction:column;gap:1.5rem}.client-widget-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:1.5rem}.client-widget-card-title{align-items:center;color:var(--dark-gray);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.client-widget-card-title svg{color:var(--ai-red)}.client-widget-mode-toggle{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.client-widget-mode-btn{align-items:center;background:var(--surface-gray);border:2px solid #0000;border-radius:.5rem;color:var(--medium-gray);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s}.client-widget-mode-btn:hover{background:var(--border-gray)}.client-widget-mode-btn.active{background:var(--gradient-ai-red);border-color:#0000;color:#fff}.client-widget-embed{position:relative}.client-widget-embed pre{background:var(--surface-gray);border:1px solid var(--border-gray);border-radius:.5rem;font-size:.75rem;margin:0 0 .75rem;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-all}.client-widget-copy-btn{align-items:center;background:var(--gradient-ai-red);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:opacity .2s;width:100%}.client-widget-copy-btn:hover{opacity:.9}.client-widget-settings-form{display:flex;flex-direction:column;gap:1rem}.client-widget-setting label{color:var(--dark-gray);display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.client-widget-setting select,.client-widget-setting textarea{border:1px solid var(--border-gray);border-radius:.5rem;font-size:.875rem;padding:.5rem .75rem;width:100%}.client-widget-color-input{align-items:center;display:flex;gap:.5rem}.client-widget-color-input input[type=color]{border:1px solid var(--border-gray);border-radius:.5rem;cursor:pointer;height:40px;padding:2px;width:40px}.client-widget-color-input input[type=text]{border:1px solid var(--border-gray);border-radius:.5rem;flex:1 1;font-size:.875rem;padding:.5rem .75rem}.client-widget-avatar-toggle{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.client-widget-avatar-toggle button{background:var(--surface-gray);border:2px solid #0000;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.client-widget-avatar-toggle button.active{background:var(--ai-red);border-color:var(--ai-red);color:#fff}.client-widget-preview{display:flex;flex-direction:column;gap:1rem;min-height:400px}.client-widget-preview-card{align-items:center;display:flex;justify-content:space-between}.client-widget-preview-card-title{align-items:center;color:var(--dark-gray);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.client-widget-preview-card-title svg{color:var(--ai-red)}.client-widget-active-badge{align-items:center;color:var(--success-green);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.client-widget-active-dot{background:var(--success-green);border-radius:50%;height:8px;width:8px}.client-widget-preview-placeholder{padding:2rem}.client-widget-preview-line{background:var(--border-gray);border-radius:4px;height:12px;margin-bottom:.75rem;max-width:80%}.client-widget-preview-line-short{max-width:50%}.client-widget-preview-blocks{display:flex;gap:1rem;margin-top:1.5rem}.client-widget-preview-block{background:var(--border-gray);border-radius:8px;height:60px;width:80px}.client-widget-preview-frame{position:relative}.client-widget-chat-button{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:absolute;width:56px}.client-widget-try-info{align-items:flex-start;background:#3b82f614;border:1px solid #3b82f633;border-radius:.5rem;display:flex;gap:.75rem;padding:1rem}.client-widget-try-info svg{color:var(--ai-red);flex-shrink:0}.client-widget-try-info p{color:var(--dark-gray);font-size:.875rem;margin:0}.client-widget-preview-frame{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;min-height:400px;overflow:hidden}.client-widget-preview-frame.desktop{aspect-ratio:16/10}.client-widget-preview-frame.mobile{aspect-ratio:9/16;max-width:375px}.client-widget-preview-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:2rem;text-align:center}.client-widget-preview-text{color:var(--dark-gray);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.client-widget-preview-hint{color:var(--medium-gray);font-size:.875rem;margin:0 0 1rem}.client-widget-test-link{color:var(--ai-red);font-weight:600;text-decoration:none}.client-widget-test-link:hover{text-decoration:underline}
/*# sourceMappingURL=main.e32f5a9c.css.map*/