@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--color-primary:#2e5e4e;--color-primary-light:#4a7d6a;--color-primary-lighter:#7daf9b;--color-primary-dark:#1f4538;--color-primary-darker:#153026;--color-secondary:#6b8fa5;--color-secondary-light:#92b3c6;--color-secondary-dark:#4e7389;--color-success:#3d7a5c;--color-success-light:#7daf9b;--color-success-dark:#2e5e4e;--color-danger:#b85c5c;--color-danger-light:#d9a3a3;--color-danger-dark:#8e4444;--color-warning:#c4965a;--color-warning-light:#debb8a;--color-warning-dark:#9e7640;--color-info:#6b8fa5;--color-info-light:#92b3c6;--color-info-dark:#4e7389;--color-neutral-50:#f5f7f6;--color-neutral-100:#e8eceb;--color-neutral-200:#d5dcda;--color-neutral-300:#b8c3c0;--color-neutral-400:#8d9b97;--color-neutral-500:#657370;--color-neutral-600:#4a5553;--color-neutral-700:#343d3b;--color-neutral-800:#222928;--color-neutral-900:#141918;--color-bg:var(--color-neutral-50);--color-bg-secondary:#fff;--color-bg-tertiary:var(--color-neutral-100);--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-600);--color-text-tertiary:var(--color-neutral-500);--color-text-inverse:#fff;--color-border:var(--color-neutral-200);--color-border-light:var(--color-neutral-100);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"Monaco","Menlo","Ubuntu Mono",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-loose:0.04em;--spacing-base:4px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms cubic-bezier(0.4,0,1,1);--transition-normal:200ms cubic-bezier(0.4,0,1,1);--transition-slow:300ms cubic-bezier(0.4,0,1,1);--transition-colors:color var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal),fill var(--transition-normal),stroke var(--transition-normal);--transition-transform:transform var(--transition-normal);--transition-all:all var(--transition-normal);--z-hide:-1;--z-auto:auto;--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}@media (prefers-color-scheme:dark){:root{--color-bg:var(--color-neutral-900);--color-bg-secondary:var(--color-neutral-800);--color-bg-tertiary:var(--color-neutral-700);--color-text-primary:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-300);--color-text-tertiary:var(--color-neutral-400);--color-border:var(--color-neutral-700);--color-border-light:var(--color-neutral-800)}}*{box-sizing:border-box}*,:after,:before{border:0;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0;padding:0;transition:var(--transition-colors)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}p{margin:0}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-primary-light)}a:active{color:var(--color-primary-dark)}button{background:none;border:none;cursor:pointer;font-family:var(--font-sans)}input,select,textarea{color:inherit;font-family:var(--font-sans);font-size:var(--font-size-base)}img,svg{display:block;height:auto;max-width:100%}h1{font-size:var(--font-size-5xl)}h1,h2{font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h3,h4{font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h5,h6{font-weight:var(--font-weight-semibold)}h6{font-size:var(--font-size-lg)}small{font-size:var(--font-size-xs)}code{border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}code,pre{background-color:var(--color-neutral-100)}pre{border-radius:var(--radius-lg);overflow-x:auto;padding:var(--spacing-md)}pre code{background:none;border-radius:0;padding:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background-color:var(--color-bg)}::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300);border:2px solid var(--color-bg);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-neutral-400)}*{scrollbar-color:var(--color-neutral-300) var(--color-bg);scrollbar-width:thin}::selection{background-color:var(--color-primary);color:#fff}::-moz-selection{background-color:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-start{align-items:flex-start;display:flex;justify-content:flex-start}.flex-end{align-items:flex-end;display:flex;justify-content:flex-end}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-cols-xs{gap:var(--spacing-xs)}.gap-cols-sm{gap:var(--spacing-sm)}.gap-cols-md{gap:var(--spacing-md)}.gap-cols-lg{gap:var(--spacing-lg)}.gap-cols-xl{gap:var(--spacing-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-danger{background-color:var(--color-danger)}.bg-warning{background-color:var(--color-warning)}.bg-info{background-color:var(--color-info)}.bg-white{background-color:#fff}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-md{padding-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.py-lg{padding-bottom:var(--spacing-lg);padding-top:var(--spacing-lg)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-md{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.my-lg{margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-lg{max-width:800px}.max-w-xl{max-width:1024px}.border{border:1px solid var(--color-border)}.border-top{border-top:1px solid var(--color-border)}.border-bottom{border-bottom:1px solid var(--color-border)}.border-none{border:none}.opacity-50{opacity:.5}.opacity-75{opacity:.75}@media (max-width:640px){.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}.hidden-sm{display:none}}@media (max-width:768px){.hidden-md{display:none}}@media (max-width:1024px){.hidden-lg{display:none}}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{max-width:100%!important}@page{margin:.5cm}h1,h2,h3{page-break-after:avoid}p{orphans:3;widows:3}}.landing-page{background-color:#fff;color:var(--color-neutral-900);min-height:100vh}.landing-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.landing-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid var(--color-neutral-100);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.landing-nav .landing-container{align-items:center;display:flex;height:72px;justify-content:space-between}.nav-logo{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.nav-links{align-items:center;display:flex;gap:var(--spacing-xl)}.nav-link{background:none;border:none;color:var(--color-neutral-600);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:0;transition:color var(--transition-normal)}.nav-link:hover{color:var(--color-primary)}.nav-cta{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.nav-cta:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.nav-mobile-toggle{background:none;border:none;color:var(--color-neutral-700);cursor:pointer;display:none;padding:var(--spacing-xs)}.landing-hero{background:linear-gradient(180deg,var(--color-neutral-50) 0,#fff 100%);padding:var(--spacing-3xl) 0}.hero-content{grid-gap:var(--spacing-3xl);align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr}.hero-text{max-width:560px}.hero-badge{align-items:center;background:var(--color-primary-lighter);background:#4f46e51a;color:var(--color-primary-dark);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-md)}.hero-badge,.hero-badge-dot{border-radius:var(--radius-full)}.hero-badge-dot{background:var(--color-success);height:6px;width:6px}.hero-title{color:var(--color-neutral-900);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}.hero-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--color-neutral-500);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl)}.hero-ctas{align-items:center;display:flex;gap:var(--spacing-md)}.btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:14px var(--spacing-lg);transition:all var(--transition-normal)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 8px 24px #4f46e559;transform:translateY(-2px)}.btn-outline{align-items:center;background:#0000;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);color:var(--color-neutral-700);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:14px var(--spacing-lg);transition:all var(--transition-normal)}.btn-outline:hover{background:#4f46e50a;border-color:var(--color-primary);color:var(--color-primary)}.hero-mockup{position:relative}.demo-widget{background:#fff;border:1px solid var(--color-neutral-100);border-radius:16px;box-shadow:0 8px 40px #0000001f,0 2px 8px #0000000f;margin:0 auto;max-width:400px;overflow:hidden;width:100%}.demo-widget-header{align-items:center;background:var(--color-primary);color:#fff;display:flex;gap:12px;padding:16px 20px}.demo-widget-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.demo-widget-title{font-size:14px;font-weight:600}.demo-widget-status{align-items:center;display:flex;font-size:11px;gap:6px;opacity:.85}.demo-status-dot{background:#4ade80;border-radius:50%;height:6px;width:6px}.demo-widget-messages{background:#f8faf9;gap:12px;height:320px;overflow-y:auto;padding:16px;scroll-behavior:smooth}.demo-msg,.demo-widget-messages{display:flex;flex-direction:column}.demo-msg{animation:demoFadeIn .4s ease-out forwards;opacity:0}@keyframes demoFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.demo-msg-visitor{align-items:flex-end}.demo-msg-ai{align-items:flex-start}.demo-msg-bubble{border-radius:14px;font-size:13px;line-height:1.5;max-width:85%;padding:10px 14px}.demo-msg-visitor .demo-msg-bubble{background:var(--color-primary);border-bottom-right-radius:4px;color:#fff}.demo-msg-ai .demo-msg-bubble{background:#fff;border:1px solid var(--color-neutral-200);border-bottom-left-radius:4px;color:var(--color-neutral-800)}.demo-msg-tag{align-items:center;align-self:flex-start;background:#2e5e4e1a;background:var(--color-primary-lighter,#2e5e4e1a);border-radius:8px;color:var(--color-primary);display:inline-flex;font-size:10px;font-weight:600;margin-top:4px;padding:2px 8px}.demo-typing{align-items:center;display:flex;gap:4px;padding:12px 18px}.demo-typing span{animation:demoBounce 1.2s infinite;background:var(--color-neutral-400);border-radius:50%;height:6px;width:6px}.demo-typing span:nth-child(2){animation-delay:.15s}.demo-typing span:nth-child(3){animation-delay:.3s}@keyframes demoBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.demo-widget-input{background:#fff;font-size:13px;padding:14px 20px}.demo-label,.demo-widget-input{border-top:1px solid var(--color-neutral-100);color:var(--color-neutral-400)}.demo-label{background:var(--color-neutral-50);font-size:11px;font-weight:500;padding:10px;text-align:center}.landing-trusted{border-bottom:1px solid var(--color-neutral-100);padding:var(--spacing-2xl) 0}.trusted-content{text-align:center}.trusted-label{color:var(--color-neutral-400);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-loose);margin-bottom:var(--spacing-lg);text-transform:uppercase}.trusted-logos{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2xl);justify-content:center}.trusted-logo{color:var(--color-neutral-300);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);white-space:nowrap}.landing-features{padding:96px 0}.section-header{margin:0 auto var(--spacing-3xl);max-width:640px;text-align:center}.section-label{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-loose);margin-bottom:var(--spacing-sm);text-transform:uppercase}.section-title{color:var(--color-neutral-900);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-md)}.section-subtitle{color:var(--color-neutral-500);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.features-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}.feature-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--color-primary-lighter);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{align-items:center;background:#4f46e51a;border-radius:var(--radius-lg);color:var(--color-primary);display:flex;height:48px;justify-content:center;margin-bottom:var(--spacing-md);width:48px}.feature-card:nth-child(2) .feature-icon{background:#10b9811a;color:var(--color-success)}.feature-card:nth-child(3) .feature-icon{background:#7c3aed1a;color:var(--color-secondary)}.feature-title{color:var(--color-neutral-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.feature-desc{color:var(--color-neutral-500);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{align-items:center;color:var(--color-neutral-600);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.feature-check{color:var(--color-success);flex-shrink:0;height:16px;width:16px}.landing-how-it-works{background:var(--color-neutral-50);padding:96px 0}.steps-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);position:relative}.steps-grid:before{background:linear-gradient(90deg,var(--color-primary-lighter),var(--color-primary),var(--color-primary-lighter));content:"";height:2px;left:calc(16.67% + 24px);position:absolute;right:calc(16.67% + 24px);top:40px;z-index:0}.step-card{position:relative;text-align:center;z-index:1}.step-number{align-items:center;background:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.step-title{color:var(--color-neutral-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.step-desc{color:var(--color-neutral-500);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 auto;max-width:280px}.landing-pricing{padding:96px 0}.pricing-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.pricing-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-xl);position:relative;transition:all var(--transition-normal)}.pricing-card.popular,.pricing-card:hover{box-shadow:var(--shadow-lg)}.pricing-card.popular{border:2px solid var(--color-primary)}.popular-badge{background:var(--color-primary);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);left:50%;padding:6px var(--spacing-md);position:absolute;top:-14px;transform:translateX(-50%);white-space:nowrap}.popular-badge,.pricing-name{font-weight:var(--font-weight-semibold)}.pricing-name{color:var(--color-neutral-900);font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.pricing-desc{color:var(--color-neutral-500);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.pricing-amount{align-items:baseline;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.pricing-dollar{color:var(--color-neutral-900);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:1}.pricing-period{color:var(--color-neutral-400);font-size:var(--font-size-base)}.pricing-conversations{border-bottom:1px solid var(--color-neutral-200);color:var(--color-neutral-500);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.pricing-features{list-style:none;margin:0 0 var(--spacing-xl);padding:0}.pricing-features li{align-items:center;color:var(--color-neutral-600);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.pricing-features .check-icon{color:var(--color-success);flex-shrink:0;height:16px;width:16px}.pricing-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:14px;text-align:center;transition:all var(--transition-normal);width:100%}.pricing-btn-primary{background:var(--color-primary);color:#fff}.pricing-btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 8px 24px #4f46e559;transform:translateY(-2px)}.pricing-btn-outline{background:#fff;border:1px solid var(--color-primary);color:var(--color-primary)}.pricing-btn-outline:hover{background:#4f46e50a;transform:translateY(-2px)}.landing-cta{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 50%,var(--color-secondary) 100%);padding:96px 0}.cta-content{margin:0 auto;max-width:600px;text-align:center}.cta-title{color:#fff;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.cta-subtitle{color:#fffc;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl)}.cta-form{display:flex;gap:var(--spacing-sm);margin:0 auto;max-width:440px}.cta-input{background:#fffffff2;border:none;border-radius:var(--radius-md);color:var(--color-neutral-900);flex:1 1;font-size:var(--font-size-base);outline:none;padding:14px var(--spacing-md)}.cta-input::placeholder{color:var(--color-neutral-400)}.cta-input:focus{box-shadow:0 0 0 3px #ffffff4d}.cta-submit{background:var(--color-neutral-900);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:14px var(--spacing-lg);transition:all var(--transition-normal);white-space:nowrap}.cta-submit:hover{background:var(--color-neutral-800);transform:translateY(-1px)}.landing-footer{background:#fff;border-top:1px solid var(--color-neutral-200);padding:var(--spacing-2xl) 0}.footer-content{align-items:center;display:flex;justify-content:space-between}.footer-brand{color:var(--color-neutral-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.footer-copy{color:var(--color-neutral-400);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-link{background:none;border:none;color:var(--color-neutral-500);cursor:pointer;font-size:var(--font-size-sm);padding:0;transition:color var(--transition-normal)}.footer-link:hover{color:var(--color-primary)}@media (max-width:1024px){.hero-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.hero-text{max-width:100%;text-align:center}.hero-ctas{justify-content:center}.hero-mockup{margin:0 auto;max-width:500px}.features-grid,.steps-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:480px}.steps-grid:before{display:none}.pricing-grid{grid-template-columns:1fr;max-width:440px}}@media (max-width:768px){.landing-container{padding:0 var(--spacing-md)}.nav-links{display:none}.nav-links.open{background:#fff;border-bottom:1px solid var(--color-neutral-200);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-md);left:0;padding:var(--spacing-md);position:absolute;right:0;top:72px}.nav-mobile-toggle{display:block}.hero-title{font-size:var(--font-size-4xl)}.hero-ctas{align-items:stretch;flex-direction:column}.btn-outline,.btn-primary{justify-content:center}.section-title{font-size:var(--font-size-3xl)}.landing-cta,.landing-features,.landing-hero,.landing-how-it-works,.landing-pricing{padding:var(--spacing-3xl) 0}.cta-form,.footer-content{flex-direction:column}.footer-content{gap:var(--spacing-md);text-align:center}.trusted-logos{gap:var(--spacing-lg)}}.login-page{display:flex;min-height:100vh}.login-brand-panel{align-items:center;background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 50%,var(--color-secondary) 100%);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:var(--spacing-2xl);position:relative}.login-brand-panel:before{background:radial-gradient(circle,#ffffff0d 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.login-brand-content{color:#fff;max-width:480px;position:relative;z-index:1}.login-brand-logo{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.login-brand-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.login-brand-tagline{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.login-brand-subtitle{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-2xl);opacity:.8}.login-brand-illustration,.login-form-panel{display:flex;justify-content:center}.login-form-panel{align-items:center;background:var(--color-bg-secondary);flex:1 1;padding:var(--spacing-2xl)}.login-form-wrapper{max-width:420px;width:100%}.login-form-header{margin-bottom:var(--spacing-xl)}.login-form-header h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.login-form-header p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.login-error{align-items:center;background:var(--color-danger-light);border-radius:var(--radius-md);color:var(--color-danger-dark);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-field label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.login-field-header{align-items:center;display:flex;justify-content:space-between}.login-forgot{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-fast)}.login-forgot:hover{color:var(--color-primary-dark)}.login-field input{background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.login-field input::placeholder{color:var(--color-neutral-400)}.login-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.login-submit{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);height:44px;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);transition:background-color var(--transition-fast),transform var(--transition-fast);width:100%}.login-submit:hover:not(:disabled){background:var(--color-primary-dark)}.login-submit:active:not(:disabled){transform:scale(.98)}.login-submit:disabled{cursor:not-allowed;opacity:.7}.login-spinner{animation:login-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes login-spin{to{transform:rotate(1turn)}}.login-switch{border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);text-align:center}.login-switch a{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-fast)}.login-switch a:hover{color:var(--color-primary-dark)}@media (max-width:768px){.login-brand-panel{display:none}.login-form-panel{padding:var(--spacing-lg)}.login-form-wrapper{max-width:100%}.login-form-header h2{font-size:var(--font-size-2xl)}}.register-page{display:flex;min-height:100vh}.register-brand-panel{align-items:center;background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 50%,var(--color-secondary) 100%);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:var(--spacing-2xl);position:relative}.register-brand-panel:before{background:radial-gradient(circle,#ffffff0d 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.register-brand-content{color:#fff;max-width:480px;position:relative;z-index:1}.register-brand-logo{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.register-brand-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.register-brand-tagline{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.register-brand-subtitle{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-2xl);opacity:.8}.register-brand-illustration,.register-form-panel{display:flex;justify-content:center}.register-form-panel{align-items:center;background:var(--color-bg-secondary);flex:1 1;overflow-y:auto;padding:var(--spacing-2xl)}.register-form-wrapper{max-width:480px;width:100%}.register-form-header{margin-bottom:var(--spacing-xl)}.register-form-header h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.register-form-header p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.register-error{align-items:center;background:var(--color-danger-light);border-radius:var(--radius-md);color:var(--color-danger-dark);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.register-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.register-field-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.register-field label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.register-field input,.register-field select{background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.register-field input::placeholder{color:var(--color-neutral-400)}.register-field input:focus,.register-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.register-submit{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);height:44px;justify-content:center;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:background-color var(--transition-fast),transform var(--transition-fast);width:100%}.register-submit:hover:not(:disabled){background:var(--color-primary-dark)}.register-submit:active:not(:disabled){transform:scale(.98)}.register-submit:disabled{cursor:not-allowed;opacity:.7}.register-spinner{animation:register-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes register-spin{to{transform:rotate(1turn)}}.register-switch{border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);text-align:center}.register-switch a{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-fast)}.register-switch a:hover{color:var(--color-primary-dark)}.register-success{padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.register-success-icon{color:var(--color-success);margin-bottom:var(--spacing-lg)}.register-success h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.register-success p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}@media (max-width:768px){.register-brand-panel{display:none}.register-form-panel{padding:var(--spacing-lg)}.register-form-wrapper{max-width:100%}.register-form-header h2{font-size:var(--font-size-2xl)}.register-field-row{grid-template-columns:1fr}}.appointments-container{margin:0 auto;max-width:1400px;padding:20px}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--color-primary);height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-banner{background:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;margin-bottom:20px;padding:15px}.appointments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.appointments-header h2{color:#1a202c;font-size:28px;margin:0}.refresh-btn{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s}.refresh-btn:hover{background:#5568d3;transform:translateY(-2px)}.appointments-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-box{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:25px;text-align:center}.stat-number{display:block;font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{display:block;font-size:14px;letter-spacing:1px;opacity:.9;text-transform:uppercase}.empty-state{background:#f9fafb;border-radius:12px;margin-top:40px;padding:80px 20px;text-align:center}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#1a202c;font-size:24px;margin-bottom:10px}.empty-state p{color:#718096;font-size:16px}.appointments-section{margin-bottom:50px}.section-title{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:20px;margin-bottom:20px;padding-bottom:10px}.appointments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.appointment-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .3s}.appointment-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.appointment-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.appointment-date{align-items:center;background:var(--color-primary);border-radius:8px;color:#fff;display:flex;flex-direction:column;min-width:70px;padding:10px 15px}.date-day{font-size:24px;font-weight:700;line-height:1}.date-month{letter-spacing:1px;margin-top:5px}.date-month,.status-badge{font-size:12px;text-transform:uppercase}.status-badge{border-radius:20px;font-weight:600;letter-spacing:.5px;padding:6px 12px}.status-confirmed{background:#d4edda;color:#155724}.status-cancelled{background:#f8d7da;color:#721c24}.status-completed{background:#d1ecf1;color:#0c5460}.status-pending{background:#fff3cd;color:#856404}.appointment-body{margin-bottom:15px}.appointment-body h4{color:#1a202c;font-size:18px;margin-bottom:10px}.appointment-details p{color:#4a5568;font-size:14px;margin:6px 0}.appointment-details .notes{background:#f7fafc;border-radius:6px;color:#2d3748;font-style:italic;margin-top:10px;padding:10px}.appointment-actions{display:flex;gap:10px;margin-top:15px}.btn-cancel,.btn-view{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .3s}.btn-view{background:#edf2f7;color:#2d3748}.btn-view:hover{background:#e2e8f0}.btn-cancel{background:#feb2b2;color:#742a2a}.btn-cancel:hover{background:#fc8181}.appointments-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.appointment-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px;transition:background .2s}.appointment-row:last-child{border-bottom:none}.appointment-row:hover{background:#f7fafc}.appointment-info{display:flex;flex-direction:column;gap:5px}.appointment-name{color:#2d3748;font-size:16px;font-weight:600}.appointment-datetime{color:#718096;font-size:14px}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:25px}.modal-header h3{color:#1a202c;font-size:22px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#f7fafc;color:#2d3748}.modal-body{padding:25px}.detail-row{align-items:start;border-bottom:1px solid #f7fafc;display:flex;justify-content:space-between;padding:15px 0}.detail-row:last-child{border-bottom:none}.detail-row strong{color:#4a5568;font-weight:600;min-width:120px}.detail-row span{color:#2d3748;flex:1 1;text-align:right}@media (max-width:768px){.appointments-grid,.appointments-stats{grid-template-columns:1fr}.modal-content{margin:20px}.detail-row{align-items:start;flex-direction:column;gap:8px}.detail-row span{text-align:left}}.dash-layout{background:var(--color-neutral-50);display:flex;min-height:100vh}.dash-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:var(--z-modal-backdrop)}.dash-sidebar{background:var(--color-neutral-900);color:var(--color-neutral-200);display:flex;flex-direction:column;height:100vh;min-width:260px;position:-webkit-sticky;position:sticky;top:0;width:260px;z-index:var(--z-fixed)}.dash-sidebar__header{border-bottom:1px solid var(--color-neutral-700);padding:var(--spacing-lg) var(--spacing-md)}.dash-sidebar__logo{align-items:center;display:flex;gap:var(--spacing-sm)}.dash-sidebar__logo svg{flex-shrink:0}.dash-sidebar__brand{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.3}.dash-sidebar__business{color:var(--color-neutral-400);font-size:var(--font-size-xs);margin-top:var(--spacing-sm);padding-left:36px}.dash-sidebar__nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:var(--spacing-md) var(--spacing-sm)}.dash-sidebar__link{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-neutral-300);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.dash-sidebar__link:hover{background:var(--color-neutral-800);color:#fff}.dash-sidebar__link--active{background:var(--color-primary);color:#fff}.dash-sidebar__link--active:hover{background:var(--color-primary-dark)}.dash-sidebar__icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.dash-sidebar__icon svg{display:inline}.dash-sidebar__logout{align-items:center;border-radius:var(--radius-md);border-top:1px solid var(--color-neutral-700);color:var(--color-neutral-400);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);margin:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-fast)}.dash-sidebar__logout:hover{background:#ef44441a;color:var(--color-danger)}.dash-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.dash-topbar{align-items:center;background:#fff;border-bottom:1px solid var(--color-neutral-200);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.dash-topbar__left{align-items:center;display:flex;gap:var(--spacing-md)}.dash-topbar__hamburger{border-radius:var(--radius-md);color:var(--color-neutral-600);cursor:pointer;display:none;padding:var(--spacing-xs)}.dash-topbar__hamburger:hover{background:var(--color-neutral-100)}.dash-topbar__title{color:var(--color-neutral-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.dash-topbar__right{align-items:center;display:flex;gap:var(--spacing-sm)}.dash-topbar__refresh{align-items:center;background:var(--color-neutral-100);border-radius:var(--radius-md);color:var(--color-neutral-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.dash-topbar__refresh:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.dash-topbar__refresh:disabled{cursor:not-allowed;opacity:.6}.dash-topbar__refresh svg.spin{animation:dash-spin 1s linear infinite}@keyframes dash-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dash-content{flex:1 1;max-width:1400px;padding:var(--spacing-xl);width:100%}.dash-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl)}.dash-stat-card{align-items:flex-start;background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.dash-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-stat-card__icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.dash-stat-card__icon--primary{background:#4f46e51a;color:var(--color-primary)}.dash-stat-card__icon--success{background:#10b9811a;color:var(--color-success)}.dash-stat-card__icon--warning{background:#f59e0b1a;color:var(--color-warning)}.dash-stat-card__icon--secondary{background:#7c3aed1a;color:var(--color-secondary)}.dash-stat-card__body{display:flex;flex:1 1;flex-direction:column}.dash-stat-card__number{color:var(--color-neutral-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1}.dash-stat-card__label{color:var(--color-neutral-500);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.dash-stat-card__trend{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px var(--spacing-sm);position:absolute;right:var(--spacing-md);top:var(--spacing-md)}.dash-stat-card__trend--up{background:#10b9811a;color:var(--color-success-dark)}.dash-stat-card__trend--down{background:#ef44441a;color:var(--color-danger)}.dash-stat-card__trend--neutral{background:var(--color-neutral-100);color:var(--color-neutral-400)}.dash-activity{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.dash-activity__title{color:var(--color-neutral-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.dash-activity__empty{color:var(--color-neutral-400);font-size:var(--font-size-sm);padding:var(--spacing-xl) 0;text-align:center}.dash-activity__item{align-items:center;border-bottom:1px solid var(--color-neutral-100);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);transition:background var(--transition-fast)}.dash-activity__item:last-child{border-bottom:none}.dash-activity__item:hover{background:var(--color-neutral-50)}.dash-activity__avatar{align-items:center;background:var(--color-neutral-100);border-radius:var(--radius-full);color:var(--color-neutral-500);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.dash-activity__info{flex:1 1;min-width:0}.dash-activity__name{color:var(--color-neutral-800);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dash-activity__meta{display:block}.dash-activity__date,.dash-activity__meta{color:var(--color-neutral-400);font-size:var(--font-size-xs)}.dash-activity__date{flex-shrink:0}.dash-empty{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.dash-empty svg{margin:0 auto var(--spacing-md)}.dash-empty h3{color:var(--color-neutral-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.dash-empty p{color:var(--color-neutral-400);font-size:var(--font-size-sm)}.dash-convo-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.dash-convo-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--spacing-md);transition:all var(--transition-normal)}.dash-convo-card:hover{border-color:var(--color-primary-lighter);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-convo-card__top{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.dash-convo-card__channel{background:var(--color-primary);border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:2px var(--spacing-sm);text-transform:uppercase}.dash-convo-card__date{color:var(--color-neutral-400);font-size:var(--font-size-xs)}.dash-convo-card__body h4{color:var(--color-neutral-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.dash-convo-card__contact{align-items:center;color:var(--color-neutral-500);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-bottom:2px}.dash-convo-card__contact svg{display:inline;flex-shrink:0}.dash-convo-card__footer{align-items:center;border-top:1px solid var(--color-neutral-100);display:flex;justify-content:space-between;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.dash-convo-card__msgs{color:var(--color-neutral-400);font-size:var(--font-size-xs)}.dash-score{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px var(--spacing-sm)}.dash-score--high{background:#10b98126;color:var(--color-success-dark)}.dash-score--mid{background:#f59e0b26;color:var(--color-warning-dark)}.dash-score--low{background:#ef44441a;color:var(--color-danger)}.dash-detail__back{align-items:center;background:var(--color-neutral-100);border-radius:var(--radius-md);color:var(--color-neutral-600);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.dash-detail__back:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.dash-detail__header{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.dash-detail__lead h2{color:var(--color-neutral-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.dash-detail__contact-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.dash-detail__contact-row span{align-items:center;color:var(--color-neutral-600);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.dash-detail__contact-row svg{display:inline}.dash-messages{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:720px}.dash-msg{display:flex}.dash-msg--user{justify-content:flex-end}.dash-msg--bot{justify-content:flex-start}.dash-msg__bubble{border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-normal);max-width:70%;padding:var(--spacing-sm) var(--spacing-md)}.dash-msg--user .dash-msg__bubble{background:var(--color-primary);border-bottom-right-radius:var(--radius-sm);color:#fff}.dash-msg--bot .dash-msg__bubble{background:var(--color-neutral-100);border-bottom-left-radius:var(--radius-sm);color:var(--color-neutral-800)}.dash-msg__bubble p{margin:0}.dash-msg__time{display:block;font-size:11px;margin-top:var(--spacing-xs);opacity:.7}.dash-table-wrap{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.dash-table{border-collapse:collapse;width:100%}.dash-table th{background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);color:var(--color-neutral-500);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.dash-table th svg{display:inline;margin-left:4px;opacity:.4;vertical-align:middle}.dash-table td{border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.dash-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.dash-table tbody tr:hover{background:var(--color-neutral-50)}.dash-table tbody tr:last-child td{border-bottom:none}.dash-embed{max-width:800px}.dash-embed__intro{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.dash-embed__intro h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.dash-embed__intro p{font-size:var(--font-size-sm);opacity:.9}.dash-embed__code-box{background:var(--color-neutral-900);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.dash-embed__code-header{align-items:center;background:var(--color-neutral-800);border-bottom:1px solid var(--color-neutral-700);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.dash-embed__code-header span{color:var(--color-neutral-400);font-size:var(--font-size-sm)}.dash-embed__copy{align-items:center;background:var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.dash-embed__copy:hover{background:var(--color-primary-dark)}.dash-embed__copy svg{display:inline}.dash-embed__code{background:#0000;color:var(--color-neutral-200);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.7;margin:0;overflow-x:auto;padding:var(--spacing-md);white-space:pre-wrap;word-break:break-all}.dash-embed__instructions{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.dash-embed__instructions h4{color:var(--color-neutral-800);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.dash-embed__instructions h4:not(:first-child){margin-top:var(--spacing-lg)}.dash-embed__instructions ol,.dash-embed__instructions ul{color:var(--color-neutral-600);padding-left:var(--spacing-lg)}.dash-embed__instructions li{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm)}.dash-embed__instructions code{background:var(--color-neutral-100);border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:1px var(--spacing-xs)}.dash-billing{max-width:900px}.dash-billing__current{margin-bottom:var(--spacing-xl)}.dash-billing__current h3,.dash-billing__plans h3{color:var(--color-neutral-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.dash-billing__card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.dash-billing__tier-row{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.dash-billing__tier-name{color:var(--color-neutral-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.dash-billing__status{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:4px var(--spacing-sm);text-transform:uppercase}.dash-billing__status--active{background:#10b98126;color:var(--color-success-dark)}.dash-billing__status--canceling{background:#f59e0b26;color:var(--color-warning-dark)}.dash-billing__status--past_due{background:#ef44441a;color:var(--color-danger)}.dash-billing__status--canceled{background:var(--color-neutral-100);color:var(--color-neutral-500)}.dash-billing__usage{margin:var(--spacing-md) 0}.dash-billing__usage p{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.dash-billing__bar{background:var(--color-neutral-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.dash-billing__bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.dash-billing__overage{color:var(--color-danger)!important;font-size:var(--font-size-xs)!important;margin-top:var(--spacing-sm)!important}.dash-billing__period{color:var(--color-neutral-500);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.dash-billing__actions{border-top:1px solid var(--color-neutral-100);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.dash-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.dash-btn:disabled{cursor:not-allowed;opacity:.6}.dash-btn--primary{background:var(--color-primary);color:#fff}.dash-btn--primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.dash-btn--secondary{background:var(--color-neutral-100);color:var(--color-neutral-700)}.dash-btn--secondary:hover:not(:disabled){background:var(--color-neutral-200)}.dash-btn--danger{background:#fff;border:1px solid var(--color-danger);color:var(--color-danger)}.dash-btn--danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.dash-btn--full{width:100%}.dash-billing__plans-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dash-plan{background:#fff;border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);position:relative;transition:all var(--transition-normal)}.dash-plan:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.dash-plan--featured{border-color:var(--color-primary)}.dash-plan__badge{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);left:50%;padding:var(--spacing-xs) var(--spacing-md);position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.dash-plan h4{color:var(--color-neutral-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.dash-plan__price{margin-bottom:var(--spacing-sm)}.dash-plan__amount{color:var(--color-neutral-900);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.dash-plan__period{color:var(--color-neutral-500);font-size:var(--font-size-base)}.dash-plan__limit{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.dash-plan__overage{color:var(--color-neutral-400);font-size:var(--font-size-xs);margin-bottom:var(--spacing-lg)}.dash-plan__features{list-style:none;margin:0 0 var(--spacing-lg) 0;padding:0}.dash-plan__features li{align-items:center;border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-600);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.dash-plan__features li:last-child{border-bottom:none}.dash-plan__features li svg{display:inline;flex-shrink:0}@media (max-width:1024px){.dash-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dash-sidebar{left:-260px;position:fixed;transition:left var(--transition-normal);z-index:var(--z-modal)}.dash-sidebar--open{left:0}.dash-overlay{display:block}.dash-topbar__hamburger{display:flex}.dash-topbar__title{font-size:var(--font-size-lg)}.dash-content{padding:var(--spacing-md)}.dash-billing__plans-grid,.dash-convo-grid,.dash-stats{grid-template-columns:1fr}.dash-detail__contact-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.dash-msg__bubble{max-width:85%}.dash-billing__actions{flex-direction:column}.dash-btn{width:100%}}@media (max-width:480px){.dash-topbar{padding:var(--spacing-sm) var(--spacing-md)}.dash-topbar__title{font-size:var(--font-size-base)}}
/*# sourceMappingURL=main.6e25d444.css.map*/