@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700&family=Outfit:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@500;700;800;900&display=swap";:root{--primary: #42D2FC;--primary-glow: rgba(66, 210, 252, .4);--accent: #1B5EB0;--accent-glow: #b078eb;--bg-dark: #000516;--bg-card: rgba(255, 255, 255, .03);--bg-translucent: rgba(0, 5, 22, .82);--bg-gradient: radial-gradient(circle at 50% 50%, rgba(66, 210, 252, .35) 0%, rgba(66, 210, 252, .05) 40%, #000516 85%);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .45)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);background-image:var(--bg-gradient);background-attachment:fixed;background-size:cover;color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;line-height:1.1;color:var(--text-primary);margin-bottom:1rem}button{font-family:Inter,sans-serif;cursor:pointer;border:none;transition:all .3s ease}a{color:inherit;text-decoration:none}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #6366f163}@media(max-width:480px){.btn{padding:.6rem 1.25rem;font-size:.9rem}}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f13b;background:var(--primary-glow)}.btn-secondary{background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff26;border-color:#fff3}.glass{background:var(--bg-translucent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}@media(max-width:768px){.container{padding:0 1.5rem}}.avatar-widget-container{position:fixed;bottom:0;right:0;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;width:280px}.avatar-bubble{z-index:10002;background:#fff;padding:1.25rem 1.5rem 1.5rem;min-height:3em;border-radius:24px;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:500;line-height:1.5;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid rgba(0,0,0,.05);position:absolute;top:64px;left:50%;transform:translate(-50%,-100%);max-width:min(320px,85vw);width:100%;pointer-events:none;-webkit-user-select:text;user-select:text;overflow:visible;word-break:break-word}.avatar-bubble:after{content:"";position:absolute;bottom:0;right:18%;width:29px;height:33px;background-image:url("data:image/svg+xml,%3Csvg width='29' height='33' viewBox='0 0 29 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5%209C3.55459%207.42985%204.13875e-07%208%204.13875e-07%208L0.517701%20-9.50694e-06L28.5%200.995422L28.2689%207.49131C28.2689%207.49131%2023.754%207.83102%2022.2194%208.77706C20.6848%209.7231%2019.1146%2011.6685%2018.5794%2012.6501C18.0442%2013.6317%206.37564%2032.2286%206.37564%2032.2286C6.37564%2032.2286%207.46192%2015.7568%207.53302%2013.7581C7.60412%2011.7594%207.44541%2010.5702%205.5%209Z' fill='white'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08));transform:translateY(78%) rotate(0)}.avatar-bubble__content{max-height:63px;overflow-y:auto;word-break:break-word;scrollbar-width:none;-ms-overflow-style:none}.avatar-bubble__content::-webkit-scrollbar{display:none}.avatar-bubble__content--nudge{max-height:160px!important}.avatar-bubble--entering{animation:avatarBubbleEnter .35s ease-out forwards}.avatar-bubble--exiting{animation:avatarBubbleExit .6s ease-in 2s forwards}@keyframes avatarBubbleEnter{0%{transform:translate(120%,-100%);opacity:0}to{transform:translate(-50%,-100%);opacity:1}}@keyframes avatarBubbleExit{0%{transform:translate(-50%,-100%);opacity:1}to{transform:translate(120%,-100%);opacity:0}}.avatar-wrapper{pointer-events:none;width:300px;height:400px;cursor:pointer;transition:transform .3s ease;z-index:1000}.avatar-wrapper:hover{transform:scale(1.05)}.avatar-circle-bg{width:100%;height:100%;border-radius:50%;border:2px solid white;background:linear-gradient(135deg,#008b8b,#38bdf8);box-shadow:0 4px 20px #0000004d;position:absolute;top:0;left:0;z-index:1}.avatar-circle-bg:before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 #ffffffb3;animation:pulse-white 2s infinite;z-index:-1}.avatar-scene-wrapper{z-index:2;pointer-events:none;overflow:visible}.avatar-scene-wrapper .avatar-canvas-layer{position:absolute;bottom:0;right:0;pointer-events:none!important;overflow:visible}.avatar-canvas-layer{width:400px;height:400px;z-index:2;pointer-events:none!important;overflow:visible}.avatar-canvas-layer canvas{pointer-events:none!important}@keyframes pulse-white{0%{transform:scale(.95);box-shadow:0 0 #ffffffb3}70%{transform:scale(1);box-shadow:0 0 0 10px #fff0}to{transform:scale(.95);box-shadow:0 0 #fff0}}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.avatar-input-area{position:absolute;bottom:4px;right:4px;z-index:10001;display:flex;flex-direction:column;align-items:flex-end;gap:6px}@keyframes thinkingTabPopUp{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes thinkingTabPopDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(28px);opacity:0}}.avatar-thinking-tab{background:#1e4a5e;color:#fff;font-size:.8rem;font-weight:500;padding:6px 14px;border-radius:12px 12px 0 0;font-family:Inter,system-ui,sans-serif;white-space:nowrap;box-shadow:0 2px 8px #0000001a;position:absolute;bottom:45px;left:25px}.avatar-thinking-tab--entering{animation:thinkingTabPopUp .25s ease-out forwards}.avatar-thinking-tab--exiting{animation:thinkingTabPopDown .25s ease-in forwards}.avatar-thinking-tab a{color:inherit;text-decoration:none}.avatar-thinking-tab a:hover{text-decoration:underline}.avatar-input-container{position:relative;bottom:auto;right:auto;z-index:10001;width:100%;min-width:280px;height:48px;min-height:48px;pointer-events:auto;display:flex;flex-direction:column;justify-content:center;align-items:stretch;overflow:hidden;background:#fff;border-radius:50px;padding:0 6px;box-shadow:0 2px 12px #00000014}.avatar-input-container>div:first-child{display:flex;align-items:center;width:100%;height:100%;min-height:0}.avatar-input-container .avatar-input-loader{height:30px;aspect-ratio:2.5;--_g: no-repeat radial-gradient(farthest-side, #1e4a5e 90%, #0000);background:var(--_g),var(--_g),var(--_g),var(--_g);background-size:20% 50%;animation:avatar-input-l44 1s infinite linear alternate}@keyframes avatar-input-l44{0%,5%{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 50%}12.5%{background-position:0% 0,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 50%}25%{background-position:0% 0,calc(1*100%/3) 0,calc(2*100%/3) 50%,100% 50%}37.5%{background-position:0% 100%,calc(1*100%/3) 0,calc(2*100%/3) 0,100% 50%}50%{background-position:0% 100%,calc(1*100%/3) 100%,calc(2*100%/3) 0,100% 0}62.5%{background-position:0% 50%,calc(1*100%/3) 100%,calc(2*100%/3) 100%,100% 0}75%{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 100%,100% 100%}87.5%{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 100%}95%,to{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 50%}}.avatar-input-header{background:#1e4a5e;color:#fff;padding:6px 16px;width:fit-content;min-width:35%;margin-left:8%;border-radius:12px 12px 0 0;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:-.01em;text-align:center;white-space:nowrap}.avatar-input-body{background:#fff;padding:6px;border-radius:50px;display:flex;flex-direction:column}.avatar-input-body form{display:flex;align-items:center;width:100%}#avatar-text-input{background:transparent;border:none;color:#334155;font-size:.95rem;line-height:1.25;outline:none;padding:0 2px 0 12px;flex:1;min-width:0;font-family:Inter,system-ui,sans-serif}#avatar-text-input::placeholder{color:#94a3b8}.avatar-input-container .mic-button{background:#1e4a5e;color:#fff;border:none;width:38px;height:38px;border-radius:50%!important;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-right:0;margin-left:8px}.avatar-input-container .mic-button:hover{background:#163a4a;transform:translateY(-1px)}.avatar-input-recording{flex:1;display:flex;align-items:center;width:100%;height:100%;min-height:36px;gap:8px}.avatar-input-recording .avatar-recording-cancel,.avatar-input-recording .avatar-recording-confirm{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;line-height:0;align-self:center;box-sizing:border-box}.avatar-input-recording .avatar-recording-cancel{background:#cbd5e1;color:#fff}.avatar-input-recording .avatar-recording-confirm{background:#1e4a5e;color:#fff}.avatar-input-recording .avatar-recording-cancel:hover,.avatar-input-recording .avatar-recording-confirm:hover{opacity:.9}.avatar-input-speaking{flex:1;display:flex;align-items:center;width:100%;height:100%;min-height:36px;gap:8px}.avatar-input-speaking .avatar-speaking-stop{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;border:2px solid #7dd3fc;background:#1e4a5e;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;line-height:0;align-self:center;box-sizing:border-box}.avatar-input-speaking .avatar-speaking-stop:hover{opacity:.9}.avatar-speaking-stop__icon{width:10px;height:10px;background:#cbd5e1;border-radius:2px;display:block}.avatar-status-text{font-size:.75rem;color:#64748b;text-align:center;padding-bottom:4px;font-family:Inter,sans-serif}@media(max-width:480px){.avatar-widget-container{width:100%;left:0;right:0;bottom:0;padding:0 max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));box-sizing:border-box;flex-direction:column-reverse;align-items:flex-end}.avatar-input-area{position:relative;width:100%}.avatar-input-container{width:100%;min-width:0;max-width:100%;right:auto;bottom:auto;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}.avatar-wrapper{width:80px;height:80px;align-self:flex-end}.avatar-scene-wrapper{width:80px;height:80px}.avatar-canvas-layer{width:350px!important;height:350px!important;right:-28px!important}.avatar-bubble{left:16px;right:auto;top:40px;transform:translateY(-50%);max-width:calc(100vw - 120px);font-size:.85rem;padding:.6rem .85rem .75rem;border-radius:18px;height:90px;box-shadow:0 6px 22px -4px #00000021,0 2px 7px -2px #00000014}.avatar-bubble--entering{animation:avatarBubbleEnterMobile .35s ease-out forwards}.avatar-bubble--exiting{animation:avatarBubbleExitMobile .6s ease-in 2s forwards}@keyframes avatarBubbleEnterMobile{0%{transform:translate(-20px,-50%);opacity:0}to{transform:translateY(-50%);opacity:1}}@keyframes avatarBubbleExitMobile{0%{transform:translateY(-50%);opacity:1}to{transform:translate(-20px,-50%);opacity:0}}.avatar-bubble:after{left:auto;right:4px;bottom:50%;width:16px;height:18px;background-size:100% 100%;transform:translate(100%,50%) rotate(-90deg)}.avatar-input-header{padding:8px 12px;font-size:14px}}.speech-bubble{background:#fff;border-radius:40px 40px 0;padding:16px 24px;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:500;line-height:1.4;max-width:320px;width:max-content;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;text-align:center;z-index:10002;transform:translate(-50%,-100%);margin-bottom:20px}@keyframes bubbleFadeIn{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.thinking-dots{display:flex;justify-content:center;align-items:center;gap:4px;height:12px}.thinking-dots span{width:6px;height:6px;background-color:#94a3b8;border-radius:50%;display:inline-block;animation:thinking-dot-pulse 1.4s infinite ease-in-out both}.thinking-dots span:nth-child(1){animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}@keyframes thinking-dot-pulse{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1400px){.container{max-width:1200px}}@media(max-width:1200px){.container{max-width:960px}}@media(max-width:768px){.container{max-width:720px;padding:0 1rem}}@media(max-width:480px){.container{max-width:100%;padding:0 .5rem}}@media(max-width:360px){.container{padding:0 .25rem}}@media(max-width:480px){.navbar{padding:.5rem!important}.logo-text{font-size:1.25rem!important}.logo-subtext{font-size:.6rem!important}.nav-btn{padding:.5rem 1rem!important;font-size:.8rem!important}}@media(max-width:768px){.main-content{padding-top:72px!important}}.hero-section{position:relative;min-height:100vh;background:transparent;color:#fff;width:100%;overflow:hidden;display:flex;flex-direction:column}.uppercase{text-transform:uppercase}.hero-nav{position:absolute;top:1.5rem;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:0 2rem;z-index:100;width:100%}.nav-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1300px;padding:8px;background:#ffffff0a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 10px 30px #0003}.nav-logo{display:flex;align-items:center}.nav-logo-img{height:40px;width:auto;object-fit:contain;display:block}.nav-links{display:flex;align-items:center;gap:3rem}.nav-link{font-family:Inter,sans-serif;font-size:.95rem;color:#ffffffb3;transition:all .3s ease;text-decoration:none}.nav-link:hover{color:#fff}.btn-nav{display:flex;align-items:center;gap:.75rem;padding:.4rem 1.2rem!important;background:#007bff!important;border-radius:8px;font-weight:600!important;font-size:.9rem!important;color:#fff}.nav-link-dashboard{font-family:Inter,sans-serif;font-size:.95rem;color:#ffffffb3;transition:all .3s ease;text-decoration:none;margin-right:1.5rem;font-weight:500}.nav-link-dashboard:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4)}.nav-btn-circle{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center}.nav-btn-circle img{width:24px;height:24px}.hamburger-btn{display:none;flex-direction:column;justify-content:space-around;width:24px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:2001}.hamburger-line{width:24px;height:2px;background-color:#fff;border-radius:2px;transition:all .3s ease;position:relative}.hamburger-btn.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero-nav.menu-open .nav-container{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent;box-shadow:none}.hero-main-wrapper{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;padding:10rem 2rem 0;position:relative;z-index:10;gap:3rem;box-sizing:border-box}.hero-content-col{flex:0 1 55%;min-width:400px;max-width:650px;text-align:left;z-index:20}.hero-avatar-col{flex:0 1 45%;min-width:350px;position:relative;height:clamp(450px,65vh,750px);z-index:5;pointer-events:none;display:flex;justify-content:flex-end;align-items:flex-end;overflow:visible;margin-left:auto;margin-right:-5%}.avatar-fixed-box{width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-end}.hero-avatar-img{height:auto;max-height:100vh;width:auto;max-width:140%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 20px 80px rgba(0,0,0,.6))}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.5rem 1.25rem;border-radius:99px;font-size:.75rem;font-weight:700;color:#ffffff80;margin-bottom:2.5rem;border:1px solid rgba(255,255,255,.1);letter-spacing:.08em}.hero-title{font-family:Outfit,sans-serif;font-size:clamp(2.5rem,5vw,5rem);line-height:1.1;margin-bottom:2.5rem;color:#fff;white-space:normal}.title-light{font-weight:300;opacity:.9}.title-bold{font-weight:900}.hero-subtitle{font-family:Inter,sans-serif;font-size:1.2rem;line-height:1.6;color:#fff6;max-width:480px;margin-bottom:2rem}.hero-actions{display:flex;gap:1.5rem}.btn-pill{border-radius:99px!important;font-size:1.05rem!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:.75rem!important;transition:all .3s ease!important}.btn-pill svg{width:18px;height:18px;transition:transform .3s ease}.btn-pill:hover svg{transform:translate(3px) translateY(-3px)}.btn-white{background:#fff!important;color:#000814!important;box-shadow:0 4px 14px #ffffff26!important}.btn-white:hover{background:#fffffff2!important;box-shadow:0 6px 20px #ffffff40!important;transform:translateY(-2px)}.btn-outline{background:transparent!important;border:2px solid rgba(255,255,255,.3)!important;color:#fff!important}.btn-outline:hover{background:#ffffff1a!important;border-color:#ffffff80!important;transform:translateY(-2px)}.hero-bottom-section{display:flex;align-items:center;justify-content:center;width:100%;gap:4rem;margin-top:-60px;padding-bottom:8rem;position:relative;z-index:25}.hero-feature-card{width:100%;max-width:1100px}.feature-card-inner{background:#fff;border-radius:35px;padding:3.5rem;height:auto;min-height:580px;box-shadow:0 40px 100px #0009;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1)}.feature-illustration{width:100%;height:auto;max-height:500px;object-fit:contain}.chevron-indicator{font-size:4rem;color:#ffffff0a;-webkit-user-select:none;user-select:none;font-weight:200;letter-spacing:-12px}.hero-bg-glows{position:absolute;inset:0;pointer-events:none;z-index:1}.hero-glow-1{position:absolute;top:15%;left:10%;width:700px;height:700px;background:radial-gradient(circle,rgba(66,210,252,.4) 0%,rgba(66,210,252,.1) 40%,transparent 70%);filter:blur(60px)}.hero-glow-2{position:absolute;top:50%;right:-10%;width:900px;height:900px;background:radial-gradient(circle,rgba(66,210,252,.25) 0%,transparent 70%);filter:blur(100px)}@media(max-width:1400px){.hero-title{font-size:4.5rem}}@media(max-width:1200px){.hero-title{font-size:4rem;white-space:normal}}@media(max-width:900px){.hero-main-wrapper{flex-direction:column;text-align:center;padding:10rem 1.5rem 0;gap:2rem}.hero-content-col{flex:1;min-width:100%;align-items:center;display:flex;flex-direction:column;padding-top:0}.hero-avatar-col{height:400px;width:100%;margin-top:2rem}.hero-avatar-img{height:100%;margin-right:0;object-position:bottom center}.hero-bottom-section{margin-top:2rem;padding:2rem 1.5rem;gap:1.5rem}.feature-card-inner{padding:2.5rem 1.5rem;min-height:400px}.chevron-indicator{display:none}}@media(max-width:768px){.nav-container{padding:.5rem 1rem;max-width:92%;position:relative}.hamburger-btn{display:flex}.nav-actions{position:fixed;top:.75rem;right:.75rem;width:260px;height:auto;background:linear-gradient(135deg,#42d2fc40,#00051699 60%,#000516cc);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.25rem;padding:3.5rem 2rem 2rem;transform:scale(.9) translateY(-10px) translate(10px);opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.16,1,.3,1);z-index:2000;border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 20px 60px #00000080}.nav-actions.active{transform:scale(1) translateY(0) translate(0);opacity:1;pointer-events:all}.hero-nav.menu-open:before{content:"";position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.nav-link-dashboard{margin-right:0;font-size:1.25rem}.nav-logo-img{height:50px}.hero-title{font-size:2.8rem;white-space:normal}.hero-subtitle{font-size:1.1rem;margin-bottom:3rem}}@media(max-width:480px){.hero-main-wrapper{padding-top:8rem}.hero-title{font-size:2.2rem;line-height:1.2}.hero-subtitle{font-size:1rem;margin-bottom:2.5rem}.hero-actions{flex-direction:column;width:100%;gap:1rem}.hero-actions .btn{width:100%;justify-content:center}.feature-card-inner{min-height:300px;padding:2rem 1rem}.hero-avatar-col{display:flex;justify-content:center;align-items:flex-end;height:420px;width:100%;margin-top:1rem;position:relative;z-index:5;overflow:visible}.hero-avatar-img{height:100%;width:100%;object-fit:contain;object-position:bottom center;margin-right:0}.hero-main-wrapper{padding-top:7rem;padding-bottom:0}.hero-bg-glows{display:none}.nav-logo-img{height:32px}.nav-container{padding:.5rem .75rem}.nav-actions{width:80%;max-width:300px}.btn-nav{padding:.35rem .8rem!important;font-size:.8rem!important;gap:.4rem!important}.nav-btn-circle{width:20px;height:20px}.nav-btn-circle img{width:10px;height:10px}}.avatar-preview-section{padding:8rem 0;display:flex;align-items:center;justify-content:center;background:transparent}.avatar-preview-card{background:#fff;border-radius:40px;padding:5rem 4rem;width:100%;max-width:1000px;margin:0 auto;text-align:center;box-shadow:0 40px 100px #0006}.avatar-preview-card h2{font-family:Outfit,sans-serif;font-weight:300;font-size:3.5rem;color:#444;margin-bottom:1rem;letter-spacing:-.02em}.avatar-preview-subtext{font-family:Inter,sans-serif;font-size:.95rem;color:#888;margin-bottom:5rem;opacity:.8}.avatar-preview-form{max-width:750px;margin:0 auto 8rem}.avatar-url-input{position:relative;display:flex;align-items:center}.avatar-url-input input{width:100%;height:72px;background:#42d2fc14;border:none;border-radius:99px;padding:0 8rem 0 2.5rem;font-size:1.1rem;color:#333;transition:all .3s ease}.avatar-url-input input::placeholder{color:#0003}.avatar-url-input input:focus{background:#42d2fc1f;box-shadow:0 0 0 2px #42d2fc33;outline:none}.next-button{position:absolute;right:8px;padding:0 3.5rem;height:56px;background:#1d63b2;color:#fff;border:none;border-radius:99px;font-weight:500;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.next-button:hover{background:#155194;transform:translateY(-1px)}.preview-disclaimer{font-family:Inter,sans-serif;font-size:.9rem;color:#aaa;font-weight:400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:1200px){.avatar-preview-card{max-width:900px;padding:4rem 3rem}}@media(max-width:1024px){.avatar-preview-card h2{font-size:2.8rem}}@media(max-width:768px){.avatar-preview-card{border-radius:30px;padding:3rem 2rem}.avatar-preview-card h2{font-size:2.2rem}.avatar-url-input input{height:64px;font-size:1rem}.next-button{height:48px;padding:0 2rem;font-size:1rem}}@media(max-width:480px){.avatar-preview-card{padding:2.5rem 1.5rem}.avatar-preview-card h2{font-size:1.8rem}.next-button{padding:0 1.5rem}}.steps-section{padding:100px 0;background:transparent;text-align:center}.steps-title{font-size:2.5rem;font-weight:700;margin-bottom:3.5rem;color:var(--text-primary)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.step-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;overflow:hidden;padding:0;text-align:left;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.step-card:hover{transform:translateY(-5px);border-color:#00d2ff4d}.step-image-container{width:100%;height:180px;overflow:hidden;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.step-image{width:100%;height:100%;object-fit:cover;opacity:.8}.step-content{padding:1.5rem}.step-card-title{font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:#fff}.step-card-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6}@media(max-width:1024px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.steps-section{padding:60px 0}.steps-grid{grid-template-columns:1fr;padding:0 1.5rem}.steps-title{font-size:1.75rem;margin-bottom:2.5rem;padding:0 1rem}.step-content{padding:1.25rem}}.perfect-for-section{position:relative;padding:100px 0;overflow:hidden}.section-title{font-family:Outfit,sans-serif;font-size:3rem;font-weight:700;margin-bottom:4rem;text-align:left;color:#fff}.perfect-for-list{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:10}.perfect-for-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:0;overflow:hidden;transition:all .4s ease;min-height:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.perfect-for-card:hover{background:#ffffff0d;border-color:#00d2ff4d;transform:translateY(-5px);box-shadow:0 20px 40px #0006}.card-content{flex:1;padding:2rem 4rem}.card-label{font-size:1.75rem;font-weight:500;color:#ffffffb3;transition:color .3s ease}.perfect-for-card:hover .card-label{color:#fff}.card-image-wrapper{flex:1;height:100%;display:flex;justify-content:flex-end;align-items:center;padding:1rem}.card-image{width:100%;max-width:350px;height:auto;border-radius:12px;box-shadow:0 10px 30px #00000080;transition:transform .4s ease}.perfect-for-card:hover .card-image{transform:scale(1.05)}.perfect-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:1000px;background:radial-gradient(circle,rgba(66,210,252,.08) 0%,transparent 70%);pointer-events:none;z-index:1}@media(max-width:1024px){.card-content{padding:2rem}.card-label{font-size:1.5rem}}@media(max-width:768px){.perfect-for-section{padding:60px 0}.perfect-for-list{padding:0 1.5rem}.perfect-for-card{flex-direction:column;text-align:center;padding-bottom:2rem;min-height:auto}.card-content{padding:2rem 1.5rem}.card-label{font-size:1.35rem}.card-image-wrapper{width:100%;justify-content:center;padding:0 1.5rem}.card-image{max-width:280px}.section-title{font-size:2rem;text-align:center;margin-bottom:2.5rem}}.manage-section{position:relative;padding:100px 0;background:transparent;overflow:hidden}.title-wrapper{text-align:center;margin-bottom:6rem;position:relative;z-index:10}.manage-title{font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.title-divider{width:60px;height:4px;background:#007bff;margin:0 auto 2rem;border-radius:2px}.manage-subtitle-main{font-size:1.25rem;color:#ffffffb3;max-width:800px;margin:0 auto;line-height:1.6}.manage-list{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:10}.manage-card{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3.5rem;gap:5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.manage-card:hover{transform:translateY(-5px);border-color:#00d2ff4d}.manage-card-content{flex:1;display:flex;flex-direction:column}.card-number{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#ffffffb3;margin-bottom:2rem}.card-title{font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.card-desc{font-size:1.1rem;color:#ffffffe6;margin-bottom:1rem;line-height:1.6}.card-extra{font-size:.95rem;color:#ffffff80;margin-bottom:2rem;line-height:1.5}.card-subtitle{font-size:1rem;font-weight:600;color:#fff;margin-bottom:1.25rem}.card-points{list-style:none;padding:0;margin:0 0 2.5rem;display:flex;flex-direction:column;gap:.75rem}.card-points li{font-size:1rem;color:#ffffffb3;line-height:1.5;position:relative;padding-left:1.5rem;display:flex;align-items:flex-start}.point-text-wrapper{display:flex;flex-direction:column;gap:.5rem}.sub-points{list-style:none;padding-left:1rem;margin-top:.25rem;display:flex;flex-direction:column;gap:.4rem}.sub-points li{font-size:.9rem;color:#fff9}.bullet{position:absolute;left:0;color:#fff6}.pt-label{color:#fff;font-weight:600}.card-footer-text{margin-top:auto;font-weight:700;font-size:1.1rem;color:#ffffffe6}.manage-card-image{flex:1;display:flex;align-items:center;justify-content:center;max-height:500px;overflow:hidden;border-radius:12px}.dashboard-img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:12px;box-shadow:0 20px 50px #00000080;border:1px solid rgba(255,255,255,.1)}.manage-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;height:1200px;background:radial-gradient(circle,rgba(66,210,252,.06) 0%,transparent 70%);pointer-events:none;z-index:1}@media(max-width:1200px){.manage-card{padding:2.5rem;gap:3rem}}@media(max-width:850px){.manage-section{padding:60px 0}.title-wrapper{margin-bottom:3.5rem;padding:0 1.5rem}.manage-card{grid-template-columns:1fr;padding:2.5rem 1.5rem;gap:3rem;text-align:center}.card-number{margin:0 auto 1.5rem}.card-title{font-size:1.75rem}.card-points li{text-align:left;font-size:.95rem}.manage-title{font-size:1.8rem}.manage-subtitle-main{font-size:1rem;line-height:1.5}}.video-showcase-section{padding:100px 20px;display:flex;justify-content:center;align-items:center;position:relative;background:transparent}.video-container-wrapper{width:100%;max-width:1100px;padding:3rem;border-radius:40px;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:10}.video-header{margin-bottom:3rem}.video-title{font-family:Outfit,sans-serif;font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem}.video-subtitle{font-family:Inter,sans-serif;font-size:1.2rem;color:#fff9;max-width:600px}.video-player-container{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:24px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 40px 100px #0006;border:1px solid rgba(255,255,255,.1)}.main-showcase-video{width:100%;height:100%;object-fit:cover}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#007bff99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;box-shadow:0 0 30px #007bff66}.video-play-overlay.is-paused{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.video-bg-glow{position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(0,123,255,.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;filter:blur(80px);pointer-events:none}@media(max-width:768px){.video-showcase-section{padding:60px 15px}.video-container-wrapper{padding:1.5rem;border-radius:24px}.video-title{font-size:2rem}.video-subtitle{font-size:1rem}.video-play-overlay{width:70px;height:70px}.video-play-overlay svg{width:40px;height:40px}.video-fullscreen-btn{bottom:15px;right:15px;width:40px;height:40px}}.video-fullscreen-btn{position:absolute;bottom:24px;right:24px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease;z-index:20}.video-player-container:hover .video-fullscreen-btn{opacity:1}.video-fullscreen-btn:hover{background:#007bffcc;transform:scale(1.1);border-color:#fff6}.footer-section{position:relative;padding:12rem 0 8rem;background:transparent;width:100%;overflow:hidden;color:#fff}.footer-section:before{content:"";position:absolute;inset:0;background-image:url(/landingpageimages/footerbg.png);background-size:auto 100%;background-position:center center;background-repeat:no-repeat;opacity:.12;z-index:0;pointer-events:none}.footer-container{position:relative;z-index:10}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10rem}.footer-col-left{flex:1}.footer-mini-title{display:block;font-size:.95rem;color:#fff6;margin-bottom:2.5rem;font-weight:500;letter-spacing:.05em;text-transform:capitalize}.footer-email{font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:700;color:#fff;margin:0;text-decoration:none;transition:all .3s ease}.footer-email:hover{opacity:.7}.footer-col-right{text-align:left}.social-links-stack{display:flex;flex-direction:column;gap:1.5rem}.social-link{font-size:1.4rem;font-weight:500;color:#ffffffb3;text-decoration:none;transition:all .3s ease}.social-link:hover{color:#fff;transform:translate(8px)}.footer-copyright{text-align:center;font-size:.85rem;color:#ffffff26;border-top:1px solid rgba(255,255,255,.05);padding-top:3.5rem}@media(max-width:1200px){.footer-email{font-size:2.75rem}}@media(max-width:768px){.footer-section{padding:8rem 0 4rem}.footer-grid{flex-direction:column;align-items:center;text-align:center;gap:5rem;margin-bottom:6rem}.footer-col-right{text-align:center}.footer-email{font-size:1.75rem;word-break:break-all}.social-link:hover{transform:translateY(-5px)}.footer-section:before{background-size:cover;opacity:.08}}@media(max-width:480px){.footer-email{font-size:1.4rem}}.plan-selection-container{padding:1rem;height:100%;width:100%;max-width:100%;background:transparent!important;display:flex;flex-direction:column}.plan-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;height:100%}@media(max-width:1300px){.plan-selection-container{padding:1.5rem;max-width:1000px}.plan-cards-grid{gap:1.5rem;max-width:1000px}.plan-card{width:100%;height:auto;min-height:450px}}.plan-card{background:#602f91!important;border-radius:22.71px;padding:25px 1.5rem 20px;display:flex;flex-direction:column;align-items:center;position:relative;width:100%;height:100%;min-height:380px;justify-self:center;transition:transform .3s ease,box-shadow .3s ease}.plan-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #602f914d}.plan-cta-button{background:#bf8bf9;border:none;border-radius:20px;height:60px;width:100%;font-family:Inter,sans-serif;font-weight:500;font-size:20px;color:#fff;cursor:pointer;transition:background-color .2s ease;margin:20px 0;text-decoration:none;display:flex;align-items:center;justify-content:center}.plan-cta-button:hover{background:#a674e6}.plan-name{font-family:Manrope,sans-serif;font-weight:600;font-size:32px;color:#fff;margin:0 0 25px;text-align:center}.plan-price-section{display:flex;flex-direction:row;align-items:baseline;gap:10px;margin-bottom:30px}.plan-price{font-family:Manrope,sans-serif;font-weight:600;font-size:48px;color:#fff;margin:0;line-height:1}.plan-period{font-family:Inter,sans-serif;font-weight:400;font-size:16px;color:#fff;margin-top:10px}.plan-features{display:flex;flex-direction:column;margin-bottom:30px}.plan-feature{display:flex;align-items:center;gap:40px;width:100%}.feature-icon{width:28.387px;height:28.387px;flex-shrink:0}.feature-text{font-family:Inter,sans-serif;font-weight:300;font-size:16px;color:#fff;line-height:normal}@media(max-width:768px){.plan-selection-container{width:100%}.plan-cards-grid{grid-template-columns:1fr;gap:20px;height:auto}.plan-card{width:100%;max-width:400px;margin:0 auto}}.site-preview-page{height:100vh;background:#0f172f;color:#fff;overflow:auto;display:flex;flex-direction:column}.site-url-prompt{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f172f}.site-url-prompt-card{width:100%;max-width:1000px;min-height:600px;border-radius:24px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 50px #0000004d}.site-url-prompt-card--light{background:#eef4ff}.site-url-prompt-title{margin:0 0 1rem;font-size:2.5rem;font-weight:600;text-align:center}.site-url-prompt-title--dark{color:#334155}.site-url-prompt-description{margin:0 0 5rem;font-size:1.1rem;text-align:center}.site-url-prompt-description--dark{color:#64748b}.site-url-prompt-field{width:100%;max-width:750px;margin-bottom:4rem}.site-url-prompt-input{width:100%;padding:1.25rem 2.5rem;font-size:1.25rem;border-radius:50px;box-sizing:border-box}.site-url-prompt-input--white{border:1px solid #e2e8f0;background:#fff;color:#1e293b;box-shadow:0 2px 10px #0000000d}.site-url-prompt-input--white::placeholder{color:#94a3b8}.site-url-prompt-input--white:focus{outline:none;border-color:#cbd5e1;box-shadow:0 0 0 4px #cbd5e133}.site-url-prompt-google-btn{width:auto;min-width:240px;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 2.5rem;font-size:1.1rem;font-weight:500;border:none;border-radius:50px;background:#fff;color:#1e293b;cursor:pointer;box-shadow:0 4px 12px #00000014;transition:transform .15s,box-shadow .15s}.site-url-prompt-google-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.site-url-prompt-google-btn:disabled{cursor:not-allowed;opacity:.8}.site-url-prompt-spinner{display:inline-block;width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#4299e1;border-radius:50%;animation:site-url-spin .7s linear infinite}@keyframes site-url-spin{to{transform:rotate(360deg)}}.site-url-prompt-error{margin:.5rem 0 0;font-size:.875rem;color:#c53030}.site-url-prompt-disclaimer{margin-top:8rem;font-size:.95rem;color:#94a3b8;text-align:center}.preparation-card{max-width:1000px!important;padding:3rem 4rem!important}.preparation-video-container{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:16px;overflow:hidden;margin-bottom:3rem;box-shadow:0 10px 30px #0000001a;position:relative;cursor:pointer}.video-control-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0006;border:none;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.preparation-video-container:hover .video-control-overlay,.video-control-overlay.is-paused{opacity:1}.preparation-video{width:100%;height:100%;object-fit:cover}.preparation-progress-section{width:100%;max-width:800px}.preparation-progress-bar{width:100%;height:12px;background:#e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:1.5rem}.preparation-progress-fill{height:100%;background:#3b82f6;border-radius:10px;transition:width .1s linear}.preparation-status{display:flex;align-items:center;justify-content:center;gap:.75rem}.status-dot{width:10px;height:10px;background:#334155;border-radius:50%;animation:pulse 1.5s infinite}.status-text{font-size:1.1rem;color:#334155;font-weight:500}.preparation-stats{margin-top:1rem;font-size:.9rem;color:#64748b;display:flex;flex-direction:column;gap:.25rem}@keyframes pulse{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.5}}.site-preview-layout{width:100%;max-width:100%;margin:0;display:grid;grid-template-columns:minmax(340px,386px) 1fr;gap:1rem;align-items:stretch;height:100vh;padding:1rem 1.5rem;box-sizing:border-box}@media(min-width:1601px){.site-preview-layout{gap:2rem}.setup-panel{width:400px}}@media(max-width:1600px){.site-preview-layout{max-width:100%;gap:1.5rem}}@media(max-width:1400px){.site-preview-layout{gap:1.25rem}}@media(max-width:1300px){.site-preview-layout{max-width:100%;gap:1.5rem;padding:0 1rem;height:calc(100vh - 2rem)}.setup-panel{width:320px;height:100%;min-height:0;max-height:none}.site-preview-area{height:100%;min-height:0;max-height:none}.site-preview-container,.site-frame{height:100%}}@media(max-width:1080px){.site-preview-layout{grid-template-columns:1fr;height:auto;overflow-y:visible;padding:1rem;gap:2rem}.site-preview-page{height:auto;overflow-y:auto}.setup-panel{width:100%;max-width:100%;height:auto;padding:2rem 1.5rem}.site-preview-area{width:100%;height:auto;padding:2rem 1.5rem}.site-preview-container{height:auto;min-height:400px}.site-frame{height:500px}.device-toggle button{width:60px;height:60px}.preview-controls{flex-wrap:wrap;gap:1rem;justify-content:center}}@media(max-width:768px){.site-preview-header h1{font-size:1.8rem}.site-preview-header .subtext{font-size:1rem}.back-link,.continue-button{font-size:1.1rem;padding:.6rem 1.5rem}}@media(max-width:600px){.site-preview-page{padding:.75rem;height:auto;overflow-y:auto}.site-preview-layout{gap:1rem;height:auto}.setup-panel{padding:1rem;height:auto;min-height:auto}.site-preview-area{padding:1.25rem;height:auto;min-height:auto}.site-preview-header h1{font-size:1.5rem;line-height:1.2;margin-bottom:.5rem}.site-preview-header .subtext{font-size:.9rem;line-height:1.4}.site-preview-container{height:auto;min-height:250px}.site-frame{height:300px}.panel-footer{padding:.75rem 1rem}.footer-title{font-size:16px}.footer-subtitle{font-size:9px}.customize-avatar-arrow{width:32px;height:32px}}@media(max-width:400px){.site-preview-page{padding:.5rem}.site-preview-layout{gap:.75rem}.setup-panel{padding:1rem .75rem}.site-preview-header h1{font-size:1.15rem!important;line-height:1.2}.site-preview-header .subtext{font-size:.8rem}.footer-title{font-size:14px;white-space:normal}}.setup-panel{background:#eefbff;border-radius:30px;padding:1.5rem 2.25rem;box-shadow:0 30px 80px #00000059;display:flex;flex-direction:column;width:100%;max-width:384px;height:100%;min-height:0}.panel-header{margin-bottom:1.25rem}.project-name{display:block;font-size:1rem;font-weight:600;margin-bottom:.35rem;color:#21182b}.progress-meta{display:flex;justify-content:space-between;color:#252233;font-size:.85rem}.percentage{font-weight:600}.progress-bar{height:10px;background:#fff;border-radius:40px;margin-top:.5rem}.progress-fill{height:100%;border-radius:inherit;background:#42d2fc}.setup-steps{list-style:none;padding:0;margin:0;flex:none;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}@media(min-width:1025px){.setup-steps{flex:1;overflow-y:auto}}.setup-step{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:99px;background:#fff;color:#252233;width:100%;box-sizing:border-box;transition:all .2s ease}.setup-step.active{background:#1b5eb0;color:#fff}.setup-step.completed{background:#42d2fc;color:#fff}.step-indicator{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.step-label{flex:1;font-weight:400;font-size:.85rem;line-height:1.3;white-space:normal}.indicator-dot{width:24px;height:24px;background:#fff;border-radius:50%}.indicator-outline{width:24px;height:24px;border-radius:50%;border:2px solid rgba(37,34,51,.4)}.indicator-tick{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.panel-footer{margin-top:2rem;background:#1b5eb0;padding:1rem 1.25rem;border-radius:20px;color:#fff;display:flex;align-items:center;justify-content:space-between}.customize-avatar-content{display:flex;align-items:center;gap:1rem}.customize-avatar-text{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.customize-avatar-subtitle{font-size:10.547px;color:#fff;font-family:Inter;font-style:normal;font-weight:400;line-height:normal}.footer-title{display:block!important;font-size:20px;color:#fff;font-family:Manrope;font-style:normal;font-weight:500;line-height:normal;margin:0 0 .25rem;white-space:nowrap}.footer-subtitle{display:block!important;font-size:10.547px;color:#fff;font-family:Inter;font-style:normal;font-weight:400;line-height:normal;margin:0;white-space:nowrap}.customize-avatar-icon{flex-shrink:0;width:31px;height:31px}.customize-avatar-arrow{background:#fff3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.customize-avatar-arrow:hover{background:#ffffff4d}.site-preview-header .eyebrow{display:none}.site-preview-header h1{font-family:Manrope,sans-serif;font-weight:600;font-size:1.75rem;margin-top:0;color:#1e293b}.site-preview-header .subtext{font-family:Inter,sans-serif;font-weight:400;font-size:1rem;margin-top:.5rem;color:#21182b99}.site-window{margin-top:1rem;border-radius:18.64px;overflow:hidden;background:transparent;border:none;flex:1;width:100%;display:flex;flex-direction:column;min-height:0}.site-window iframe{width:100%;height:100%;border:none;object-fit:cover}.site-toolbar{display:none}.browser-dots span{display:inline-block;width:10px;height:10px;background:#c5c0dc;border-radius:50%;margin-right:.3rem}.url-chip{flex:1;background:#fff;border-radius:999px;padding:.4rem 1rem;font-size:.9rem;color:#5a5870}.toolbar-pill{padding:.35rem 1rem;border-radius:999px;background:#dfd8ff;color:#5b4ca7;font-weight:600}.site-canvas{padding:2rem}.site-frame{position:relative;height:100%;border-radius:0 0 28px 28px;overflow:hidden;background:#0f172a;flex:1}.site-frame-inner{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:#0f172a}.site-frame iframe{width:100%;height:100%;border:none;background:#fff}.frame-overlay{position:absolute;inset:0;background:#0c0a1abf;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#fff}.frame-message{max-width:360px}.frame-message.invalid{color:#2a2742}.frame-actions a{color:#c39dff;font-weight:600}.spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;margin:0 auto 1rem;animation:spin 1s linear infinite}.widget-overlay{position:absolute;inset:0;pointer-events:none}.widget-overlay .avatar-widget-container{position:absolute;bottom:0;right:0;pointer-events:auto;z-index:1000}.widget-overlay .avatar-widget-container .avatar-wrapper,.widget-overlay .avatar-widget-container .avatar-circle-bg{width:64px!important;height:64px!important}.widget-overlay .avatar-widget-container .avatar-scene-wrapper{width:300px!important;height:300px!important}.site-preview-page.mobile .site-frame iframe{width:min(428px,100%);height:100%;border-radius:28px;margin:0 auto;display:block}.site-preview-page.mobile .site-frame-inner{display:flex;justify-content:center;align-items:stretch;padding:1rem 0}.site-preview-page.mobile .widget-overlay .avatar-widget-container{right:calc(50% - min(214px,50%));bottom:0}.site-hero{background:linear-gradient(135deg,#4b1d7a,#192b6d);border-radius:24px;padding:2.5rem;color:#fff;min-height:420px;display:flex;justify-content:space-between;gap:3rem}.hero-content{max-width:420px}.hero-pill{display:inline-flex;padding:.35rem 1rem;border-radius:999px;background:#ffffff26;font-size:.85rem;margin-bottom:1rem}.hero-content h2{font-size:3.5rem;text-transform:lowercase;margin-bottom:1rem}.hero-content p{color:#ffffffd9}.hero-cta{margin-top:2rem;padding:.85rem 1.6rem;border-radius:999px;border:none;font-weight:600;background:#fff;color:#321956;cursor:pointer}.hero-avatar{flex:1;display:flex;align-items:flex-end;justify-content:flex-end}.avatar-badge{background:#10082599;padding:1rem 1.25rem;border-radius:20px;display:flex;align-items:center;gap:.75rem;color:#fff}.avatar-face{width:48px;height:48px;border-radius:12px;background:#f0a5ff}.site-preview-area{background:#eefbff;border-radius:30px;padding:2rem;color:#21182b;height:100%;display:flex;flex-direction:column;min-width:0;gap:1rem;overflow:hidden}.preview-controls{margin-top:0;display:flex;justify-content:space-between;align-items:center}.back-link{background:#fff;color:#252233b3;border:none;padding:.5rem 1.25rem;border-radius:18px;font-size:1rem;font-weight:400}.device-toggle{display:flex;gap:1rem}.device-toggle button{border:none;border-radius:6px;padding:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.device-icon{width:26px;height:26px;object-fit:contain}.device-toggle button.active{background:#1b5eb0}.device-toggle button:not(.active){background:#fff}.continue-button{background:#1b5eb0;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:18px;font-size:1rem;font-weight:400}.knowledge-upload{display:flex;flex-direction:column;gap:0;height:100%;min-height:0;width:100%;max-width:100%;flex:1}.knowledge-tabs{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:center}.knowledge-tabs button{border:none;background:transparent;color:#21182b80;font-weight:400;padding:.5rem 1.25rem;border-radius:12px 12px 0 0;font-size:.9rem;cursor:pointer}.knowledge-tabs button.active{background:#1b5eb0;color:#fff}.knowledge-tabs button:not(.active){background:#42d2fc;color:#fff}.upload-dropzone{background:#fff;border-radius:18.64px;padding:2rem;text-align:center;border:none;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative}.drop-title{font-family:Inclusive Sans,sans-serif;font-size:1.1rem;font-weight:400;color:#252233;margin:0}.drop-title strong{font-family:Inter,sans-serif;font-weight:500}.drop-subtitle{font-family:Inter,sans-serif;font-weight:300;font-size:1rem;color:#21182b80;margin:.5rem 0 0}.upload-button{background:#42d2fc;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer}.upload-icon{width:56px;height:56px;margin-bottom:.75rem;position:relative}.upload-icon img{width:100%;height:100%;object-fit:contain}.upload-sync{position:absolute;bottom:1.25rem;left:1.5rem;display:flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-weight:300;font-size:.85rem;color:#252233}.upload-sync-normal{display:flex;align-items:center;gap:.75rem;font-family:Inter,sans-serif;font-weight:300;font-size:1.1rem;color:#252233;margin-top:1rem}.upload-sync input[type=checkbox]{width:16px;height:16px;accent-color:#602f91;border-radius:4px}.uploaded-file-display{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem;background:#bf8bf91a;border:2px dashed #bf8bf9;border-radius:12px}.file-info{display:flex;align-items:center;gap:1rem}.file-icon{font-size:2rem}.file-details{display:flex;flex-direction:column;gap:.25rem}.file-name{font-weight:600;color:#21182b;font-size:1rem}.file-size{color:#666;font-size:.875rem}.remove-file-btn{background:#f44;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:background-color .2s}.remove-file-btn:hover{background:#c00}.uploaded-files-list{width:100%;max-height:300px;overflow-y:auto}.files-list-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#bf8bf91a;border:2px dashed #bf8bf9;border-radius:12px;margin-bottom:.5rem}.files-count{font-weight:600;color:#21182b}.clear-all-btn{background:#f44;color:#fff;border:none;border-radius:6px;padding:.25rem .75rem;font-size:.875rem;cursor:pointer;transition:background-color .2s}.clear-all-btn:hover{background:#c00}.added-links-list{width:100%;max-height:300px;overflow-y:auto;margin-top:1rem}.links-list-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#bf8bf91a;border:2px dashed #bf8bf9;border-radius:12px;margin-bottom:.5rem}.links-count{font-weight:600;color:#21182b}.added-link-display{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem;background:#bf8bf90d;border:1px solid rgba(191,139,249,.2);border-radius:12px;margin-bottom:.5rem}.link-info{display:flex;align-items:center;gap:1rem;flex:1}.link-icon{font-size:1.5rem}.link-details{flex:1;min-width:0}.link-url{font-weight:500;color:#21182b;font-size:.9rem;word-break:break-all;overflow-wrap:break-word}.remove-link-btn{background:#f44;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;transition:background-color .2s;flex-shrink:0}.remove-link-btn:hover{background:#c00}.error-message{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ff44441a;border:2px solid #ff4444;border-radius:12px;margin-bottom:.5rem}.error-icon{font-size:1rem;color:#f44}.error-text{color:#f44;font-weight:500;font-size:.9rem;flex:1}.error-close-btn{background:transparent;color:#f44;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;transition:background-color .2s}.error-close-btn:hover{background:#f443}.customize-avatar-btn{background:#fff;border:1px solid #1B5EB0;color:#1b5eb0;border-radius:18px;padding:.4rem 1rem;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;margin-right:.5rem}.customize-avatar-btn:hover{background:#f0f7ff}.customize-avatar-btn svg{width:14px;height:14px}.customizer-modal-content{width:1000px!important;height:90vh;display:flex;flex-direction:column}.customizer-modal-body{flex:1;padding:0!important;height:100%}.customizer-iframe{width:100%;height:100%;border:none;border-radius:0 0 12px 12px}.avatar-loader{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:#666;font-family:Inter,sans-serif}.upload-list{background:#f9f7ff;border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;border:1px solid rgba(91,76,167,.1)}.upload-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.file-name{font-weight:600}.file-meta{color:#8f8aa7;font-size:.9rem}.file-status{padding:.35rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600}.file-status.success{background:#10b98126;color:#047857}.file-status.pending{background:#facc1533;color:#ca8a04}.link-input-card{background:#fff;border-radius:20px;padding:2rem;flex:1;display:flex;flex-direction:column;position:relative;gap:1rem;border:none}.link-input-field{background:#f2f2f2;border:none;border-radius:16px;padding:.65rem 1rem;font-size:.9rem;color:#30303061;width:100%;margin-bottom:.75rem}.add-link-button{background:#bf8bf9;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:20px;font-size:.85rem;font-weight:400;cursor:pointer;align-self:center;margin-top:.75rem}.link-input-card small{color:#6f6b85}.text-input-card{background:#fff;border-radius:0 0 18.64px 18.64px;padding:2rem;flex:1;display:flex;flex-direction:column;position:relative;gap:1rem;border:none}.text-input-card textarea{background:#f2f2f2;border:none;border-radius:14px;padding:1rem;font-size:.9rem;color:#303030;flex:1;width:100%;resize:none;min-height:80px}.text-input-card .char-count{text-align:center;color:#ffffff7a;font-size:.875rem;margin-top:auto}.plan-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;height:100%;width:100%;max-width:100%;background:#fff;border-radius:18.64px;padding:2rem;border:none;flex:1;overflow-y:auto}.plan-card{border-radius:24px;padding:1.75rem;background:#f7f5ff;border:1px solid rgba(91,76,167,.1);display:flex;flex-direction:column;gap:1rem}.plan-card header h3{margin-bottom:.35rem}.plan-card ul{list-style:none;display:flex;flex-direction:column;gap:.4rem;color:#6c6783}.plan-card.featured{background:linear-gradient(165deg,#f7f1ff,#efe5ff);border-color:#5b4ca766;box-shadow:0 20px 40px #5b4ca740}.launch-checklist{margin-top:1rem;display:grid;gap:1.25rem;height:100%;width:100%;max-width:100%;background:#fff;border-radius:18.64px;padding:2rem;border:none;flex:1;overflow-y:auto}.launch-checklist h3{margin-bottom:.25rem;font-size:1.05rem}.launch-checklist p{color:#6c6783}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:400px;max-width:90%;box-shadow:0 10px 25px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e5e5}.modal-header h3{margin:0;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;color:#252233}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:#333}.modal-body{padding:1.5rem}.modal-body p{margin:0;font-family:Inter,sans-serif;font-size:1rem;color:#666;line-height:1.5}.modal-footer{padding:1.5rem;border-top:1px solid #e5e5e5;display:flex;justify-content:flex-end}.modal-ok-btn{background:#1b5eb0;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s ease}.modal-ok-btn:hover{background:#1b5eb0}.lead-capture-container{height:auto;min-height:400px;width:100%;max-width:100%;background:#fff;border-radius:18.64px;padding:2rem;border:none;display:flex;flex-direction:column;gap:1.5rem;flex:1}@media(max-width:600px){.lead-capture-container{padding:1.25rem;min-height:auto}}.lead-fields-list{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto;padding-right:.5rem}.lead-fields-list::-webkit-scrollbar{width:6px}.lead-fields-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.lead-fields-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.lead-fields-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.lead-capture-container div.lead-field-card-new{background:#f2f2f2!important;border-radius:20px!important;padding:.5rem 1rem!important;min-height:44px!important;display:flex!important;align-items:center!important;cursor:pointer!important;transition:all .2s ease!important;border:none!important;color:#252233!important;width:100%!important;font-size:inherit!important;font-weight:inherit!important;text-align:left!important;box-shadow:none!important;outline:none!important}.lead-field-card-new:hover{background:#e8e8e8}.lead-field-card-new.selected{background:#f2f2f2}.field-content{display:flex;align-items:center;gap:1rem;width:100%}.field-icon{width:24px;height:24px;flex-shrink:0}.field-icon img,.field-icon svg{width:100%;height:100%;object-fit:contain}.field-info{flex:1;display:flex;justify-content:space-between;align-items:center}.field-info h3{font-family:Inter,sans-serif;font-size:.85rem;font-weight:400;color:#252233;margin:0}.field-info p{font-family:Inter,sans-serif;font-size:.75rem;color:#25223380;margin:0}.add-custom-button{background:#1b5eb0;color:#fff;border:none;border-radius:18px;padding:.5rem 1.25rem;height:38px;display:flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;cursor:pointer;align-self:flex-start}.add-custom-button img{width:20px;height:20px;object-fit:contain}.lead-collection-card{margin-top:2rem;background:#f7f5ff;border-radius:36px;padding:2rem;display:flex;flex-direction:column;gap:1rem}@media(max-width:1080px){.site-preview-layout{grid-template-columns:1fr}.site-preview-page{padding:1rem}.preview-controls{flex-direction:row;justify-content:space-between;width:100%;gap:1rem}}@media(max-width:600px){.preview-controls{flex-direction:column;align-items:stretch}.back-link,.continue-button{width:100%;text-align:center}.device-toggle{order:-1;margin-bottom:.5rem;justify-content:center}}.go-live-container{display:flex;gap:2rem;height:100%;padding:2rem}.go-live-main{height:100%;width:100%;max-width:100%;background:#e5f1ff;border-radius:18.64px;padding:2.5rem 3rem;position:relative;flex:1;display:flex;flex-direction:column}.go-live-options{display:flex;gap:.75rem;margin-bottom:1.75rem;align-self:flex-start}.go-live-option-button{border:none;border-radius:15px;padding:.6rem 2.5rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;background:#42d2fc;color:#fff;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.go-live-option-button.active{background:#1b5eb0;color:#fff}.go-live-instruction{font-family:Inter,sans-serif;font-size:.95rem;color:#303030b3;margin:0 0 1.25rem}.go-live-title{font-family:Manrope,sans-serif;font-weight:600;font-size:40px;color:#252233cc;margin:0 0 1rem}.go-live-subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:24px;color:#30303080;margin:0 0 .5rem}.go-live-timing{font-family:Inter,sans-serif;font-weight:400;font-size:20px;color:#30303080;margin:0 0 2rem}.code-snippet-container{margin:2rem 0}.code-snippet{background:#fff;border-radius:20px;width:100%;max-width:900px;display:flex;align-items:flex-start;justify-content:space-between;padding:0 1.25rem;position:relative;overflow:hidden}.code-snippet.code-snippet-multiline{min-height:200px;padding:1.5rem 1.75rem;align-items:flex-start;gap:1.5rem}.code-text{font-family:Inter,sans-serif;font-weight:300;font-size:.85rem;color:#252233;background:none;border:none;outline:none;white-space:nowrap;overflow-x:auto;text-overflow:clip;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2)}.code-text-multiline{font-family:Inter,sans-serif;font-weight:300;font-size:.85rem;color:#252233;margin:0;background:none;border:none;outline:none;width:100%;white-space:pre-wrap;word-break:break-word}.code-text::-webkit-scrollbar{height:4px}.code-text::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.code-text::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.code-text::-webkit-scrollbar-thumb:hover{background:#0000004d}.copy-code-btn{background:#1b5eb0;border:none;border-radius:15px;width:auto;height:53px;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background .2s ease;font-family:Inter,sans-serif;font-weight:500;font-size:.95rem;color:#fff;padding:0 1.75rem;align-self:flex-start;white-space:nowrap}.copy-code-btn svg{width:16px;height:16px;flex-shrink:0}.copy-code-btn.success{background:#4ade80}.copy-code-btn:hover{background:#164a8a}.copy-code-btn.success:hover{background:#3bae70}.copy-icon{width:20px;height:20px}.code-instruction{font-family:Inter,sans-serif;font-weight:400;font-size:.9rem;color:#303030cc;margin:.75rem 0 0;text-align:center}.go-live-sidebar{width:386px;background:#f2e8ff;border-radius:30px;padding:2rem}.sidebar-title{font-family:Inter,sans-serif;font-weight:500;font-size:32px;color:#21182b;margin:0 0 3rem}.progress-section{margin-bottom:3rem}.progress-title{font-family:Inter,sans-serif;font-weight:400;font-size:20px;color:#252233;margin:0 0 1rem}.progress-bar{background:#fff;height:15px;border-radius:40px;position:relative;margin-bottom:.5rem}.progress-fill{background:#1b5eb0;height:100%;border-radius:40px;width:100%}.progress-percentage{font-family:Inter,sans-serif;font-weight:400;font-size:20px;color:#000;position:absolute;right:0;top:-25px}.steps-list{display:flex;flex-direction:column;gap:1rem}.step-item{background:#1b5eb0;border-radius:39.5px;height:60px;display:flex;align-items:center;padding:0 1.5rem;gap:1rem;transition:background .2s ease}.step-item.active{background:#602f91}.step-icon{width:38px;height:38px}.step-text{font-family:Inter,sans-serif;font-weight:400;font-size:20px;color:#fff}@media(max-width:1024px){.go-live-container{flex-direction:column}.go-live-sidebar{width:100%}.go-live-title{font-size:32px}.go-live-subtitle{font-size:20px}}@media(max-width:768px){.site-preview-page{padding:1rem;height:100vh;overflow:hidden}.site-preview-layout{display:flex;flex-direction:column;gap:1rem;height:100%;overflow-y:auto}.setup-panel{width:100%;min-height:auto;max-height:none;height:auto;padding:1.5rem;flex-shrink:0}.setup-steps{max-height:150px;overflow-y:auto}.site-preview-area{width:100%;height:auto;flex:1;padding:1.5rem;min-height:0}}@media(max-width:768px){.site-preview-layout{grid-template-columns:1fr!important;overflow-y:auto!important}.setup-panel,.site-preview-area{width:100%!important;max-width:100%!important}.site-preview-header h1{font-size:1.75rem!important}.site-preview-header .subtext{font-size:1rem!important}.knowledge-tabs{flex-wrap:wrap!important;gap:.5rem!important}.knowledge-tabs button{flex:1 1 calc(50% - .25rem);min-width:110px;font-size:.9rem!important}.lead-field-card-new{padding:1rem!important}.device-toggle button{width:70px!important;height:70px!important}}@media(max-width:600px){.setup-panel,.site-preview-area{padding:1rem!important}.site-preview-header h1{font-size:1.5rem!important}.knowledge-tabs button{font-size:.85rem!important;padding:.5rem .75rem!important}.device-toggle button{width:60px!important;height:60px!important}}@media(max-width:768px){.site-preview-page{height:100vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.site-preview-layout{height:auto!important;min-height:100vh;overflow:visible!important;display:flex!important;flex-direction:column!important}.setup-panel{flex-shrink:0;height:auto!important;overflow:visible!important}.site-preview-area{flex-shrink:0;height:auto!important;min-height:500px;overflow:visible!important}.site-window{height:auto!important;min-height:400px}.site-frame{height:450px!important;min-height:450px}.preview-controls{margin-bottom:1rem;flex-wrap:wrap}.panel-footer{margin-top:auto;flex-shrink:0}}@media(max-width:600px){.site-preview-page{padding:.5rem!important}.site-preview-layout{gap:1rem!important;padding:0!important}.setup-panel{margin-bottom:1rem}.site-preview-area{min-height:450px;margin-bottom:2rem}.site-frame{height:400px!important;min-height:400px}}@media(max-width:400px){.site-preview-area{min-height:400px}.site-frame{height:350px!important;min-height:350px}}@media(max-width:768px){html,body{overflow-y:auto!important;height:auto!important;-webkit-overflow-scrolling:touch!important}.site-preview-page{overflow:visible!important;height:auto!important;min-height:100vh}.site-preview-layout{overflow:visible!important;height:auto!important;padding-bottom:50px!important;display:flex!important;flex-direction:column!important}.site-preview-area{overflow:visible!important;height:auto!important;position:relative;flex-shrink:0}.site-window{overflow:visible!important;border-radius:18px!important;height:auto!important}.site-frame{overflow:hidden!important;border-radius:18px!important;position:relative;min-height:500px!important;height:auto!important}.site-frame-inner{overflow:hidden!important;border-radius:18px!important;width:100%!important;height:100%!important}.site-frame iframe{border-radius:18px!important;width:100%!important;height:100%!important;min-height:500px}.widget-overlay{overflow:hidden!important;border-radius:18px!important;pointer-events:none}.widget-overlay .avatar-widget-container{max-width:100%!important;max-height:100%!important}.preview-controls{width:100%;box-sizing:border-box;overflow:visible;flex-wrap:wrap;margin-bottom:1rem}.device-toggle{overflow:visible}.upload-sync{position:relative!important;bottom:auto!important;left:auto!important;margin-top:1.5rem!important;width:100%;justify-content:center;flex-wrap:wrap;text-align:center}}@media(max-width:600px){.site-preview-area{padding:1rem!important;border-radius:20px!important}.site-window{border-radius:16px!important;margin-top:.75rem!important}.site-frame,.site-frame-inner{border-radius:16px!important}}.header-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.header-row h1{margin:0}.auth-section{flex-shrink:0}.sign-in-btn{display:flex;align-items:center;gap:.5rem;background:#1b5eb0;color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s ease}.sign-in-btn:hover{background:#7d4fb8}.user-badge{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.35rem .5rem .35rem .35rem;border-radius:24px;box-shadow:0 2px 8px #00000014}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-name{font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;color:#252233}.sign-out-btn{background:transparent;border:none;color:#955fd1;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:12px;transition:background .2s ease}.sign-out-btn:hover{background:#955fd11a}.login-modal-content{background:#fff;border-radius:20px;width:400px;max-width:90%;box-shadow:0 20px 60px #00000040;position:relative;overflow:hidden}.login-modal-close{position:absolute;top:1rem;right:1rem;background:#0000000d;border-radius:50%;width:32px;height:32px;z-index:1}.login-modal-close:hover{background:#0000001a}.login-modal-body{padding:2.5rem 2rem;text-align:center}.login-modal-body h2{font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:600;color:#252233;margin:0 0 .5rem}.login-modal-body p{font-family:Inter,sans-serif;font-size:.9rem;color:#25223399;margin:0 0 1.5rem;line-height:1.5}.google-sign-in-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;background:#fff;border:1px solid #dadce0;border-radius:24px;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;color:#3c4043;cursor:pointer;transition:all .2s ease}.google-sign-in-btn:hover:not(:disabled){background:#f8f9fa;box-shadow:0 1px 3px #3c404326}.google-sign-in-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{width:20px;height:20px;border:2px solid #dadce0;border-top-color:#1b5eb0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.auth-section{width:100%}.sign-in-btn,.user-badge{width:100%;justify-content:center}.login-modal-content{width:95%;max-width:360px}.login-modal-body{padding:2rem 1.5rem}}.lead-field-card-new{background:#f2f2f2!important;border-radius:24px!important;padding:.75rem 1rem!important;height:52px!important;display:flex!important;align-items:center!important;cursor:pointer!important;transition:all .2s ease!important;border:none!important;color:#252233!important;width:100%!important;font-size:inherit!important;font-weight:inherit!important;text-align:left!important;box-shadow:none!important;outline:none!important;margin:0 0 .5rem!important}.lead-field-card-new:hover{background:#e8e8e8!important}.lead-field-card-new.selected{background:#f2f2f2!important}.lead-field-card-new.selected .field-icon svg circle{fill:#1b5eb0!important}.field-content{display:flex!important;align-items:center!important;gap:.75rem!important;width:100%!important}.field-icon{width:28px!important;height:28px!important;flex-shrink:0!important}.field-icon img{width:100%!important;height:100%!important;object-fit:contain!important}.field-info{flex:1!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.field-info h3{font-family:Inter,sans-serif!important;font-size:.9rem!important;font-weight:400!important;color:#252233!important;margin:0!important}.field-info p{font-family:Inter,sans-serif!important;font-size:.8rem!important;color:#25223380!important;margin:0!important}.add-custom-button{background:#1b5eb0!important;border-radius:18px!important;height:36px!important;width:auto!important;border:none!important;color:#fff!important;font-family:Inter,sans-serif!important;font-size:.85rem!important;font-weight:400!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;cursor:pointer!important;transition:all .2s ease!important;margin-top:.75rem!important;white-space:nowrap!important;padding:.5rem 1rem!important}.add-custom-button:hover{background:#1b5eb0!important}.add-custom-button img{width:18px!important;height:18px!important}.custom-question-input{margin-top:1rem;padding:1rem;background:#fff;border-radius:12px;border:1px solid #e5e5e5}.custom-question-field{width:100%;padding:.75rem;border:1px solid #e5e5e5;border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;margin-bottom:1rem;outline:none}.custom-question-field:focus{border-color:#1b5eb0;box-shadow:0 0 0 3px #1b5eb01a}.custom-question-description{margin-bottom:1rem!important}.custom-question-description::placeholder{color:#999;font-size:.9rem}.custom-question-buttons{display:flex;gap:.5rem;justify-content:flex-end}.custom-question-save-btn{background:#1b5eb0;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease}.custom-question-save-btn:hover{background:#1b5eb0}.custom-question-cancel-btn{background:#f5f5f5;color:#666;border:none;padding:.5rem 1rem;border-radius:6px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease}.custom-question-cancel-btn:hover{background:#e8e8e8}.delete-custom-field-btn{background:none;border:none;color:#999;font-size:1.2rem;cursor:pointer;padding:.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.delete-custom-field-btn:hover{background:#f44;color:#fff}.field-content{display:flex!important;align-items:center!important;gap:1rem!important;width:100%!important;position:relative!important}.login-container{min-height:100vh;display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.login-left{flex:1;background:linear-gradient(to right,#000516 100%,#001c7c -10%);padding:40px 40px 40px 20px;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.login-logo{position:absolute;top:20px;left:-10px;padding:0 0 0 -10px;display:flex;align-items:center}.login-logo-icon{width:301px;height:107px;object-fit:contain}.login-logo-text{color:#fff;font-size:16px;font-weight:600;letter-spacing:1px}.login-logo-badge{background:#ffffff1a;color:#fff9;padding:2px 8px;border-radius:4px;font-size:10px;text-transform:uppercase}.login-form{max-width:400px;margin-top:140px}.login-title{font-size:28px;font-weight:600;color:#fff;margin-bottom:8px}.login-subtitle{color:#ffffff80;font-size:14px;margin-bottom:40px}.login-input{width:100%;padding:14px 16px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;margin-bottom:20px;transition:all .3s ease}.login-input::placeholder{color:#fff6}.login-input:focus{outline:none;border-color:#fff6;background:#ffffff0d}.signup-btn{width:100%;padding:12px 16px;background:#1b5eb0;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;transition:all .3s ease}.signup-btn:hover{background:#2563eb;transform:translateY(-1px)}.signup-btn:active{transform:translateY(0)}.divider{display:flex;align-items:center;gap:16px;margin:24px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.divider-text{color:#fff6;font-size:13px;text-transform:lowercase}.login-prompt{color:#fff9;font-size:13px;margin-bottom:12px;text-align:center}.google-btn{width:100%;padding:12px 16px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;position:relative}.google-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.google-btn:active{transform:translateY(0)}.google-btn svg{width:20px;height:20px}.arrow-icon{position:absolute;right:16px;font-size:18px}.login-right{flex:1;background:linear-gradient(135deg,#1e3a8a,#3b82f6);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-image{width:100%;height:100%;object-fit:cover}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}@media(max-width:768px){.login-container{flex-direction:column;min-height:100vh;min-height:100dvh;overflow:hidden;background:#000516}.login-left{flex:0 0 auto;padding:20px 24px 8px;background:transparent}.login-logo{position:relative;top:auto;left:auto;padding:0;margin-bottom:16px}.login-logo-icon{width:180px;height:auto}.login-form{margin-top:0;max-width:100%}.login-title{font-size:22px;margin-bottom:4px}.login-subtitle{font-size:13px;margin-bottom:20px}.login-input{padding:12px 14px;font-size:13px;margin-bottom:14px;border-radius:6px}.signup-btn{padding:12px 16px;font-size:14px;margin-bottom:14px}.divider{margin:12px 0}.login-prompt{text-align:left;font-size:13px;margin-bottom:10px}.google-btn{padding:12px 16px;font-size:14px}.login-right{flex:1;min-height:200px;background:transparent;align-items:flex-end;justify-content:center;overflow:hidden}.login-image{width:100%;height:100%;object-fit:cover;object-position:top center}}.sidebar{height:100vh;background-color:#050a14;color:#fff;display:flex;flex-direction:column;box-sizing:border-box;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:100}.sidebar.expanded{width:260px;padding:24px 16px;align-items:stretch}.sidebar.collapsed{width:80px;padding:24px 0;align-items:center}.sidebar-header{margin-bottom:32px;display:flex;flex-direction:column;gap:20px}.header-top{display:flex;align-items:center;justify-content:space-between;width:100%}.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none;color:#fff;width:100%}.logo-text-container{display:flex;flex-direction:column;justify-content:center}.logo-icon-wrapper{position:relative;width:32px;height:32px}.logo-img{transition:opacity .2s}.hover-toggle-icon{position:absolute;top:0;left:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fffc}.sidebar.collapsed .logo-section:hover .logo-img{opacity:0}.sidebar.collapsed .logo-section:hover .hover-toggle-icon{opacity:1}.sidebar.expanded .hover-toggle-icon{display:none}.logo-main-text{font-size:18px;font-weight:700;letter-spacing:.5px;white-space:nowrap;line-height:1}.logo-subtext{font-size:10px;color:#94a3b8;letter-spacing:1px;font-weight:600;margin-top:2px}.sidebar-toggle-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;margin-left:auto}.sidebar-toggle-btn:hover{color:#fff;background:#ffffff1a}.studio-selector{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:transparent;border-radius:8px;cursor:pointer;transition:background .2s}.studio-selector:hover{background:#ffffff0d}.studio-name{font-size:14px;font-weight:500;color:#e2e8f0}.side-nav{display:flex;flex-direction:column;gap:8px;width:100%}.nav-item{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .2s;color:#ffffffb3;text-decoration:none;background:transparent}.sidebar.collapsed .nav-item{width:44px;height:44px;border-radius:50%;margin:0 auto}.sidebar.expanded .nav-item{width:100%;height:48px;border-radius:24px;justify-content:flex-start;padding:0 16px;gap:12px}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{background:#1b5eb0!important;color:#fff!important}.nav-item.menu-open{background:#1b5eb026!important;color:#fff!important}.nav-icon{display:flex;align-items:center;justify-content:center;min-width:24px}.nav-label{font-size:14px;font-weight:500;white-space:nowrap}.nav-badge{margin-left:auto;background:#fff;color:#1b5eb0;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px;width:100%;padding-bottom:24px;position:relative}.account-avatar-mini{width:32px;height:32px;background:#1b5eb0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.expanded-avatar{background:transparent!important}.expanded-avatar:hover{background:#ffffff1a!important}.sidebar-footer{position:relative}.profile-dropdown-menu{position:absolute;bottom:24px;left:calc(100% + 12px);width:240px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026,0 4px 8px #0000000d;padding:12px 0;z-index:9999;animation:fadeIn .2s cubic-bezier(.16,1,.3,1);border:1px solid rgba(0,0,0,.08)}.sidebar.expanded .profile-dropdown-menu{left:calc(100% - 20px);bottom:80px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:12px;padding:4px 16px 12px}.dropdown-avatar{width:38px;height:38px;background:#1b5eb0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0}.dropdown-user-info{display:flex;flex-direction:column;overflow:hidden}.dropdown-name{font-size:15px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.dropdown-meta{font-size:11px;color:#64748b;white-space:nowrap;margin-top:2px}.dropdown-divider{height:1px;background:#f1f5f9;margin:8px 0}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:all .2s;color:#475569}.dropdown-item span{font-size:14px;font-weight:500}.dropdown-item svg{color:#64748b}.dropdown-item:hover{background:#f8fafc;color:#1b5eb0}.dropdown-item:hover svg{color:#1b5eb0}.dropdown-item.logout:hover{background:#fef2f2}.mobile-menu-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1000;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:8px;cursor:pointer}.mobile-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.mobile-menu-toggle{display:flex}.mobile-sidebar-overlay.visible{display:block}.sidebar{position:fixed;left:0;top:0;z-index:1001;transform:translate(-100%);transition:transform .3s ease;width:260px}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px}.sidebar.collapsed .nav-item{width:100%;height:48px;border-radius:24px;justify-content:flex-start;padding:0 16px;gap:12px;margin:0}.sidebar.collapsed .nav-label,.sidebar.collapsed .logo-main-text,.sidebar.collapsed .logo-subtext{display:block!important}}@media(max-width:768px){.profile-dropdown-menu{left:16px;right:16px;bottom:100px;width:auto}}.pipeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;flex:1;overflow-x:auto;min-height:0}.pipeline-column{background:transparent;display:flex;flex-direction:column;gap:16px;min-width:320px}.column-header{margin-bottom:8px}.column-title-row{display:flex;align-items:center;gap:12px}.column-title{font-size:16px;font-weight:500;color:#0f172a;margin:0}.column-badge{background:#1b5eb0;color:#fff;font-size:12px;font-weight:600;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:flex;align-items:center;justify-content:center}.column-settings-btn{background:none;border:none;padding:4px;margin-left:auto;cursor:pointer;color:#64748b}.column-content{flex:1;display:flex;flex-direction:column;gap:16px;background:#ebf3ff;border-radius:16px;padding:16px;min-height:200px;overflow-y:auto;transition:background-color .2s}.column-content.drag-active{background:#e2ecfb}.drag-placeholder{display:flex;align-items:center;justify-content:center;border:2px dashed #94A3B8;border-radius:16px;color:#64748b;font-size:13px;font-weight:500;text-align:center;width:100%;box-sizing:border-box;padding:0 20px}.drag-placeholder.empty{height:120px;margin-top:24px}.drag-placeholder.incoming{height:60px;background:#ffffff80;margin-top:8px;border-color:#1b5eb0;color:#1b5eb0}@media(max-width:768px){.pipeline-grid{display:flex;padding:4px;gap:16px}.pipeline-column{min-width:280px;flex-shrink:0}.column-content{padding:12px;border-radius:12px}.pipeline-card{padding:16px}}.pipeline-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:12px;cursor:grab;transition:transform .2s,box-shadow .2s,border-color .2s;-webkit-user-select:none;user-select:none;position:relative;border:2px solid transparent}.pipeline-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.pipeline-card:active{cursor:grabbing}.pipeline-card.active{border-color:#1b5eb0;box-shadow:0 4px 12px #1b5eb026}.pipeline-card.overlay{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1.02);z-index:1000;border-color:#3b82f6}.card-unread-dot{position:absolute;top:-4px;left:-4px;width:10px;height:10px;background-color:#2563eb;border-radius:50%;z-index:10}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start}.card-name-col{display:flex;flex-direction:column;gap:4px}.lead-name{font-weight:700;font-size:16px;color:#1e293b;line-height:1.2}.card-location{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.card-icons-row{display:flex;align-items:center;gap:8px}.icon-btn{display:flex;align-items:center;justify-content:center;color:#64748b;transition:color .2s}.icon-btn.active{color:#2563eb}.icon-btn.success{color:#10b981}.card-score-row{display:flex;justify-content:flex-end;margin-top:-8px}.score-badge{background-color:#10b981;color:#fff;font-weight:700;font-size:13px;padding:2px 8px;border-radius:6px}.card-body-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.intent-list{margin:0;padding:0;list-style:none;flex:1}.intent-list li{font-size:12px;color:#334155;margin-bottom:4px;padding-left:12px;position:relative;line-height:1.4}.intent-list li:before{content:"•";position:absolute;left:0;color:#94a3b8}.conversation-view-container{display:flex;flex-direction:column;height:100%;width:100%;background:#e5f1ff;font-family:Inter,sans-serif}.cv-top-bar{padding:12px 24px;display:flex;align-items:center;background:transparent}.back-to-pipeline{display:flex;align-items:center;gap:8px;background:none;border:none;color:#1e293b;font-size:16px;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .2s}.back-to-pipeline:hover{background:#1b5eb01a}.cv-main-layout{display:flex;flex:1;overflow:hidden;gap:20px;padding:0 24px 24px;width:100%}.cv-leads-sidebar{width:380px;flex-shrink:0;min-width:0;background:#ffffff80;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cv-sidebar-header{padding:20px;display:flex;justify-content:space-between;align-items:center}.cv-sidebar-header h3{margin:0;font-size:16px;font-weight:500;color:#1e293b}.cv-sidebar-badge{background:#1b5eb0;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px}.cv-leads-list{flex:1;overflow-y:auto;padding:0 12px 20px;display:flex;flex-direction:column;gap:12px}.cv-chat-area{flex:1;min-width:0;background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px #0000000d}.cv-chat-area.expanded{flex:2.5}.cv-chat-header{padding:16px 24px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center}.cv-header-user{display:flex;align-items:center;gap:12px}.cv-header-avatar{width:48px;height:48px;border-radius:50%;background:#1b5eb0;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;border:2px solid white;box-shadow:0 2px 8px #0000001a}.cv-header-info{display:flex;flex-direction:column;gap:4px}.cv-header-info h2{margin:0;font-size:20px;font-weight:700;color:#1e293b}.cv-header-tags{display:flex;gap:6px}.cv-header-tag{font-size:11px;font-weight:600;background:#f1f5f9;color:#475569;padding:2px 10px;border-radius:100px;display:flex;align-items:center;border:1px solid #E2E8F0}.cv-add-tag-inline{background:#f1f5f9;border:1px dashed #CBD5E1;color:#64748b;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cv-add-tag-inline:hover{background:#e2e8f0;border-color:#94a3b8;color:#1e293b}.cv-header-actions{display:flex;align-items:center;gap:12px}.cv-move-to-btn{display:flex;align-items:center;gap:8px;background:#1b5eb0;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s}.cv-move-to-btn:hover{background:#154a8a}.cv-more-btn{background:none;border:none;padding:8px;cursor:pointer;color:#64748b;border-radius:8px}.cv-more-btn:hover{background:#f1f5f9}.cv-chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;background:#fcfdff}.cv-date-divider{text-align:center;position:relative;margin:8px 0}.cv-date-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#f1f5f9;z-index:1}.cv-date-divider span{position:relative;z-index:2;background:#fcfdff;padding:0 16px;font-size:12px;color:#94a3b8;font-weight:500}.cv-message-group{display:flex;flex-direction:column;gap:4px}.cv-message-sender{font-size:12px;color:#64748b;margin-bottom:2px;display:flex;align-items:center;gap:4px}.cv-message-sender.right{flex-direction:row-reverse}.cv-message-row{display:flex;gap:12px}.cv-message-row.right{flex-direction:row-reverse}.cv-message-avatar{width:28px;height:28px;border-radius:50%;background:#1b5eb0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.cv-bubble{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;max-width:70%;position:relative;box-shadow:0 1px 2px #0000000d}.cv-bubble.user{background:#f1f5f9;color:#1e293b;border-top-left-radius:4px}.cv-message-row.right .cv-bubble.user{background:#e0f2fe;color:#1b5eb0;border-top-right-radius:4px;border-top-left-radius:12px}.cv-bubble.ai{background:#f1f5f9;color:#1e293b;border-top-left-radius:4px}.cv-attachment{display:flex;align-items:center;gap:12px;background:#fff;border-radius:8px;padding:8px 12px;margin-top:8px;border:1px solid #E2E8F0}.cv-chat-input-container{background:#f8fafc;border-top:1px solid #F1F5F9;padding:20px}.cv-input-tabs{display:flex;gap:8px;margin-bottom:16px}.cv-input-tab{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid #E2E8F0;background:#fff;color:#64748b;transition:all .2s}.cv-input-tab.active{border-color:transparent;color:#fff;box-shadow:0 2px 4px #0000001a}.cv-input-tab:not(.active):hover{background:#f1f5f9;border-color:#cbd5e1}.cv-input-tab.whatsapp.active{background:#10b981}.cv-input-tab.email.active{background:#1b5eb0}.cv-input-tab.notes.active{background:#f59e0b}.cv-input-tab.summary.active{background:#6366f1}.cv-input-box{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #00000005}.cv-input-box textarea{border:none;outline:none;resize:none;font-family:inherit;font-size:14px;color:#1e293b;min-height:80px;line-height:1.5}.cv-input-footer{display:flex;justify-content:space-between;align-items:center}.cv-input-left{display:flex;gap:8px}.cv-template-select{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E2E8F0;padding:6px 12px;border-radius:6px;font-size:13px;color:#1e293b;cursor:pointer}.cv-attach-btn{background:#f1f5f9;border:none;padding:6px;border-radius:6px;cursor:pointer;color:#64748b}.cv-send-btn{display:flex;align-items:center;gap:8px;background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:opacity .2s}.cv-send-btn:hover{opacity:.9}.cv-send-btn.email{background:#1b5eb0}.cv-send-btn.notes{background:#f59e0b}.cv-pinned-summary{background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;padding:12px 16px;margin-bottom:24px}.cv-summary-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#1e293b;margin-bottom:8px}.cv-summary-inline-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.cv-summary-inline-list li{font-size:13px;color:#475569;padding-left:14px;position:relative}.cv-summary-inline-list li:before{content:"•";position:absolute;left:0;color:#94a3b8}.cv-summary-view{padding:8px}.cv-summary-view h4{margin:0 0 12px;font-size:14px;color:#1e293b}.cv-summary-list{margin:0 0 16px;padding:0;list-style:none}.cv-summary-list li{font-size:13px;color:#475569;margin-bottom:8px;padding-left:16px;position:relative;line-height:1.4}.cv-summary-list li:before{content:"•";position:absolute;left:0;color:#6366f1;font-weight:700}.cv-regenerate-summary{background:#f1f5f9;color:#6366f1;border:1px solid #E0E7FF;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.cv-info-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d}.cv-info-card h4{margin:0 0 16px;font-size:15px;font-weight:700;color:#1e293b;display:flex;justify-content:space-between;align-items:center}.cv-labels-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.cv-label-pill{background:#e0f2fe;color:#1b5eb0;font-size:12px;font-weight:600;padding:4px 12px;border-radius:100px;display:flex;align-items:center;gap:6px}.cv-add-label{font-size:13px;color:#64748b;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 0}.cv-notes-area{background:#f8fafc;border-radius:12px;padding:16px;border:1px solid #F1F5F9}.cv-notes-content{font-size:13px;color:#94a3b8;min-height:100px}.cv-notes-toolbar{display:flex;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid #E2E8F0}.cv-format-btns{display:flex;gap:12px;color:#64748b}.cv-note-actions{display:flex;gap:12px}.cv-cancel-note{font-size:11px;color:#64748b;background:none;border:none;cursor:pointer}.cv-save-note{background:#1b5eb0;color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer}.cv-summary-placeholder{height:300px;background:#f8fafc;border-radius:12px;border:2px dashed #E2E8F0}@media(max-width:768px){.cv-top-bar{padding:64px 16px 12px}.cv-main-layout{flex-direction:column;padding:0 16px 16px;overflow-y:auto}.cv-leads-sidebar,.cv-info-sidebar{display:none}.cv-chat-area{flex:1;min-height:0}.cv-header-user h2{font-size:16px}.cv-header-avatar{width:32px;height:32px;font-size:14px}.cv-bubble{max-width:85%}.cv-input-box textarea{min-height:40px}.cv-send-btn{padding:8px 12px;font-size:13px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end;align-items:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal-box{background:#fff;width:100%;max-width:460px;height:100%;max-height:calc(100vh - 40px);border-radius:20px;padding:32px;box-shadow:0 10px 40px -10px #0000001a;position:relative;display:flex;flex-direction:column;gap:24px;animation:slideInRight .4s cubic-bezier(.16,1,.3,1);overflow-y:auto}@keyframes slideInRight{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start}.modal-header h3{margin:0;font-size:24px;font-weight:700;color:#0f172a}.close-btn{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn:hover{color:#0f172a}.modal-subtitle{margin:-12px 0 0;color:#64748b;font-size:15px}.modal-body{display:flex;flex-direction:column;gap:16px}.form-group label{font-size:14px;font-weight:600;color:#334155}.modal-body input,.modal-body select{background:#f1f5f9;border:1px solid transparent;padding:12px 16px;border-radius:12px;font-size:14px;color:#1e293b;outline:none;transition:all .2s}.modal-body input:focus{border-color:#1b5eb0;background:#fff;box-shadow:0 0 0 3px #1b5eb01a}.phone-input{display:flex;gap:8px}.country-select{width:80px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.phone-input input{flex:1}.tags-box{background:#f1f5f9;border-radius:12px;padding:16px;min-height:120px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px}.add-tags{color:#1b5eb0;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px}.add-tags:hover{text-decoration:underline}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.btn-cancel{padding:12px 24px;border-radius:12px;border:none;background:#f1f5f9;color:#1b5eb0;font-weight:600;font-size:15px;cursor:pointer;transition:background .2s;min-width:100px}.btn-cancel:hover{background:#e2e8f0}.btn-primary{padding:12px 24px;border-radius:12px;border:none;background:#1b5eb0;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:background .2s;min-width:100px}.btn-primary:hover{background:#154c8e}@media(max-width:480px){.modal-overlay{justify-content:center;padding:0;align-items:flex-end}.modal-box{border-radius:20px 20px 0 0;max-height:90vh;padding:24px;animation:slideInUp .3s ease-out}.modal-header h3{font-size:20px}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-footer{flex-direction:column;gap:8px}.modal-footer button{width:100%}}.dashboard-layout{display:flex;height:100vh;background:#e5f1ff;font-family:Inter,sans-serif}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.dashboard-split-view{display:flex;width:100%;height:100%;overflow:hidden;padding:24px 32px;gap:24px;box-sizing:border-box}.list-view-content{flex:1;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;min-width:0}.list-toolbar,.view-mode-selector{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mode-toggle{display:flex;background:#e2e8f0;padding:4px;border-radius:8px;gap:4px}.mode-btn{padding:6px 16px;border-radius:6px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:#64748b}.mode-btn.active{background:#1b5eb0;color:#fff}.mode-right-actions{display:flex;align-items:center;gap:20px}.avatar-group{display:flex;align-items:center}.avatar-mini{width:24px;height:24px;border-radius:50%;margin-right:-8px;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.avatar-count{width:24px;height:24px;border-radius:50%;background:#f1f5f9;color:#1b5eb0;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;margin-left:8px}.edit-lead-btn{display:flex;align-items:center;gap:8px;background:#1b5eb0;color:#fff;padding:10px 20px;border-radius:12px;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.edit-lead-btn:hover{background:#154c8e;transform:translateY(-1px);box-shadow:0 6px 8px -1px #00000026}.edit-lead-btn svg{stroke-width:2.5px}.edit-stage-btn{padding:8px 16px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;color:#64748b;font-size:14px;font-weight:600;cursor:pointer}.list-filters{display:flex;gap:12px;align-items:center}.filter-tab{padding:8px 16px;border-radius:20px;border:none;background:transparent;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.filter-tab.active{background:#1b5eb0;color:#fff}.filter-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer}.filter-btn:hover{background:#e2e8f0}.search-field{display:flex;align-items:center;background:#fff;border:1px solid #E2E8F0;border-radius:100px;padding:8px 16px;width:320px;gap:8px}.search-field input{border:none;outline:none;width:100%;font-size:14px;color:#1e293b}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;flex:1;overflow-y:auto}.leads-table{width:100%;border-collapse:collapse}.leads-table th{text-align:left;padding:16px 24px;border-bottom:1px solid #F1F5F9;font-size:12px;font-weight:600;color:#94a3b8;background:#fff;position:sticky;top:0}.leads-table td{padding:16px 24px;border-bottom:1px solid #F1F5F9;font-size:14px;color:#1e293b;vertical-align:middle}.leads-table tr:hover td{background:#f8fafc;cursor:pointer}.leads-table tr.selected-row td{background:#1b5eb0;color:#fff!important}.leads-table tr.selected-row .name-text,.leads-table tr.selected-row .company-cell,.leads-table tr.selected-row .contact-cell{color:#fff!important}.leads-table tr.selected-row svg{stroke:#fff}.name-cell{font-weight:600}.company-cell,.contact-cell{color:#1e293b}.name-cell{display:flex;align-items:center;gap:12px}.drag-handle-mini{cursor:grab;opacity:.3;display:flex;align-items:center;transition:opacity .2s;padding:4px}.drag-handle-mini:hover{opacity:1}.dragging-row{background:#fff!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;position:relative;z-index:1000}.dragging-row td{border-top:1px solid #1B5EB0;border-bottom:1px solid #1B5EB0}.chat-sidebar-panel{width:400px;background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.chat-header{padding:20px 24px;border-bottom:1px solid #F1F5F9;display:flex;align-items:center;gap:12px}.chat-header h3{margin:0;font-size:18px;color:#1e293b;font-weight:600;flex:1}.close-panel-btn{background:none;border:none;padding:8px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-panel-btn:hover{background:#f1f5f9;color:#0f172a}.mobile-back-btn{display:none;background:none;border:none;cursor:pointer;padding:4px;margin-left:-8px}.chat-body-scroll{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:#fff}.chat-message{display:flex;max-width:80%}.chat-message.system{align-self:flex-start}.chat-message.user{align-self:flex-end;justify-content:flex-end}.bubble{padding:10px 16px;border-radius:12px;font-size:14px;line-height:1.4;color:#fff;position:relative;box-shadow:0 1px 2px #0000001a}.chat-message.system .bubble{background-color:#2563eb;border-bottom-left-radius:4px}.chat-message.user .bubble{background-color:#1e3a8a;border-bottom-right-radius:4px}.icon-bubble{display:flex;align-items:center;justify-content:center;padding:8px 16px;min-width:40px}.chat-footer-input{padding:20px;border-top:1px solid #F1F5F9}.chat-footer-input input{width:100%;padding:12px 16px;background:#f8fafc;border:none;border-radius:12px;font-size:14px;outline:none;color:#1e293b}.chat-footer-input input::placeholder{color:#94a3b8}@media(max-width:768px){.dashboard-split-view{padding:0;gap:0;flex-direction:column;overflow-y:auto}.list-view-content{padding:16px;flex:none;width:100%}.list-toolbar{padding:0;flex-direction:column;gap:16px;align-items:stretch}.view-mode-selector{flex-direction:column;align-items:stretch;gap:16px}.mode-right-actions{justify-content:space-between;width:100%}.search-field{width:100%}.list-view-content.shrink{display:none}.chat-sidebar-panel{width:100%;height:100%;border-radius:0;position:absolute;top:0;left:0;z-index:100;animation:none}.mobile-back-btn{display:block}.table-container{border-radius:0;box-shadow:none}.leads-table th,.leads-table td{padding:12px 16px}}.payments-content{background:#e5f1ff;padding:24px 32px;overflow-y:auto}.payments-header{margin-bottom:16px}.payments-header-top{display:flex;justify-content:space-between;align-items:flex-start}.payments-title{font-size:24px;font-weight:3 00;color:#111827;margin:0 0 4px}.payments-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:400}.available-balance{display:flex;align-items:stretch;background:#fff;border:2px solid #00A3FF;border-radius:14px;overflow:hidden;height:48px;flex-shrink:0}.balance-label{display:flex;align-items:center;padding:0 20px;font-size:14px;font-weight:500;color:#111827;white-space:nowrap}.balance-value{background:#1b5eb0;color:#fff;display:flex;align-items:center;padding:0 24px;gap:6px;white-space:nowrap}.balance-count{font-size:32px;font-weight:200;line-height:1}.balance-unit{font-size:14px;font-weight:300;margin-top:8px}.billing-toggle{display:flex;align-items:center;gap:12px;margin-bottom:16px}.toggle-label{font-size:14px;font-weight:500;color:#9ca3af;transition:color .2s}.toggle-label.active{color:#111827;font-weight:600}.toggle-switch{position:relative;width:48px;height:26px;background:#1b5eb0;border-radius:13px;border:none;cursor:pointer;padding:0;transition:background .25s}.toggle-switch.on{background:#1b5eb0}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 3px #00000026}.toggle-switch.on .toggle-knob{transform:translate(22px)}.pricing-card{background:#fff;border-radius:16px;padding:24px 36px 32px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;max-width:1100px;width:100%}.slider-section{margin-bottom:20px}.slider-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.slider-label{font-size:14px;font-weight:500;color:#374151}.pay-per-unit{display:flex;align-items:baseline;gap:6px}.pay-text{font-size:14px;color:#6b7280;font-weight:500}.pay-amount{font-size:24px;font-weight:700;color:#111827}.pay-unit{font-size:13px;color:#6b7280;font-weight:400}.count-display{position:relative;width:100%;height:30px;margin-bottom:4px}.count-value{position:absolute;top:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#1b5eb0;white-space:nowrap;z-index:2}.slider-container{position:relative}.pricing-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer}.pricing-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#1b5eb0;border:3px solid white;box-shadow:0 1px 4px #00000040;cursor:pointer;margin-top:0}.pricing-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#1b5eb0;border:3px solid white;box-shadow:0 1px 4px #00000040;cursor:pointer}.pricing-slider::-moz-range-track{height:6px;border-radius:3px;background:transparent}.slider-range{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#9ca3af;font-weight:500}.pricing-details{display:flex;flex-direction:column;gap:16px}.total-price{display:flex;align-items:baseline;gap:2px}.price-dollar{font-size:28px;font-weight:600;color:#111827}.price-value{font-size:38px;font-weight:700;color:#111827;line-height:1}.price-period{font-size:14px;color:#6b7280;margin-left:8px;font-weight:500}.features-list{display:flex;flex-direction:column;gap:8px}.feature-item{display:flex;align-items:center;gap:12px}.check-icon{width:20px;height:20px;background-color:#1b5eb0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-item span{color:#4b5563;font-size:14px;font-weight:500}.get-started-btn{background-color:#1b5eb0;color:#fff;border:none;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;align-self:flex-end;min-width:220px;text-align:center;box-shadow:0 4px 8px #1b5eb040;transition:background .2s,transform .15s,box-shadow .2s;margin-top:8px}.get-started-btn:hover{background-color:#154c8e;transform:translateY(-1px);box-shadow:0 6px 12px #1b5eb04d}.get-started-btn:active{transform:translateY(0)}.recharge-btn{min-width:240px}@media(max-width:768px){.payments-content{padding:80px 16px 24px}.payments-header-top{flex-direction:column;gap:16px}.available-balance{align-self:flex-start}.pricing-card{padding:24px 20px 28px}.slider-header{flex-direction:column;gap:8px}.get-started-btn,.recharge-btn{align-self:stretch;min-width:unset}}.lead-form-content{background:#e5f1ff;padding:32px 40px;display:flex;flex-direction:column}.form-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 15px #0000000d;flex:1;display:flex;flex-direction:column}.fields-list{display:flex;flex-direction:column}.field-row-container{border-bottom:1px solid #F1F5F9;padding:12px 0;transition:background-color .2s}.field-row-container.active{background-color:#f8fafc80}.field-row-container:last-child{border-bottom:none}.field-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;border-radius:8px}.field-row:hover{background-color:#f8fafc}.field-left{display:flex;align-items:center;gap:16px}.drag-handle{cursor:grab;display:flex;align-items:center;padding:4px;border-radius:4px;transition:background-color .2s}.drag-handle:hover{background-color:#e2e8f0}.drag-handle:active{cursor:grabbing}.status-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;border:2px solid #E2E8F0}.status-icon.checked{background-color:#1b5eb0;border-color:#1b5eb0}.status-icon.unchecked{background-color:#fff}.field-label{font-size:15px;font-weight:600;color:#334155}.field-description{font-size:13px;color:#94a3b8}.options-manager{margin-left:92px;margin-top:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #E2E8F0;display:flex;flex-direction:column;gap:12px}.options-list{display:flex;flex-wrap:wrap;gap:8px}.option-tag{background:#fff;border:1px solid #E2E8F0;padding:4px 12px;border-radius:6px;font-size:13px;color:#475569;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d}.option-tag button{border:none;background:none;color:#94a3b8;cursor:pointer;font-size:16px;display:flex;align-items:center;padding:0}.option-tag button:hover{color:#ef4444}.option-input-row{display:flex;gap:8px}.option-input-row input{flex:1;padding:8px 12px;border:1px solid #E2E8F0;border-radius:6px;font-size:13px;outline:none}.option-input-row input:focus{border-color:#1b5eb0}.option-input-row button{background:#1b5eb0;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.option-input-row button:hover{background:#154c8e}.form-footer{margin-top:32px;padding:24px 0 0;border-top:1px solid #F1F5F9}.update-btn:hover{background-color:#1e3a8a}.kb-content{background:#e5f1ff;padding:32px 40px;display:flex;flex-direction:column;flex:1;overflow-y:auto;height:100%}.kb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.kb-tabs{display:flex;gap:12px}.kb-tab{padding:8px 16px;border-radius:20px;border:none;font-size:13px;font-weight:500;cursor:pointer;background:#e5f1ff;color:#64748b;box-shadow:0 1px 2px #0000000d}.kb-tab.active{background:#1b5eb0;color:#fff;box-shadow:none}.kb-search{display:flex;align-items:center;background:#fff;border-radius:20px;padding:8px 16px;width:300px;gap:8px;box-shadow:0 1px 2px #0000000d}.kb-search input{border:none;outline:none;width:100%;font-size:14px;color:#1e293b}.kb-search input::placeholder{color:#94a3b8}.kb-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000000d;flex:1;display:flex;flex-direction:column}.kb-table-header{display:flex;padding-bottom:16px;border-bottom:1px solid #E2E8F0;margin-bottom:0}.col-name{flex:2;font-size:13px;color:#94a3b8;font-weight:500;display:flex;align-items:center;gap:12px}.col-type,.col-updated{flex:1;font-size:13px;color:#94a3b8;font-weight:500}.col-action{width:40px}.kb-list{display:flex;flex-direction:column}.kb-row{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #E2E8F0}.file-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:6px}.file-name{font-size:14px;color:#1e293b;font-weight:500}.kb-row .col-type,.kb-row .col-updated{color:#1e293b;font-size:14px}.delete-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:50%;transition:background .2s}.delete-btn:hover{background:#f1f5f9}.kb-actions{margin-top:24px}.add-files-btn{display:flex;align-items:center;gap:8px;background:#1b5eb0;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.form-footer{margin-top:auto;padding-top:32px;display:flex;justify-content:space-between;align-items:center}.autosync-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.sync-checkbox{width:24px;height:24px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.sync-checkbox.checked{background-color:#38bdf8}.autosync-toggle span{font-size:14px;color:#4b5563}.update-btn{background-color:#1b5eb0;color:#fff;border:none;padding:12px 40px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 6px #1e40af33;transition:background-color .2s}@media(max-width:768px){.kb-content{padding:16px}.kb-header{flex-direction:column;align-items:stretch;gap:16px}.kb-tabs{overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.kb-search{width:100%;box-sizing:border-box}.kb-card{padding:16px;border-radius:12px}.kb-table-header{display:none}.kb-row{flex-direction:column;align-items:flex-start;gap:8px;position:relative;padding:16px 0}.col-name{width:100%;padding-right:40px;box-sizing:border-box}.col-type,.col-updated{font-size:12px;color:#64748b;margin-left:44px}.col-action{position:absolute;top:16px;right:0;width:auto}.update-btn{width:100%}}.special-instructions-container{display:flex;flex-direction:column;flex:1;height:100%}.special-instructions-container h3{margin:0 0 8px;font-size:18px;color:#1e293b}.instruction-subtitle{margin:0 0 24px;font-size:14px;color:#64748b}.special-instruction-textarea{flex:1;width:100%;border:1px solid #E2E8F0;border-radius:12px;padding:16px;font-size:14px;color:#1e293b;resize:none;outline:none;box-sizing:border-box;font-family:inherit;margin-bottom:24px;transition:border-color .2s}.special-instruction-textarea:focus{border-color:#1b5eb0}.special-instruction-textarea:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed}.instruction-actions{display:flex;justify-content:flex-end}.submit-instruction-btn{background-color:#1b5eb0;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 6px #1e40af33;transition:background-color .2s}.submit-instruction-btn:hover{background-color:#154c8e}.approval-pending-msg{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#fffbeb;color:#b45309;border:1px solid #FCD34D;border-radius:8px;font-size:14px;font-weight:600}.customize-content{overflow:auto}.customize-dashboard-content .avatar-customizer-section{padding:1.5rem 0;position:relative;overflow:hidden;background:transparent}.customize-dashboard-content .section-header{margin-bottom:1.5rem}.customize-dashboard-content .section-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.customize-dashboard-content .section-title{font-size:2rem;font-weight:800;margin-bottom:0;background:none;background-clip:unset;-webkit-text-fill-color:#0F172A;color:#0f172a}.customize-dashboard-content .section-subtitle{font-size:1rem;color:#64748b;line-height:1.6}.customize-dashboard-content .text-highlight{color:#0284c7;-webkit-text-fill-color:#0284C7}.customize-dashboard-content .demo-button{flex-shrink:0;padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#fff;background:#0284c7;border:none;border-radius:8px;cursor:pointer;transition:background .2s,opacity .2s}.customize-dashboard-content .demo-button:hover:not(:disabled){background:#0369a1}.customize-dashboard-content .demo-button:disabled{opacity:.6;cursor:not-allowed}.customize-dashboard-content .customizer-container{border-radius:32px;overflow:hidden;height:900px;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(0,0,0,.08);position:relative;z-index:2}.customize-dashboard-content .customizer-frame-wrapper{width:100%;height:100%}.customize-dashboard-content .customizer-iframe{width:100%;height:100%;border:none;background:transparent}.customize-dashboard-content .customizer-glows{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:1}.customize-dashboard-content .glow-c1{position:absolute;top:10%;right:5%;width:400px;height:400px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);filter:blur(60px);opacity:.3}.customize-dashboard-content .glow-c2{position:absolute;bottom:10%;left:5%;width:400px;height:400px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);filter:blur(60px);opacity:.2}@media(max-width:992px){.customize-dashboard-content .section-title{font-size:1.75rem}.customize-dashboard-content .customizer-container{height:600px}}@media(max-width:768px){.customize-dashboard-content .avatar-customizer-section{padding:1rem 0}.customize-dashboard-content .section-title{font-size:1.5rem}.customize-dashboard-content .customizer-container{height:500px;border-radius:20px}}.avatar-metadata-form{background:#fff;padding:24px;border-radius:16px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000000d}.avatar-metadata-form .form-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:20px;margin-top:0}.avatar-metadata-form .form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.avatar-metadata-form .form-group{display:flex;flex-direction:column;gap:8px}.avatar-metadata-form label{font-size:.875rem;font-weight:600;color:#475569}.avatar-metadata-form input[type=text],.avatar-metadata-form select{padding:10px 16px;border:1px solid #E2E8F0;border-radius:8px;font-size:.95rem;color:#1e293b;outline:none;transition:all .2s;background:#fff}.avatar-metadata-form input[type=text]:focus,.avatar-metadata-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.avatar-metadata-form .radio-group{display:flex;gap:24px;padding:10px 0}.avatar-metadata-form .radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#1e293b}.avatar-metadata-form .radio-label input[type=radio]{width:18px;height:18px;accent-color:#3B82F6;cursor:pointer}.avatar-metadata-form .form-actions{display:flex;justify-content:flex-end}.avatar-metadata-form .save-metadata-btn{background:#2563eb;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.avatar-metadata-form .save-metadata-btn:hover:not(:disabled){background:#1d4ed8}.avatar-metadata-form .save-metadata-btn:disabled{background:#94a3b8;cursor:not-allowed}@media(max-width:768px){.avatar-metadata-form .form-grid{grid-template-columns:1fr}}.team-header-top{padding:24px 32px}.page-title{font-size:24px;font-weight:700;color:#1e293b;margin:0}.team-container{padding:0 32px 32px;flex:1;overflow:hidden}.team-card-white{background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;height:100%;display:flex;flex-direction:column}.team-toolbar{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #F1F5F9}.team-tabs{display:flex;background:#fff;padding:4px;border-radius:100px;gap:8px}.team-tab{padding:8px 16px;border-radius:100px;border:none;background:transparent;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.team-tab.active{background:#1b5eb0;color:#fff}.search-input-wrapper{display:flex;align-items:center;background:#f8fafc;border:1px solid #E2E8F0;border-radius:100px;padding:8px 16px;width:320px;gap:8px}.search-input-wrapper input{border:none;outline:none;background:transparent;width:100%;font-size:14px;color:#1e293b}.team-table-wrapper{flex:1;overflow-y:auto;padding:0 32px}.team-table{width:100%;border-collapse:collapse}.team-table th{text-align:left;padding:24px 0 12px;font-size:12px;font-weight:500;color:#94a3b8;text-transform:capitalize;letter-spacing:normal}.team-table td{padding:16px 0;border-bottom:1px solid #F1F5F9;vertical-align:middle;color:#1e293b;font-size:14px}.member-name-cell{display:flex;align-items:center;gap:12px}.member-avatar{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.member-name-text{font-weight:600}.status-badge{padding:8px 0;width:140px;display:inline-flex;justify-content:center;border-radius:100px;font-size:13px;font-weight:600}.status-badge.active{background:#1b5eb0;color:#fff}.inner-team-footer{padding:32px 0}.add-member-btn{display:flex;align-items:center;gap:8px;background:#1b5eb0;color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.add-member-btn:hover{background:#154b8d}.empty-row{text-align:center;padding:40px!important;color:#94a3b8;font-style:italic}.add-member-header{padding:24px 32px}.add-member-title{font-size:18px;font-weight:600;color:#1e293b;margin:0}.add-member-container{padding:0 32px 32px;flex:1;overflow-y:auto}.add-member-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:32px;min-height:500px;position:relative}.form-section{display:flex;flex-direction:column;gap:12px;width:100%}.input-label{font-size:14px;font-weight:500;color:#1e293b}.required{color:#ef4444}.form-input{background:#edf2f7;border:none;border-radius:10px;padding:16px 20px;font-size:14px;color:#1e293b;width:100%;max-width:500px;outline:none}.form-input::placeholder{color:#94a3b8}.role-label{font-size:14px;font-weight:500;color:#1e293b;margin-bottom:4px}.roles-grid{display:flex;gap:16px;width:100%}.role-card{flex:1;min-width:0;max-width:320px;border:1px solid #E2E8F0;border-radius:12px;padding:20px;display:flex;gap:16px;cursor:pointer;transition:all .2s}.role-card:hover{border-color:#1b5eb0;background:#f8fafc}.role-card.selected{border-color:#1b5eb0;background:#ebf3ff}.role-checkbox-wrapper{padding-top:4px}.role-checkbox{width:24px;height:24px;border-radius:6px;border:1px solid #E2E8F0;background:#f8fafc;display:flex;align-items:center;justify-content:center}.role-checkbox.checked{background:#1b5eb0;border-color:#1b5eb0}.role-info{display:flex;flex-direction:column;gap:4px}.role-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.role-description{font-size:12px;color:#64748b;margin:0;line-height:1.4}.add-member-footer{margin-top:auto;display:flex;justify-content:flex-end}.footer-actions{display:flex;gap:16px}.cancel-btn{padding:12px 32px;border-radius:8px;border:none;background:#f1f5f9;color:#475569;font-size:14px;font-weight:600;cursor:pointer}.send-invite-btn{padding:12px 32px;border-radius:8px;border:none;background:#1b5eb0;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.send-invite-btn:hover{background:#154b8d}.settings-page{background:#e5f1ff;padding:0!important}.settings-container{display:flex;height:100%}.settings-sidebar{width:260px;background:#c9daf0;padding:40px 20px;display:flex;flex-direction:column;gap:32px;border-right:1px solid rgba(0,0,0,.05)}.settings-title{font-size:24px;font-weight:700;color:#0f172a;margin:0}.settings-tabs{display:flex;flex-direction:column;gap:8px}.settings-tab{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:10px;border:none;background:transparent;color:#475569;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.settings-tab:hover{background:#e2e8f0;color:#1e293b}.settings-tab.active{background:#fff;color:#1b5eb0}.settings-tab:hover:not(.active){background:#fff6;color:#1e293b}.tab-icon{display:flex;align-items:center;justify-content:center;width:20px;opacity:.7}.settings-tab.active .tab-icon{opacity:1}.settings-content{flex:1;background:#f8fafc;padding:40px 60px;overflow-y:auto}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.content-title{font-size:28px;font-weight:700;color:#0f172a;margin:0}.add-btn{display:flex;align-items:center;gap:8px;background:#1b5eb0;color:#fff;padding:10px 20px;border-radius:10px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.add-btn:hover{background:#154c8e}.labels-list{display:flex;flex-direction:column;border:1px solid #F1F5F9;border-radius:16px;overflow:hidden}.label-item{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #F1F5F9;transition:background .2s}.label-item:last-child{border-bottom:none}.label-item:hover{background:#f8fafc}.label-name{font-size:16px;font-weight:500;color:#334155}.label-actions{display:flex;gap:8px}.action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;color:#64748b;border:none;cursor:pointer;transition:all .2s}.action-btn:hover{background:#f1f5f9;color:#1b5eb0}.settings-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000008;border:1px solid #F1F5F9}.settings-table tbody{min-height:200px}.settings-table{width:100%;border-collapse:collapse}.settings-table th{text-align:left;padding:20px 24px;background:transparent;color:#94a3b8;font-size:13px;font-weight:600;letter-spacing:.02em;border-bottom:1px solid #F1F5F9}.settings-table td{padding:20px 24px;border-bottom:1px solid #F1F5F9;color:#1e293b;font-size:15px}.settings-table tr:last-child td{border-bottom:none}.font-medium{font-weight:600;color:#0f172a}.status-pill{padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;display:inline-flex}.status-pill.active{background:#1b5eb0;color:#fff}.menu-container{position:relative;display:inline-block}.menu-trigger{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.menu-trigger:hover{background:#f1f5f9;color:#1e293b}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:12px;padding:8px;z-index:10;min-width:160px;border:1px solid #F1F5F9}.menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;border:none;background:none;color:#64748b;font-size:14px;cursor:pointer;border-radius:8px;text-align:left}.menu-item:hover{background:#f8fafc;color:#1e293b}.menu-item.delete{color:#ef4444}.menu-item.delete:hover{background:#fef2f2}.template-list{display:flex;flex-direction:column}.template-item{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F1F5F9}.template-item:last-child{border-bottom:none}.template-info{display:flex;align-items:center;gap:16px}.template-icon-type{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b}.template-icon-type.whatsapp{color:#25d366}.template-name{font-size:15px;font-weight:500;color:#1e293b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 40px;text-align:center}.empty-icon-wrapper{width:100px;height:100px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.empty-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 12px}.empty-subtitle{color:#64748b;font-size:16px;max-width:360px;margin:0 0 32px}.add-btn.large{padding:12px 32px;border-radius:12px}.placeholder-content{color:#94a3b8;text-align:center;padding:60px}@media(max-width:1024px){.settings-sidebar{width:250px}}@media(max-width:768px){.settings-container{flex-direction:column;height:auto;overflow-y:visible}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid #E2E8F0;padding:60px 20px 20px;gap:16px}.settings-title{font-size:20px}.settings-tabs{flex-direction:row;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;gap:4px}.settings-tab{white-space:nowrap;padding:8px 16px;font-size:14px}.settings-content{padding:24px 20px}.content-title{font-size:22px}.add-btn{padding:8px 16px;font-size:14px}.settings-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.settings-table th,.settings-table td{padding:12px 16px;font-size:14px;white-space:nowrap}.empty-state{padding:60px 20px}.empty-icon-wrapper{width:80px;height:80px}.empty-title{font-size:18px}.empty-subtitle{font-size:14px}}.side-panel-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;animation:fadeIn .3s ease-out}.side-panel{position:fixed;top:0;right:-480px;width:440px;height:100vh;background:#fff;z-index:1001;box-shadow:-10px 0 30px #0000001a;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.side-panel.open{right:0}.side-panel-header{padding:32px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:flex-start}.side-panel-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 8px}.side-panel-subtitle{font-size:14px;color:#64748b;margin:0}.close-panel-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;margin-top:-4px;margin-right:-8px}.close-panel-btn:hover{background:#f1f5f9;color:#1e293b}.side-panel-body{flex:1;padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:#475569}.form-input,.form-select{width:100%;padding:12px 16px;border:1px solid #E2E8F0;border-radius:10px;background:#f8fafc;color:#1e293b;font-size:15px;transition:all .2s;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:#1b5eb0;background:#fff;box-shadow:0 0 0 4px #1b5eb01a}.status-select{background-color:#1b5eb0;color:#fff;font-weight:600;border:none}.status-select option{background:#fff;color:#1e293b}.side-panel-footer{padding:24px 32px;border-top:1px solid #F1F5F9;display:flex;gap:12px;justify-content:flex-end}.cancel-btn{padding:10px 24px;border-radius:10px;border:none;background:#f1f5f9;color:#64748b;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#e2e8f0;color:#1e293b}.add-location-btn{padding:10px 24px;border-radius:10px;border:none;background:#1b5eb0;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.add-location-btn:hover{background:#154c8e}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:480px){.side-panel{width:100%;right:-100%}}.editor-container{border:1px solid #E2E8F0;border-radius:12px;background:#f8fafc;overflow:hidden;transition:all .2s}.editor-container:focus-within{border-color:#1b5eb0;background:#fff;box-shadow:0 0 0 4px #1b5eb01a}.form-textarea{width:100%;padding:16px;border:none;background:transparent;color:#1e293b;font-size:15px;line-height:1.6;resize:vertical;min-height:150px;font-family:inherit}.form-textarea:focus{outline:none}.editor-toolbar{padding:8px 12px;border-top:1px solid #E2E8F0;background:#f1f5f9;display:flex;justify-content:flex-start}.toolbar-btns{display:flex;gap:8px}.toolbar-btns button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s;color:#64748b}.toolbar-btns button:hover{background:#e2e8f0;color:#1b5eb0}.toolbar-btns .icon{font-size:16px}.custom-select-wrapper{position:relative}.currency-settings-card{padding:24px}.currency-settings-card .settings-instruction h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#0f172a}.currency-settings-card .settings-instruction p{margin:0 0 24px;font-size:14px;color:#64748b}.currency-settings-card .flex{display:flex;align-items:center;gap:16px}.max-w-xs{max-width:320px}.p-8{padding:32px}.profile-page{background:#e5f1ff;padding:0!important}.profile-details-container{background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 20px #00000008;border:1px solid #F1F5F9}.profile-hero{display:flex;align-items:center;gap:32px;margin-bottom:32px}.profile-avatar-wrapper{position:relative}.profile-avatar-large{width:120px;height:120px;background:#1b5eb0;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.avatar-initial{color:#fff;font-size:48px;font-weight:700}.edit-avatar-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;background:#fff;border:1px solid #E2E8F0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000000d;color:#475569;transition:all .2s}.edit-avatar-btn:hover{background:#f8fafc;color:#1b5eb0}.profile-user-info{display:flex;flex-direction:column;gap:4px}.user-name{font-size:24px;font-weight:700;color:#0f172a;margin:0}.user-role{font-size:15px;font-weight:600;color:#64748b;margin:0}.user-company{font-size:14px;color:#94a3b8;margin:0}.info-divider{height:1px;background:#f1f5f9;margin:32px 0}.section-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 24px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-group{display:flex;flex-direction:column;gap:8px}.info-group.full-width{grid-column:span 2}.info-group label{font-size:13px;font-weight:600;color:#64748b}.info-group input,.info-group textarea,.info-group .country-code{padding:12px 16px;border:1px solid #E2E8F0;border-radius:8px;background:#f1f5f9;color:#1e293b;font-size:15px;font-weight:500;transition:all .2s}.info-group input:focus,.info-group textarea:focus{outline:none;border-color:#1b5eb0;background:#fff}.phone-input-wrapper{display:flex;gap:8px}.country-code{width:80px;cursor:pointer}.phone-input-wrapper input{flex:1}.profile-actions{margin-top:40px;display:flex;justify-content:flex-end;gap:12px}.cancel-btn{padding:10px 24px;border-radius:10px;border:none;background:#e2e8f0;color:#475569;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.update-btn{padding:10px 24px;border-radius:10px;border:none;background:#1b5eb0;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.update-btn:hover{background:#154c8e}.cancel-btn:hover{background:#cbd5e1}@media(max-width:768px){.info-grid{grid-template-columns:1fr}.info-group.full-width{grid-column:span 1}.profile-hero{flex-direction:column;text-align:center;gap:16px}}.demo-page{position:relative;width:100%;height:100vh;overflow:hidden}.demo-page--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:#0f172a;color:#e2e8f0;text-align:center}.demo-empty-message{margin:0;font-size:1.1rem}.demo-empty-message code{background:#ffffff1a;padding:.2em .4em;border-radius:4px;font-size:.95em}.demo-empty-example{margin:0;font-size:.9rem;color:#94a3b8;word-break:break-all}.demo-frame{position:absolute;inset:0;width:100%;height:100%}.demo-frame iframe{width:100%;height:100%;border:none;display:block;background:#fff}