@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fff}.loading-spinner{width:40px;height:40px}html,body{overflow-x:hidden;scroll-behavior:smooth}.landing-page-minimal{min-height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.minimal-nav{padding:1rem 2rem;position:fixed;top:0;left:0;right:0;z-index:100}.nav-container{max-width:100vw;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-minimal{display:flex;align-items:center;gap:.5rem;font-size:1.6rem;font-weight:700;word-spacing:-.08rem;color:#000}.logo-minimal svg{width:8%;height:auto}.btn-login{padding:.5rem 1.25rem;background:#000;color:#fff;border:none;border-radius:16px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-login:hover{background:#333}.main-content-scroll{padding-top:65px;overflow-y:auto;height:100vh;-webkit-overflow-scrolling:touch}.hero-section-modern{align-items:center;text-align:center;padding-top:16rem;padding-bottom:8rem;margin-top:-65px;height:100vh;background:linear-gradient(180deg,#fff,#d7ebeb 30%,#f4afe9 70%,#9d7ef3);position:relative;overflow:hidden}.hero-section-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#fff,#d7ebeb 30%,#f4afe9 70%,#9d7ef3);pointer-events:none}.hero-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-heading{font-size:4rem;font-weight:600;color:#1a1a1a;margin:0 0 1.05rem;line-height:1;letter-spacing:-.03em;text-shadow:0 2px 4px rgba(255,255,255,.5)}.hero-subheading{font-size:1.1rem;color:#2d2d2d;margin:0 0 1.75rem;line-height:1.2;max-width:540px;margin-left:auto;margin-right:auto;text-shadow:0 1px 2px rgba(255,255,255,.3)}.hero-cta{margin-bottom:1.4rem}.hero-video-container{margin:3rem auto 2rem;max-width:48vw;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #00000026;border:1px solid rgba(0,0,0,.1)}.hero-video{width:100%;height:auto;display:block;background:#000}.btn-primary-large{padding:1rem 2rem;background:#000;color:#fff;border:none;border-radius:24px;font-size:1.0625rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary-large:hover{background:#333;transform:translateY(-1px)}.hero-trust{font-size:.9375rem;color:#999}.features-section-modern{padding:4.2rem 1.4rem;background:#fff}.section-container{text-align:center;max-width:100vw;margin:0 auto}.section-heading{font-size:2.5rem;font-weight:600;color:#000;margin:0 0 .7rem;text-align:center;letter-spacing:-.02em}.section-subheading{font-size:1.125rem;color:#666;text-align:center;margin:0 0 2.8rem;max-width:700px;margin-left:auto;margin-right:auto}.features-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem;max-width:1000px;margin:0 auto}.feature-item-modern{text-align:left;padding:1.4rem;border:1px solid #e3e3e3;border-radius:12px;transition:border-color .2s}.feature-item-modern:hover{border-color:#b7b7b7}.feature-item-modern .feature-icon{width:20px;height:20px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:.875rem}.feature-item-modern .feature-icon svg{width:20px;height:20px;color:#000}.feature-item-modern h3{font-size:1.125rem;font-weight:600;color:#000;margin:0 0 .525rem}.feature-item-modern p{font-size:.9375rem;color:#666;line-height:1.6;margin:0}.pricing-section-modern{padding:4.2rem 1.4rem;background:#fff}.pricing-grid-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin:2.1rem 0;max-width:1200px;margin-left:auto;margin-right:auto}.pricing-card-modern{padding:1.5rem;background:#fff;border:2px solid #f0f0f0;border-radius:16px;position:relative;transition:all .3s ease;display:flex;flex-direction:column}.pricing-card-modern:hover{border-color:#d0d0d0;transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.pricing-card-modern.featured{border-color:#eb204c;transform:scale(1.05);box-shadow:0 8px 32px #0000001f}.pricing-card-modern.featured:hover{transform:scale(1.05) translateY(-4px);box-shadow:0 16px 40px #00000029}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);padding:.4rem 1rem;background:#000;color:#fff;font-size:.7rem;font-weight:700;border-radius:20px;letter-spacing:.5px;text-transform:uppercase}.pricing-card-modern.featured .pricing-badge{background:#eb204c;color:#fff}.pricing-header{margin-bottom:1.25rem;text-align:center}.pricing-header h3{font-size:1.25rem;font-weight:700;color:#000;margin:0 0 .875rem;letter-spacing:-.02em}.pricing-amount{display:flex;justify-content:center;align-items:baseline;gap:.25rem}.pricing-amount .price{font-size:2.75rem;font-weight:700;color:#000;line-height:1;letter-spacing:-.03em}.pricing-amount .period{font-size:.9rem;color:#666;font-weight:500}.pricing-features{list-style:none;padding:0;margin:0 0 1.5rem;flex-grow:1}.pricing-features li{font-size:.9rem;color:#666;padding:.5rem 0;line-height:1.5;border-bottom:1px solid #f5f5f5}.pricing-features li:last-child{border-bottom:none}.pricing-card-modern.featured .pricing-features li{border-bottom-color:#ffffff1a}.btn-pricing-modern{width:100%;padding:.875rem 1.25rem;background:#000;color:#fff;border:2px solid #000;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:auto}.btn-pricing-modern:hover{background:#333;border-color:#333;transform:translateY(-2px)}.btn-pricing-modern.primary{background:#df0f3c;color:#fff;border-color:#df0f3c}.btn-pricing-modern.primary:hover{background:#eb204c;border-color:#eb204c}.pricing-note{text-align:center;font-size:.9375rem;color:#666;margin-top:2rem;font-weight:500}@media (max-width: 1024px){.pricing-grid-modern{grid-template-columns:repeat(2,1fr)}.pricing-card-modern.featured{transform:scale(1)}.pricing-card-modern.featured:hover{transform:translateY(-4px)}}@media (max-width: 768px){.pricing-grid-modern{grid-template-columns:1fr}}.faq-section-modern{padding:4.2rem 1.4rem;background:#fff}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.4rem}.faq-item-modern{border-bottom:1px solid #f0f0f0;overflow:hidden;transition:border-color .2s}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .2s}.faq-question h4{font-size:1.125rem;font-weight:500;color:#000;margin:0}.faq-icon{flex-shrink:0;color:#666;transition:transform .2s}.faq-icon.open{transform:rotate(180deg)}.faq-answer{padding:0 1.4rem 1.4rem 0rem;animation:fadeIn .2s ease-in;text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{font-size:.9375rem;color:#666;line-height:1.6;margin:0}.cta-section-modern{padding:4.2rem 1.4rem;background:#fff;text-align:center}.cta-container{max-width:600px;margin:0 auto}.cta-container h2{font-size:2.5rem;font-weight:600;color:#000;margin:0 0 .7rem;letter-spacing:-.02em}.cta-container p{font-size:1.125rem;color:#666;margin:0 0 1.75rem;line-height:1.6}.footer-modern{padding:2.1rem 1.4rem;text-align:center;border-top:1px solid #f0f0f0}.footer-modern p{font-size:.875rem;color:#999;margin:0}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-modal-panel{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:1.225rem;position:relative;box-shadow:0 20px 25px -5px #0000001a}.modal-close{position:absolute;top:1.05rem;right:1.05rem;width:32px;height:32px;background:transparent;border:none;cursor:pointer;color:#999;transition:color .2s}.modal-close:hover{color:#000}.auth-modal-header{text-align:center;margin-bottom:.7rem}.auth-modal-header .logo{display:flex;justify-content:center;margin-bottom:.5rem}.auth-modal-header .logo svg{color:#000;width:48px;height:48px}.auth-modal-content{text-align:center}.auth-title{font-size:1.5rem;font-weight:600;color:#000;margin:0 0 .35rem}.auth-modal-content>span{font-size:.875rem;color:#666;display:block;margin-bottom:.5rem}.error-message{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;font-size:.875rem;margin-bottom:.7rem;margin-top:.7rem}.error-message svg{flex-shrink:0}.auth-form{margin-top:.7rem;text-align:left}.form-group{margin-bottom:0rem;margin-bottom:16px}.form-group input{width:100%;padding:.7125rem .7rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem;transition:all .2s;font-family:inherit}.form-group input:hover{border-color:#d0d0d0}.form-group input:focus{outline:none;border-color:#000}.password-group{position:relative}.password-toggle{position:absolute;right:.7rem;top:50%;transform:translateY(-45%);background:transparent;border:none;cursor:pointer;color:#999;padding:.25rem}.password-toggle:hover{color:#000}.auth-btn{width:100%;padding:.75rem .6rem;background:#000;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.735rem}.auth-btn:hover:not(:disabled){background:#333}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:.735rem;font-size:.875rem;color:#666}.auth-footer a{color:#000;text-decoration:none;font-weight:600;margin-left:.25rem}.auth-footer a:hover{text-decoration:underline}.auth-legal{text-align:center;margin-top:.98rem;font-size:.8125rem;color:#999}.auth-legal a{color:#666;text-decoration:none}.auth-legal a:hover{text-decoration:underline}@media (max-width: 768px){.hero-heading{font-size:2.5rem}.hero-subheading{font-size:1.0625rem}.hero-video-container{margin:2rem auto 1.5rem;border-radius:12px}.section-heading{font-size:2rem}.section-subheading{font-size:1rem}.features-grid-modern{grid-template-columns:1fr;gap:1.75rem}.pricing-grid-modern{grid-template-columns:1fr}.cta-container h2{font-size:2rem}.auth-modal-panel{padding:1.4rem}}@media (max-width: 480px){.hero-heading{font-size:2rem}.hero-video-container{margin:1.5rem auto 1rem;border-radius:8px}.minimal-nav{padding:1rem 1.5rem}.hero-section-modern,.features-section-modern,.pricing-section-modern,.faq-section-modern,.cta-section-modern{padding-left:1.5rem;padding-right:1.5rem}}.verify-email-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem 1.4rem}.verify-email-card{background:#fff;border-radius:16px;padding:2.5rem;max-width:440px;width:100%;text-align:center;box-shadow:0 4px 6px #0000000d;border:1px solid #f0f0f0}.verify-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.verify-icon svg{color:#000}.verify-title{font-size:1.75rem;font-weight:600;color:#000;margin:0 0 .75rem;letter-spacing:-.02em}.verify-description{font-size:.9375rem;color:#666;margin:0 0 .5rem}.verify-email{font-size:1rem;font-weight:600;color:#000;margin:0 0 2rem}.verify-form{margin-top:1.5rem}.code-input-group{margin-bottom:1.5rem}.verify-code-input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1.5rem;font-weight:600;text-align:center;letter-spacing:.5rem;font-family:Courier New,monospace;transition:all .2s}.verify-code-input:focus{outline:none;border-color:#000}.verify-code-input::placeholder{color:#d0d0d0;letter-spacing:.5rem}.verify-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.verify-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.verify-message.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.verify-message svg{flex-shrink:0}.verify-btn{width:100%;padding:.875rem 1.5rem;background:#000;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.verify-btn:hover:not(:disabled){background:#333;transform:translateY(-1px)}.verify-btn:disabled{opacity:.5;cursor:not-allowed}.verify-footer{margin-top:1.5rem;font-size:.875rem;color:#666}.resend-link{background:none;border:none;color:#000;font-weight:600;cursor:pointer;margin-left:.25rem;text-decoration:none;transition:color .2s}.resend-link:hover:not(:disabled){text-decoration:underline}.resend-link:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.verify-email-card{padding:2rem 1.5rem}.verify-title{font-size:1.5rem}.verify-code-input{font-size:1.25rem;letter-spacing:.4rem}}.onboarding-page{min-height:100vh;background:linear-gradient(180deg,#fff,#d7ebeb 30%,#f4afe9 70%,#9d7ef3);padding:2.5rem;display:flex;flex-direction:column;align-items:center;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.btn-close-top{position:absolute;top:2rem;right:2rem;background:#0009;color:#fff;border:none;padding:.3rem;border-radius:8px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.btn-close-top:hover{background:#000000e6;color:#fff;transition:all .3s ease}.onboarding-progress-top{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem;max-width:800px;width:100%}.progress-step-top{display:flex;flex-direction:row;align-items:center;gap:.5rem;position:relative}.step-circle{width:20px;height:20px;min-width:20px;min-height:20px;border-radius:50%;background:transparent;border:1px solid #6366f1;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:2}.step-circle.active:not(.completed){background:#6366f1;border-color:#6366f1;color:#fff}.step-circle.completed{background:#6366f1;border-color:#6366f1;color:#fff}.step-number{width:28px;height:28px;border-radius:50%;color:#6366f1;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:.75rem;margin-top:-1px;transition:all .3s}.step-circle.active:not(.completed) .step-number{color:#fff}.step-label{font-size:.85rem;color:#000000b3;white-space:nowrap;font-weight:500;transition:color .3s ease;text-align:center}.step-label.active{color:#000}.step-chevron{color:#0000004d;flex-shrink:0;transition:color .3s ease}.step-connector{position:absolute;top:12px;left:50%;width:2rem;height:2px;background:#ffffff4d;transform:translate(-50%);transition:background .3s ease;z-index:1}.step-connector.active{background:#10b981}.step-container{background:#fff;border-radius:12px;padding:1.5rem;max-width:540px;width:100%;box-shadow:0 10px 40px #00000026;position:relative;z-index:1}.step-header{text-align:center;margin-bottom:2rem;transition:opacity .3s ease-in-out}.step-header.transitioning{opacity:0}.step-title{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0 0 .75rem;letter-spacing:-.01em;line-height:1.3}.step-description{font-size:.875rem;color:#718096;line-height:1.5;margin:0;font-weight:400}.video-wrapper{max-width:100%;width:100%;margin-bottom:2rem;position:relative;z-index:1;animation:fadeIn .4s ease-in-out;transition:opacity .3s ease-in-out}.video-wrapper.transitioning{opacity:0}.video-container{width:100%;margin:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:#000}.tutorial-video{width:100%;height:auto;display:block;max-height:300px;object-fit:contain}.progress-dots{display:flex;align-items:center;justify-content:center;gap:.375rem;margin:1.5rem 0 1rem}.progress-dot{width:6px;height:6px;border-radius:50%;background:#e2e8f0;border:none;padding:0;cursor:pointer;transition:all .2s ease}.progress-dot:hover{background:#cbd5e1}.progress-dot.active{background:#6366f1}.navigation-buttons{display:flex;gap:.75rem;width:100%}.btn-back{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.btn-back:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.btn-back:disabled{opacity:.4;cursor:not-allowed}.btn-next-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;box-shadow:0 1px 3px #0000001a}.btn-next-primary:hover{background:#5558e3;box-shadow:0 2px 6px #00000026}.btn-next-primary:active{transform:translateY(0)}.success-message-bottom{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.5rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;color:#059669;font-weight:600;font-size:.875rem;margin-top:1.5rem;max-width:600px;width:100%}.success-message-bottom svg{flex-shrink:0}.channel-connect-section,.companion-setup-section,.testing-section,.activation-section{display:flex;flex-direction:column;gap:1.5rem}.platform-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;transition:all .3s ease}.platform-card:hover{border-color:#6366f1;background:#f1f5f9;transform:translateY(-2px);box-shadow:0 8px 24px #6366f126}.platform-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.platform-info{flex:1;text-align:left}.platform-info h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.platform-info p{font-size:.9375rem;color:#64748b;margin:0}.arrow-icon{color:#94a3b8;flex-shrink:0}.info-box{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;text-align:left}.info-box.success{background:#f0fdf4;border-color:#bbf7d0}.info-box svg{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.info-box.success svg{color:#10b981}.info-box p{font-size:.9375rem;color:#475569;line-height:1.6;margin:0}@media (max-width: 768px){.onboarding-page{padding:1.5rem 1rem}.btn-close-top{top:1rem;right:1rem}.onboarding-progress-top{margin-bottom:2rem}.step-circle{width:28px;height:28px;min-width:28px;min-height:28px}.step-label{font-size:.6875rem;top:40px}.step-container{padding:2rem 1.5rem;border-radius:20px}.step-title{font-size:1.5rem}.step-description{font-size:.875rem}.video-container{border-radius:10px}.tutorial-video{max-height:300px}.btn-next-primary{padding:.8125rem 1.75rem;font-size:.875rem}}@media (max-width: 480px){.onboarding-page{padding:1rem}.step-circle{width:24px;height:24px;min-width:24px;min-height:24px}.step-label{font-size:.625rem;top:35px}.step-container{padding:1.75rem 1.25rem;border-radius:16px}.step-title{font-size:1.375rem}.step-description{font-size:.8125rem}.video-container{border-radius:8px}.tutorial-video{max-height:250px}.btn-next-primary{padding:.75rem 1.5rem;font-size:.8125rem}}html{background:#fff;-webkit-user-select:none;user-select:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#1a1a1a;line-height:1}.dashboard{display:grid;grid-template-columns:240px 1fr;background-color:#fbfbfb}.main-content{display:flex;flex-direction:column;height:100vh}.content{flex:1;background:#f5f5f5;padding-top:1rem;padding-right:.73rem;padding-bottom:1rem}.content-container{min-height:calc(100vh - 2rem);margin:0;padding:2rem;border:solid 1px #e8e8e8;border-radius:8px}.sidebar{background:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;overflow-x:visible;position:relative;z-index:100}.sidebar-brand{display:flex;align-items:center;padding:.57rem 1rem;margin-bottom:.2rem}.sidebar-brand svg{width:18%;height:auto;transition:transform .6s ease}.sidebar-brand:hover svg{animation:rotateHorizontal .6s ease-in-out}@keyframes rotateHorizontal{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.brand-name{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#1b1b1b,#250c41);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.avatar{width:31px;height:31px;border-radius:50%;border:1px solid #e5e5e5;margin-right:8px}.avatar-initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:.75rem;text-transform:uppercase;border:none}.nav-menu{display:flex;flex-direction:column;gap:.25rem;padding:0 .875rem;flex:1}.nav-section-title{font-size:.6875rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.08em;padding:.75rem .5rem .375rem;margin-top:.5rem}.nav-section-title:first-child{margin-top:0}.nav-bottom{display:flex;flex-direction:column;gap:.25rem;padding:1rem .875rem;border-top:1px solid #e5e5e5;margin-top:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;color:#666;text-decoration:none;border-radius:8px;font-size:.875rem;transition:all .2s}.nav-item:hover{background:#f0f0f0;color:#1a1a1a;transition:all .2s ease}.nav-item.active{background:#f0f0f0;color:#1a1a1a;font-weight:500}.sidebar-footer{padding:1rem 1rem 1.5rem;border-top:1px solid #e5e5e5;margin-top:auto}.sidebar-footer-link{display:flex;align-items:center;gap:.75rem;padding:.5rem;color:#666;font-size:.875rem;text-decoration:none;border-radius:8px;transition:all .2s;margin-bottom:.5rem}.sidebar-footer-link:hover{background:#f5f5f5;color:#1a1a1a}.user-profile-dropdown{position:absolute;left:.5rem;right:.5rem;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:1001;display:none;overflow:hidden;text-align:left;direction:ltr;max-height:400px;overflow-y:auto;transform-origin:bottom center}.user-profile-dropdown.active{display:block;animation:expandFromBottom .05s ease-out forwards}@keyframes expandFromBottom{0%{opacity:0;transform:translateY(10px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.dropdown-section{padding:.25rem;display:flex;flex-direction:column;align-items:stretch}.dropdown-section a{text-decoration:none;color:inherit}.profile-dropdown-item{padding:.625rem .5rem;color:#1a1a1a;font-size:.875rem;cursor:pointer;border-radius:6px;transition:all .15s ease;text-align:left}.profile-dropdown-item svg{display:inline-block;vertical-align:middle;margin-right:.75rem;margin-top:-.1rem;flex-shrink:0;opacity:.7}.profile-dropdown-item:hover{background:#f5f5f5}.profile-dropdown-item:hover svg{opacity:1}.profile-dropdown-divider{height:1px;background:#e5e5e5}.profile-dropdown-item.logout-item{color:#dc2626;border-radius:10px}.profile-dropdown-item.logout-item svg{opacity:1}.profile-dropdown-item.logout-item:hover{background:#fef2f2}.topbar{display:flex;justify-content:space-between;align-items:center;padding:0rem;background:#fff;border-bottom:1px solid #e5e5e5;min-height:47px}.topbar-right{display:flex;align-items:center;gap:.5rem;padding-right:1rem}.user-profile-topbar{position:relative;margin-left:.5rem}.avatar-button{cursor:pointer;transition:all .2s}.avatar-button:hover{opacity:.8}.user-profile-topbar .avatar{width:30px;height:30px}.user-profile-topbar .user-profile-dropdown{position:absolute;top:calc(100% + .75rem);right:0;left:auto;width:280px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:1001;display:none;overflow:hidden}.user-profile-topbar .user-profile-dropdown.active{display:block}.dropdown-header{display:flex;align-items:center;gap:.1rem;padding:.7rem;background:#fafafa}.dropdown-header .avatar{width:32px;height:32px;flex-shrink:0}.dropdown-header .sidebar-user-info{flex:1;min-width:0;text-align:left}.dropdown-header .sidebar-user-name{font-size:.875rem;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.dropdown-header .sidebar-user-email{font-size:.75rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin-top:.25rem}.avatar-initials-large{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:1rem;text-transform:uppercase;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:.875rem;font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.875rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-left{display:flex;align-items:center;gap:1rem;margin-left:1rem}.topbar-right{display:flex;align-items:center;gap:.5rem}.topbar-icon-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;background:transparent;border:none;border-radius:0;color:#666;cursor:pointer;transition:all .2s}.topbar-icon-btn:hover{background:#f5f5f5;color:#1a1a1a}.topbar-icon-btn svg{flex-shrink:0}.help-chat-window{position:fixed;right:1.5rem;bottom:1.5rem;width:380px;height:600px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;z-index:1000;animation:slideInRight .3s ease;border:1px solid #e5e5e5}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.help-chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e5e5;background:#1a1a1a;color:#fff;border-radius:12px 12px 0 0}.help-chat-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9375rem}.help-chat-close{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.help-chat-close:hover{background:#fff3}.help-chat-body{flex:1;overflow-y:auto;padding:1.25rem;background:#fafafa}.help-chat-messages{display:flex;flex-direction:column;gap:1rem}.help-message{display:flex;gap:.75rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#1a1a1a;color:#fff;display:flex;align-items:center;justify-content:center}.message-content{flex:1}.message-content p{background:#fff;padding:.75rem 1rem;border-radius:12px;margin:0 0 .75rem;font-size:.875rem;color:#1a1a1a;line-height:1.5;border:1px solid #e5e5e5}.quick-actions{display:flex;flex-direction:column;gap:.5rem}.quick-action-btn{padding:.625rem 1rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#666;font-size:.875rem;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit;display:flex;align-items:center;gap:.5rem}.quick-action-btn:hover{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.quick-action-btn.email-btn{font-weight:500}.help-chat-footer{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid #e5e5e5;background:#fff;border-radius:0 0 12px 12px}.help-chat-input{flex:1;padding:.75rem 1rem;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-family:inherit;transition:all .2s}.help-chat-input:focus{outline:none;border-color:#1a1a1a}.help-chat-send{padding:.75rem;background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.help-chat-send:hover{background:#000}@media (max-width: 768px){.help-chat-window{right:1rem;bottom:1rem;width:calc(100vw - 2rem);max-width:380px}}.btn-primary{padding:.875rem 1.5rem;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#15803d;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{padding:.875rem 1.5rem;background:#fff;color:#666;border:1px solid #e5e5e5;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f5f5f5;color:#1a1a1a}.mobile-menu-btn{display:none;width:40px;height:40px;border-radius:8px;border:none;background:#f5f5f5;align-items:center;justify-content:center;cursor:pointer;color:#666}.mobile-menu-btn:hover{background:#e5e5e5;color:#1a1a1a}@media (max-width: 968px){.dashboard{grid-template-columns:1fr}.mobile-menu-btn{display:flex}.sidebar{position:fixed;left:-100%;top:0;width:280px;height:100vh;z-index:1000;transition:left .3s;box-shadow:2px 0 10px #0000001a}.sidebar.mobile-open{left:0}.content-container{padding:1.5rem}}@media (max-width: 640px){.content-container{padding:1rem}.sidebar{width:260px}}.sidebar-onboarding{position:static;margin:.5rem .5rem 1rem}.onboarding-toggle-sidebar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem .75rem;background:#1a1a1a;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.8125rem;font-weight:500;position:relative;z-index:1001}.onboarding-toggle-sidebar:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:10px;padding:2px;background:linear-gradient(135deg,#16a34a,#22c55e,#16a34a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.onboarding-toggle-sidebar:hover{background:#000}.onboarding-toggle-sidebar:hover:before{animation:none;opacity:0}.onboarding-toggle-content{display:flex;align-items:center;gap:.5rem}.progress-badge{background:#16a34a;color:#fff;font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:10px}.onboarding-dropdown-sidebar{position:fixed;bottom:1.5rem;left:.5rem;margin-bottom:3.5rem;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 4px 16px #0000004d;animation:slideUp .2s ease;z-index:9999;max-height:calc(100vh - 200px);overflow-y:auto;width:360px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-dropdown-header{padding:1rem 1.25rem;border-bottom:1px solid #2a2a2a}.onboarding-dropdown-header h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.onboarding-dropdown-header p{font-size:.75rem;color:#a0a0a0;margin:0 0 .75rem}.progress-bar{width:100%;height:4px;background:#2a2a2a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#16a34a,#22c55e);transition:width .3s ease;border-radius:2px}.onboarding-dropdown-steps{padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.dropdown-step{border-radius:6px;overflow:hidden;transition:all .2s}.dropdown-step.disabled{opacity:.4;pointer-events:none}.dropdown-step-header{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;cursor:pointer;transition:all .2s;border-radius:6px}.dropdown-step-header:hover{background:#252525}.dropdown-step.completed .dropdown-step-header{background:#1a2e1a}.dropdown-step.completed .dropdown-step-header:hover{background:#1f3a1f}.dropdown-step.completed .dropdown-step-icon{background:#16a34a;color:#fff}.dropdown-step-icon{width:28px;height:28px;background:#2a2a2a;color:#a0a0a0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0;transition:all .2s}.dropdown-step-title{flex:1}.dropdown-step-title h4{font-size:.8125rem;font-weight:600;color:#fff;margin:0;line-height:1.3}.step-status{font-size:.7rem;color:#22c55e;font-weight:500;display:block;margin-top:.125rem}.expand-icon{color:#666;transition:transform .2s;flex-shrink:0}.expand-icon.expanded{transform:rotate(180deg)}.dropdown-step-icon svg{color:inherit}.dropdown-step-details p{font-size:.75rem;color:#a0a0a0;line-height:1.4;margin:0 0 .75rem}.btn-dropdown-action{padding:.5rem .75rem;background:#fff;color:#1a1a1a;border:none;border-radius:6px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.375rem}.btn-dropdown-action svg{color:#1a1a1a}.btn-dropdown-action:hover:not(:disabled){background:#f0f0f0}.btn-dropdown-action:disabled{background:#2a2a2a;color:#666;cursor:not-allowed;opacity:.6}.btn-dropdown-action:disabled svg{color:#666}.step-completed-info{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:#1a2e1a;border:1px solid #22543d;border-radius:6px;font-size:.7rem;color:#22c55e;font-weight:500}.step-completed-info svg{color:#22c55e}.step-completed-info svg{flex-shrink:0;width:14px;height:14px}.user-profile-sidebar{padding:.75rem;position:relative;z-index:1000}.sidebar-profile-button{cursor:pointer;transition:all .2s;border-radius:4px;padding:4px;width:40px}.sidebar-profile-button:hover{background:#d9d9d9;border-color:#d4d4d4}.sidebar-profile-button .avatar{width:32px;height:32px;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0;text-align:left}.sidebar-user-name{font-size:.8125rem;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar-user-email{font-size:.6875rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin-top:.125rem}.dropdown-arrow{color:#888;flex-shrink:0;transition:transform .2s}.user-profile-dropdown{position:fixed;bottom:4rem;left:.75rem;right:auto;width:calc(240px - 1.5rem);z-index:1002;transform-origin:bottom center}.user-profile-sidebar .user-profile-dropdown.active{display:block;animation:expandFromBottom .1s ease-out forwards}@media (max-width: 968px){.user-profile-sidebar{padding:.75rem .875rem 1rem}}.line-chart-wrapper{width:100%;padding:1rem 0;background:#fff}.line-chart-empty{display:flex;align-items:center;justify-content:center;height:240px;color:#9ca3af;font-size:.875rem}.custom-tooltip{background:#1f2937;color:#fff;padding:.5rem .625rem;border-radius:6px;box-shadow:0 4px 12px #00000026}.tooltip-value{font-weight:600;display:block;margin-bottom:.125rem;font-size:.75rem}.tooltip-label{font-size:.625rem;opacity:.8;display:block}.tooltip-label-small{font-size:.625rem;opacity:.9;display:block;font-weight:500}@media (max-width: 640px){.line-chart-wrapper{padding:.5rem 0}.custom-tooltip{font-size:.6875rem;padding:.3rem .4rem}.tooltip-label{font-size:.5625rem}}.loading-dashboard{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-dashboard .loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.loading-dashboard p{margin:0;font-size:.95rem;color:#666}.skeleton-text{height:16px;margin-bottom:.5rem}.skeleton-button{height:40px;width:150px;border-radius:6px}.skeleton-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:1.5rem}.welcome-section{margin-top:2rem;margin-bottom:2rem;text-align:center;font-size:2.3rem;font-weight:500;color:#1a1a1a;letter-spacing:-.04em}.analytics-section{margin-bottom:5rem}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.analytics-title{font-size:1.125rem;font-weight:600;color:#1a1a1a}.time-range-selector{position:relative}.time-range-button{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:.8rem;color:#1a1a1a;cursor:pointer;transition:all .2s;font-family:inherit;min-width:200px}.time-range-button:hover{border-color:#d4d4d4;background:#fafafa}.time-range-label{color:#666;font-weight:500}.time-range-value{font-weight:500}.dropdown-arrow{transition:transform .2s;color:#666}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.time-range-dropdown{position:absolute;top:calc(100% + .3rem);left:0;min-width:205px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:100;overflow:hidden;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.time-range-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem 1.25rem;background:none;border:none;text-align:left;font-size:.8rem;color:#1a1a1a;cursor:pointer;transition:background .15s;font-family:inherit;border-bottom:1px solid #f5f5f5}.time-range-option:last-child{border-bottom:none}.time-range-option:hover{background:#f9f9f9}.time-range-option.active{background:#f5f5f5;font-weight:500}.time-range-option svg{color:#1a1a1a;flex-shrink:0}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin-bottom:0}.metric-card{background:#fbfbfb;border:1px solid #e5e5e5;border-right:none;border-bottom:3px solid transparent;border-radius:0;padding:1rem;cursor:pointer;transition:all .2s;position:relative}.metric-card:first-child{border-top-left-radius:8px}.metric-card:last-child{border-right:1px solid #e5e5e5;border-top-right-radius:8px}.metric-card:hover:not(.active){background:#fafafa;z-index:1}.metric-card.active{background:#fff;border-bottom-color:#1a1a1a;z-index:3}.metric-card.active .metric-label{color:#1a1a1a;font-weight:600}.metric-card.active .metric-value{color:#1a1a1a}.metric-label{font-size:.8rem;color:#757575;margin-bottom:.5rem;font-weight:400}.metric-value{font-size:1rem;font-weight:600;color:#1a1a1a}.analytics-chart-area{background:#fff;border:1px solid #e5e5e5;border-radius:0 0 8px 8px;padding:1.5rem;min-height:280px}.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#666;min-height:240px}.chart-loading .loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}.chart-loading p{margin:0;font-size:.875rem}.analytics-content{width:100%}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;margin-top:1rem;border-top:1px solid #e5e5e5}.summary-stat{text-align:center;padding:1rem;background:#fafafa;border-radius:8px;border:1px solid #e5e5e5}.stat-label{font-size:.75rem;color:#666;margin-bottom:.5rem;font-weight:500}.stat-value{font-size:1.5rem;font-weight:600;color:#1a1a1a}.empty-analytics-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9ca3af;min-height:240px}.empty-analytics-state svg{margin-bottom:1rem;opacity:.5}.empty-state-text{font-size:.85rem;color:#9ca3af;margin:0}.section-header-row{font-size:1.4rem;font-weight:600;text-align:center;margin-bottom:2rem;letter-spacing:-.04em}@media (max-width: 768px){.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.analytics-grid{grid-template-columns:1fr}}@media (max-width: 640px){.onboarding-widget{bottom:1rem;left:1rem}.onboarding-dropdown{width:calc(100vw - 2rem);max-width:360px}}.analytics-dashboard{margin-top:2rem}.dashboard-header-section{margin-bottom:2rem}.greeting{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin:0}.dashboard-controls{display:flex;gap:1rem;margin-bottom:2rem}.control-group{position:relative}.control-group label{display:block;font-size:.75rem;font-weight:500;color:#666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.control-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;color:#1a1a1a;cursor:pointer;transition:all .2s}.control-button:hover{border-color:#d4d4d4;background:#fafafa}.control-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:180px;z-index:100;overflow:hidden}.control-dropdown-menu button{display:block;width:100%;padding:.625rem 1rem;background:none;border:none;text-align:left;font-size:.875rem;color:#1a1a1a;cursor:pointer;transition:background .2s}.control-dropdown-menu button:hover{background:#f5f5f5}.control-dropdown-menu button.active{background:#f0f0f0;font-weight:500}.chart-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.chart-header{display:flex;gap:1rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.chart-metric-item{flex:1;min-width:140px;padding:.75rem 1rem;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.chart-metric-item:hover{background:#f5f5f5;border-color:#d4d4d4}.chart-metric-item.active{background:#1a1a1a;border-color:#1a1a1a}.chart-metric-item.active .chart-metric-label,.chart-metric-item.active .chart-metric-value{color:#fff}.chart-metric-label{font-size:.75rem;color:#666;margin-bottom:.25rem}.chart-metric-value{font-size:1.25rem;font-weight:600;color:#1a1a1a}.chart-content{min-height:300px;display:flex;align-items:center;justify-content:center}.chart-placeholder{text-align:center;color:#9ca3af}.chart-placeholder svg{margin-bottom:1rem}.chart-placeholder p{font-size:.875rem;margin:0}.bottom-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.metric-card-large{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:1.5rem}.metric-card-content{min-height:200px;display:flex;align-items:center;justify-content:center}@media (max-width: 968px){.content-container{padding:clamp(1rem,2vw,1.5rem) 1.5rem}.dashboard-controls{flex-direction:column}.chart-header{flex-wrap:wrap}.bottom-metrics{grid-template-columns:1fr}}@media (max-width: 640px){.content-container{padding:clamp(.75rem,1.5vw,1rem) 1rem}.welcome-section h2,.greeting{font-size:1.5rem}.chart-metric-item{min-width:120px}}.btn-view-all{padding:.5rem 1rem;background:#fff;color:#1a1a1a;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-view-all:hover{background:#fafafa;border-color:#d4d4d4}.configs-grid{display:flex;flex-direction:column;gap:.75rem}.config-card{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e5e5;border-radius:12px;padding:1rem 1.25rem;transition:all .2s}.config-card:hover{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-color:#d4d4d4;box-shadow:0 2px 8px #0000000f;cursor:pointer}.config-card-icon{width:56px;height:56px;background:linear-gradient(135deg,#1a1a1a,#3a3a3a);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.config-card-content{flex:1;min-width:0}.config-name{font-size:.9375rem;font-weight:600;color:#1a1a1a;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.config-description{font-size:.8125rem;color:#666;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-config-action{padding:.5rem 1.25rem;background:#141414;color:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.btn-config-action:hover{background:#000;color:#fff;border-color:#1a1a1a}.status-badge{padding:.6rem .625rem;border-radius:16px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.status-active{background:#dcfce7;color:#16a34a}@media (max-width: 768px){.config-card{flex-direction:column;align-items:flex-start;gap:1rem}.config-card-icon{width:48px;height:48px}.btn-config-action{width:100%;text-align:center}}.empty-configs{text-align:center;padding:3rem 2rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px}.dashboard-empty-state{border:1px solid #e5e5e5;border-radius:8px}.empty-configs svg{color:#d1d5db;margin-bottom:1rem}.btn-create-automation svg{width:16px;height:16px}.empty-configs h4{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.empty-configs p{font-size:.95rem;color:#666;margin:0 0 1.5rem}.empty-actions{display:flex;justify-content:center;gap:1rem}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#000;transform:translateY(-1px)}@media (max-width: 768px){.configs-grid{grid-template-columns:1fr}.empty-actions{flex-direction:column;align-items:stretch}.btn-primary{justify-content:center}}.section{margin-bottom:2.5rem}.channels-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.connected-channel-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e5e5e5;display:flex;flex-direction:column;gap:1.5rem;transition:all .2s;min-height:200px}.connected-channel-card:hover{border-color:#d4d4d4;box-shadow:0 4px 12px #0000000d}.channel-platform{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;color:#1a1a1a}.channel-account{display:flex;align-items:center;gap:1rem}.channel-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.channel-account-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.remove-channel-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#999;cursor:pointer;transition:all .2s;margin-left:auto}.remove-channel-btn:hover{background:#fee2e2;color:#dc2626}.channel-username{font-size:.95rem;font-weight:500;color:#1a1a1a}.page-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;color:#2563eb;text-decoration:none;transition:color .2s}.page-link:hover{color:#1d4ed8}.add-channel-card{background:#fff;padding:1.5rem;border-radius:12px;border:2px dashed #d1d5db;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:200px;cursor:pointer;transition:all .2s;color:#666}.add-channel-card:hover{border-color:#2563eb;color:#2563eb;background:#f9fafb}.add-channel-card svg{width:32px;height:32px}.add-channel-card span{font-size:.95rem;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e5e5}.modal-header h2{font-size:1.25rem;font-weight:600;color:#1a1a1a}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:50%;font-size:1.5rem;color:#666;cursor:pointer;transition:all .2s}.modal-close:hover{background:#e5e5e5;color:#1a1a1a}.modal-body{padding:2rem 1.5rem}.platform-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e5e5e5;border-radius:12px;margin-bottom:1rem;cursor:pointer;transition:all .2s;position:relative}.platform-option:hover:not(.disabled){border-color:#2563eb;background:#f9fafb}.platform-option.disabled{cursor:not-allowed;opacity:.6}.platform-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.instagram-gradient{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.whatsapp-gradient{background:linear-gradient(135deg,#25d366,#128c7e)}.facebook-gradient{background:#1877f2}.platform-info{flex:1}.platform-info h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.platform-info p{font-size:.875rem;color:#666;line-height:1.4}.platform-arrow{color:#999;flex-shrink:0}.coming-soon-badge{padding:.375rem .75rem;background:#fef3c7;color:#d97706;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;flex-shrink:0}.btn-connect-instagram{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:1rem;display:none}.btn-connect-instagram:hover{transform:translateY(-2px);box-shadow:0 8px 20px #bc188866}.btn-connect-instagram:active{transform:translateY(0)}.connect-note{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#f0f9ff;border-radius:6px;font-size:.85rem;color:#0369a1}.connect-note svg{flex-shrink:0;margin-top:.125rem}.connect-note span{line-height:1.4}@media (max-width: 968px){.channels-grid-layout{grid-template-columns:1fr}.modal-content{width:95%;max-width:none}}@media (max-width: 640px){.modal-header{padding:1.25rem}.modal-body{padding:1.5rem 1.25rem}.platform-icon{width:56px;height:56px}.btn-connect-instagram{padding:.875rem 1.25rem;font-size:.95rem}}.skeleton-card{pointer-events:none}.skeleton-icon{width:24px;height:24px;border-radius:4px}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.delete-modal{max-width:420px}.delete-warning{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:.5rem 0}.delete-warning svg{color:#f59e0b;width:40px;height:40px}.delete-warning p{margin:0;font-size:.875rem;color:#1a1a1a;line-height:1.4}.delete-warning strong{font-weight:600;color:#dc2626}.delete-warning .warning-text{font-size:.8125rem;color:#666;max-width:360px}.delete-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 0}.delete-loading .loading-spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:#dc2626;border-radius:50%;animation:spin .8s linear infinite}.delete-loading p{margin:0;font-size:.875rem;color:#666;font-weight:500}.instagram-spinner{border-top-color:#f09433;background:linear-gradient(to right,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);-webkit-background-clip:text;background-clip:text}.modal-footer{display:flex;justify-content:flex-end;gap:.625rem;padding:1rem 1.5rem;border-top:1px solid #e5e5e5}.btn-modal-cancel{padding:.5rem 1rem;background:transparent;color:#666;border:1px solid #e5e5e5;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-modal-delete{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal-delete:hover{background:#b91c1c}.channel-avatar-small{width:32px;height:32px;border-radius:50%;margin-right:.5rem;border:1px solid #e5e5e5;flex-shrink:0}.name-cell{display:flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;min-width:0}.name-cell .config-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:4px;font-weight:400}.platform-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:6px;font-size:.8125rem;font-weight:500;text-transform:capitalize}.platform-badge svg{width:16px;height:16px}.delete-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.delete-loading p{color:#666;font-size:.875rem}.content{overflow-y:auto;overflow-x:visible;flex:1;background:#f5f5f5}.page-header-section h2{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.btn-create-automation-wrapper{position:relative}.create-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:240px;z-index:1000;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s}.dropdown-item:hover{background:#f5f5f5}.dropdown-item:first-child{border-radius:10px 10px 0 0}.dropdown-item:last-child{border-radius:0 0 10px 10px}.dropdown-item svg{flex-shrink:0;color:#666}.dropdown-item-title{font-size:.875rem;font-weight:500;color:#1a1a1a;margin-bottom:.125rem}.dropdown-item-desc{font-size:.75rem;color:#666;line-height:1.3}.dropdown-item-disabled{opacity:.6;cursor:not-allowed!important;pointer-events:none}.dropdown-item-disabled:hover{background:#fff!important}.coming-soon-badge{display:inline-flex;align-items:center;font-size:10px;padding:2px 6px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px #f59e0b4d}.dropdown-item-title-with-badge{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.filter-input input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #e5e5e5;font-size:.9rem;background:#fff;color:#1a1a1a}.automation-table{background:#fff;border:1px solid #e5e5e5;border-top:0;overflow:visible}.table-header{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr 1.5fr 60px;padding:1rem;background:#fafafa;border-bottom:1px solid #e5e5e5;font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase}.table-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr 1.5fr 60px;padding:1rem;border-bottom:1px solid #f0f0f0;transition:all .2s;cursor:pointer;align-items:center;position:relative;overflow:visible}.status-badge{padding:.375rem .5rem;border-radius:6px;font-size:.7rem;font-weight:500;display:inline-flex;align-items:center;gap:.375rem}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-draft:before{background:#9ca3af}.status-active{background:#d1fae5;color:#065f46}.status-active:before{background:#10b981}.status-testing{background:#fef3c7;color:#d97706}.status-testing:before{background:#f59e0b}.status-inactive{background:#fee2e2;color:#dc2626}.status-inactive:before{background:#ef4444}.status-deleting{background:#fef3c7;color:#d97706}.status-deleting:before{display:none}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.table-row.deleting{opacity:.6;pointer-events:none;background:#fef3c7}.table-row.deleting .table-cell{color:#999}.updated-user{color:#1a1a1a;font-size:.9rem;font-weight:500}.menu-divider{height:1px;background:#e5e5e5;margin:.15rem 0}.empty-state{padding:4rem 2rem;text-align:center}.modal-input{width:100%;padding:.75rem;border:1px solid #e5e5e5;border-radius:8px;font-size:.95rem;background:#fff;color:#1a1a1a}.modal-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}@media (max-width: 968px){.page-header-section{flex-direction:column;gap:1rem}.btn-create-automation{width:100%;justify-content:center}.table-header,.table-row{grid-template-columns:2fr 1.5fr 1.5fr 1fr 1.5fr 50px;font-size:.8rem;padding:1rem}}.skeleton-channel{width:100px}.skeleton-user{width:90px}.skeleton-time{width:60px;height:12px}.automations-page-table .table-header,.automations-page-table .table-row{grid-template-columns:2fr 1.5fr 1.5fr 1fr 1.5fr 60px!important}@media (max-width: 968px){.automations-page-table .table-header,.automations-page-table .table-row{grid-template-columns:2fr 1.5fr 1.5fr 1fr 1.5fr 50px!important}}.config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:20px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background-color:#00000080}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.5) transparent}.config-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}.config-loading p{margin:0;font-size:.95rem;color:#666}.config-topbar{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;background:#fff;border-bottom:1px solid #e5e5e5;min-height:48px;height:48px}.config-topbar .topbar-left{display:flex;align-items:center}.config-topbar .topbar-right{display:flex;align-items:center;gap:.5rem}.breadcrumb-bar{display:flex;align-items:center}.breadcrumb-mode-container{display:flex;justify-content:space-between;align-items:center;padding:-1rem 1.5rem;gap:1rem;margin-top:-.5rem;margin-bottom:.5rem}.breadcrumb-container{display:flex;align-items:center;gap:.5rem}.breadcrumb-back-arrow{color:#000;flex-shrink:0;cursor:pointer}.breadcrumb-link{background:none;border:none;color:#666;font-size:.875rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.breadcrumb-link:hover{color:#666}.breadcrumb-current{color:#000;font-size:.875rem;font-weight:500}.breadcrumb-separator{color:#999;flex-shrink:0}.topbar-left .breadcrumb{margin:0;padding-left:.75rem;border-left:2px solid #e5e5e5}.btn-preview{padding:.625rem 1.25rem;background:#fff;color:#666;border:1px solid #e5e5e5;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-preview:hover{background:#f5f5f5}.btn-go-live{padding:.625rem 1.25rem;background:#fff;color:#1a1a1a;border:1px solid #e5e5e5;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-go-live:hover{background:#f5f5f5}.config-layout{display:grid;grid-template-columns:440px 1fr;border:solid 1px #123;height:calc(100vh - 4rem);margin:0;border:solid 1px #e8e8e8;border-radius:8px}.config-form{overflow-y:auto;height:100%;display:flex;flex-direction:column;border-right:solid 1px #e8e8e8}.config-form-content{flex:1;overflow-y:auto;padding-bottom:1.5rem}.config-form-header{padding-bottom:1.5rem;margin:1.5rem 1.5rem 1rem}.config-title{font-size:1rem;font-weight:500;color:#0f172a;letter-spacing:-.04em}.config-subtitle{font-size:.8rem;color:#64748b;line-height:1.6;margin-bottom:.75rem;max-width:520px}.form-section{margin-bottom:4rem;margin-right:1.5rem;margin-left:1.5rem}.section-header{display:flex;align-items:center;gap:.75rem}.section-title{font-size:1rem;font-weight:500;color:#0f172a;letter-spacing:-.04em}.section-badge{padding:.25rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.section-badge.required{background:#fee2e2;color:#dc2626}.section-badge.optional{background:#e0e7ff;color:#4f46e5}.section-description{font-size:.8rem;color:#64748b;line-height:1.6;margin-bottom:.75rem;max-width:520px}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-option{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s}.radio-option:hover{border-color:#d1d5db}.radio-option.selected{border-color:#2563eb;background:#eff6ff}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.radio-label{font-size:.95rem;color:#1a1a1a}.dm-config{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e5e5e5}.input-label{display:block;font-size:.875rem;color:#666;margin-bottom:.75rem}.message-input{width:100%;min-height:100px;padding:.75rem;border:1px solid #e5e5e5;border-radius:8px;font-family:inherit;font-size:.9rem;resize:vertical;margin-bottom:1rem}.message-input:focus{outline:none;border-color:#2563eb}.btn-add-link{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;color:#1a1a1a;border:1px solid #e5e5e5;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-add-link:hover{background:#f5f5f5}.toggle-option{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:1rem}.toggle-info{display:flex;align-items:center;gap:.75rem}.toggle-label{font-size:.95rem;color:#1a1a1a}.upgrade-badge{padding:.25rem .5rem;background:#dbeafe;color:#2563eb;border-radius:4px;font-size:.7rem;font-weight:700}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e5e5;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#2563eb}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.reaction-selector{padding:.75rem 1.25rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px}.reaction{font-size:1.5rem;cursor:pointer}.preview-panel{background-image:radial-gradient(circle,#e0e0e0 1px,transparent 1px);background-size:20px 20px;border-left:1px solid #e5e5e5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;transition:border .3s ease;overflow-y:auto;height:100%}.phone-screen.testing-mode{border:8px solid rgb(153,27,27);animation:phoneBorderPulse 1.5s ease-in-out infinite;padding:4px}@keyframes phoneBorderPulse{0%,to{border-color:#260505}50%{border-color:#d61d1d}}.phone-mockup{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:.5rem 0}.phone-screen{width:320px;height:600px;background:#000;border-radius:32px;padding:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;position:relative;overflow:hidden}.phone-screen>.phone-header{flex-shrink:0}.phone-screen>.post-preview{flex:1;overflow-y:auto;background:#fff;border-radius:20px}.phone-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;color:#fff}.time{font-size:.875rem;font-weight:600}.phone-status{display:flex;gap:.5rem;align-items:center}.dm-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff1a;border-radius:12px;margin-bottom:1rem}.dm-avatar{width:32px;height:32px;border-radius:50%}.dm-username{color:#fff;font-size:.9rem;font-weight:500;flex:1}.dm-header-actions{display:flex;gap:.5rem;align-items:center}.btn-refresh-messages{background:#3b82f633;border:1px solid rgba(59,130,246,.3);color:#3b82f6;padding:.375rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-refresh-messages:hover{background:#3b82f64d;border-color:#3b82f680;transform:rotate(180deg)}.btn-refresh-messages svg{width:16px;height:16px}.btn-clear-messages{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.375rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-clear-messages:hover{background:#ef44444d;border-color:#ef444480}.btn-clear-messages svg{width:16px;height:16px}.dm-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.dm-content{flex:1;display:flex;flex-direction:column;gap:.75rem;padding:1rem;overflow-y:auto}.message-bubble{max-width:75%;padding:.75rem 1rem;border-radius:18px;font-size:.75rem;line-height:1.4;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.user{align-self:flex-end;background:#0095f6;color:#fff;border-bottom-right-radius:4px}.message-bubble.bot{align-self:flex-start;background:#ffffff26;color:#fff;border-bottom-left-radius:4px}.message-bubble.typing{display:flex;gap:.25rem;padding:.75rem 1rem}.typing-dot{width:8px;height:8px;background:#fff9;border-radius:50%;animation:typingAnimation 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-10px);opacity:1}}.automation-message{text-align:center;color:#fff}.automation-message p{font-size:.95rem;line-height:1.6}.automation-message .highlight{font-weight:600}.dm-input{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff1a;border-radius:24px}.dm-send-btn{background:#0095f6;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.dm-send-btn:hover{background:#0081d9;transform:scale(1.05)}.dm-send-btn:active{transform:scale(.95)}.dm-text-input{flex:1;background:none;border:none;color:#fff;font-size:.9rem;outline:none}.dm-text-input::placeholder{color:#fff9}.preview-tabs{display:flex;gap:.5rem;background:#f5f5f5;padding:.25rem;border-radius:8px}.preview-tab{padding:.5rem 1.5rem;background:transparent;border:none;border-radius:6px;font-size:.875rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.preview-tab.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px #0000001a}.preview-tab:hover:not(.active){color:#1a1a1a}.preview-toggle-btn{display:none}@media (max-width: 1200px){.config-layout{grid-template-columns:1fr}.preview-panel{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e5e5;padding:1.5rem;transform:translateY(100%);transition:transform .3s ease;z-index:100;max-height:75vh;overflow-y:auto;box-shadow:0 -4px 12px #0000001a}.preview-panel.mobile-visible{transform:translateY(0)}.preview-toggle-btn{display:flex!important;position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background:#2563eb;color:#fff;border:none;box-shadow:0 4px 12px #2563eb66;align-items:center;justify-content:center;cursor:pointer;z-index:101;transition:all .3s ease}.preview-toggle-btn:hover{background:#1d4ed8;transform:scale(1.05)}.preview-toggle-btn:active{transform:scale(.95)}.preview-toggle-btn svg{width:24px;height:24px}.phone-mockup{margin:0 auto;gap:1rem}.phone-screen{width:300px;height:580px}}@media (max-width: 968px){.sidebar.mobile-open{left:0;display:flex}.btn-preview,.btn-go-live{padding:.5rem 1rem;font-size:.875rem}}@media (max-width: 640px){.breadcrumb{font-size:.8rem}.form-section{margin-bottom:2rem}.form-section h3{font-size:.95rem}.radio-option{padding:.875rem 1rem}.radio-label{font-size:.875rem}.dm-config,.ai-instructions-config,.document-upload-config{padding:1.25rem}.message-input,.ai-instructions-input{font-size:.875rem;padding:.625rem}.toggle-option{padding:.875rem 1rem;flex-wrap:wrap}.toggle-info{flex:1;min-width:200px}.toggle-label{font-size:.875rem}.documents-header{flex-direction:column;align-items:stretch;gap:.75rem}.btn-upload-new{width:100%;justify-content:center}.document-item{padding:.625rem}.document-icon{width:32px;height:32px}.document-name{font-size:.85rem}.document-meta{font-size:.75rem}.form-actions{flex-direction:column;padding:1rem}.btn-cancel-automation,.btn-save-automation{width:100%}.phone-screen{width:280px;height:540px}.preview-tabs{width:100%}.preview-tab{flex:1;padding:.5rem .75rem}.preview-toggle-btn{bottom:1rem;right:1rem;width:52px;height:52px}.preview-panel{padding:1rem;max-height:80vh}.phone-mockup{gap:.75rem}}.channel-select-wrapper{position:relative;width:100%}.channel-selector-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border:1px solid #e5e7eb;border-radius:4px;font-size:.875rem;font-weight:500;color:#111827;background:#fff;cursor:pointer;outline:none;transition:all .2s}.channel-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;animation:slideDown .2s ease}.ai-instructions-config{border-radius:8px}.ai-instructions-input{width:100%;min-height:140px;padding:.5rem;border:1px solid #e2e8f0;border-radius:4px;font-family:inherit;font-size:.8rem;font-weight:400;color:#14171b;resize:vertical;line-height:1.6;transition:all .2s;resize:none}.ai-instructions-input:focus{outline:none;border-color:#9da3ab;box-shadow:0}.ai-instructions-input:hover{outline:none;border-color:#9da3ab;box-shadow:0}.ai-instructions-input::placeholder{color:#585f69}.character-count{display:flex;justify-content:flex-end;gap:.25rem;margin-top:0;font-size:.8rem;color:#64748b}.count-current{font-weight:600;color:#0f172a}.instructions-hint{display:flex;align-items:flex-start;gap:.5rem;padding:.875rem 1rem;background:#eff6ff;border-radius:8px;font-size:.875rem;color:#1e40af;border-left:3px solid #3b82f6}.instructions-hint svg{flex-shrink:0;margin-top:.125rem}.instructions-hint span{line-height:1.5}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.breadcrumb svg{color:#d1d5db;flex-shrink:0}.document-upload-config{background:#fff;padding:1rem;border-radius:8px;border:1px solid #e2e8f0}.documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.documents-header-info{display:flex;align-items:center;gap:.5rem}.info-icon{color:#64748b;flex-shrink:0}.documents-count{font-size:.875rem;font-weight:500;color:#475569}.btn-upload-new{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-upload-new:hover{background:#2563eb}.btn-upload-new svg{width:16px;height:16px}.file-input-hidden{display:none}.documents-list{display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto}.document-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0 .5rem .5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s}.document-item:hover{background:#f1f5f9;border-color:#cbd5e1}.document-checkbox{width:14px;height:14px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.document-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.document-details{display:flex;flex-direction:column;gap:.125rem;min-width:0}.document-name{font-size:.875rem;font-weight:400;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-meta{font-size:.75rem;color:#64748b}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;border:2px dashed #cbd5e1;border-radius:10px;background:#f8fafc;cursor:pointer;transition:all .2s}.upload-zone:hover{border-color:#3b82f6;background:#eff6ff}.upload-icon{color:#94a3b8}.upload-text{font-size:.95rem;font-weight:500;color:#475569;margin:0}.upload-hint{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#f0f9ff;border-radius:6px;font-size:.85rem;color:#0369a1}.upload-hint svg{flex-shrink:0;margin-top:.125rem}.upload-hint span{line-height:1.4}.form-actions{display:flex;gap:1rem;padding:1rem 1.5rem;position:sticky;bottom:0;z-index:10}.btn-cancel-automation{flex:1;padding:.625rem 1rem;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-cancel-automation:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.btn-save-automation{flex:2;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.625rem 1.75rem;background:#000;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-save-automation:hover{background:#2e2e2e}.btn-save-automation svg{width:20px;height:20px}.mode-toggle-group{display:flex;gap:.5rem;align-items:center}.test-mode-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.test-mode-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column}.test-mode-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e5e5}.test-mode-header h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0}.test-mode-body{padding:1rem;overflow-y:auto;flex:1}.warning-icon{display:flex;justify-content:center;align-items:center;color:#f59e0b}.warning-icon svg{filter:drop-shadow(0 2px 4px rgba(245,158,11,.2))}.test-mode-description{font-size:.9rem;color:#666;margin-bottom:.9rem;line-height:1.4}.test-users-input-group{margin-bottom:1.5rem}.test-mode-label{display:block;font-size:.875rem;font-weight:500;color:#1a1a1a;margin-bottom:.5rem}.test-mode-input{width:100%;padding:.75rem;border:1px solid #e5e5e5;border-radius:8px;font-size:.95rem;transition:all .2s;font-family:inherit}.test-mode-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.test-mode-hint{font-size:.8rem;color:#999;margin-top:.5rem}.test-users-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;min-height:32px}.test-user-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#eff6ff;color:#2563eb;border-radius:6px;font-size:.875rem;font-weight:500}.test-user-tag button{background:none;border:none;color:#2563eb;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .2s}.test-user-tag button:hover{color:#1d4ed8}.test-mode-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e5e5}.btn-modal-cancel{padding:.75rem 1.5rem;background:#fff;color:#666;border:1px solid #e5e5e5;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-modal-cancel:hover{background:#f5f5f5;border-color:#d1d5db}.btn-modal-save{padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal-save:hover{background:#b91c1c}.btn-modal-save:disabled{background:#fca5a5;cursor:not-allowed}.btn-modal-deactivate{padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal-deactivate:hover{background:#dc2626}.modal-close{background:none;border:none;color:#666;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#1a1a1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast-notification{position:fixed;bottom:2rem;right:2rem;background:#000;color:#fff;padding:1rem 1.5rem;border-radius:10px;box-shadow:0 10px 25px #0003;display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;z-index:9999;transform:translate(400px);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast-notification.show{transform:translate(0);opacity:1}.toast-notification.error{background:#ef4444}.toast-notification.warning{background:#f59e0b}.toast-notification.info{background:#3b82f6}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-message{flex:1}@media (max-width: 640px){.toast-notification{bottom:1rem;right:1rem;left:1rem;transform:translateY(200px)}.toast-notification.show{transform:translateY(0)}}.btn-test-mode{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#666;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;width:auto;justify-content:center}.btn-test-mode:hover{background:#e81d1d;color:#fff;border-color:#e81d1d;cursor:pointer}.btn-test-mode svg{flex-shrink:0}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-text{height:16px;border-radius:4px}.skeleton-select{width:100%;height:44px;border-radius:8px}.skeleton-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;animation:shimmer 1.5s infinite,pulse-skeleton 2s ease-in-out infinite}@keyframes pulse-skeleton{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}.fade-in{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.empty-documents-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1.5rem;text-align:center;gap:1rem}.empty-documents-state svg{color:#d1d5db}.empty-documents-state p{color:#666;font-size:.8rem;margin:0}.btn-go-collections{padding:.625rem 1.25rem;background:#397eff;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-go-collections:hover{background:#1d4ed8}.document-id{font-size:.75rem;color:#888;font-family:monospace;background:#f5f5f5;padding:.25rem .5rem;border-radius:4px;margin-left:auto}.skeleton-item{display:flex;align-items:center;gap:1rem;padding:.75rem}.skeleton-checkbox{width:20px;height:20px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.config-name-input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s}.config-name-input:focus{outline:none;border-color:#000}.trigger-options{display:flex;flex-direction:column;gap:.75rem}.trigger-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s}.trigger-option:hover{border-color:#000;background:#f8f9ff}.trigger-option input[type=radio]{margin-top:.25rem;cursor:pointer}.trigger-option:has(input:checked){border-color:#000;background:#f8f9ff}.trigger-option-content{flex:1}.trigger-option-title{font-weight:600;font-size:.875rem;margin-bottom:.25rem}.trigger-option-desc{font-size:.8125rem;color:#666}.keywords-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e5e5}.keywords-label{display:block;font-size:.875rem;font-weight:500;color:#1a1a1a;margin-bottom:.5rem}.keywords-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;min-height:32px}.keyword-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#000;color:#fff;border-radius:16px;font-size:.8125rem;font-weight:500}.keyword-tag.exclude{background:#ef4444}.keyword-tag button{background:none;border:none;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;margin-left:.25rem}.keywords-input-group{display:flex;gap:.5rem}.keywords-input{flex:1;padding:.625rem;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem}.keywords-input:focus{outline:none;border-color:#000}.btn-add-keyword{padding:.625rem 1.25rem;background:#000;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-add-keyword:hover{background:#2e2e2e}.keywords-hint{font-size:.8125rem;color:#666;margin-top:.5rem}.reply-type-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.reply-type-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s}.reply-type-option:hover{border-color:#000;background:#f8f9ff}.reply-type-option:has(input:checked){border-color:#000;background:#f8f9ff}.reply-type-option input[type=radio]{margin-top:.25rem;cursor:pointer}.reply-type-content{flex:1}.reply-type-title{font-weight:600;font-size:.875rem;margin-bottom:.25rem}.reply-type-desc{font-size:.8125rem;color:#666}.ai-reply-config,.template-reply-config{margin-top:1rem}.ai-label,.template-label{display:block;font-size:.875rem;font-weight:500;color:#1a1a1a;margin-bottom:.5rem}.template-message-input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:100px}.template-message-input:focus{outline:none;border-color:#000}.advanced-settings{display:flex;flex-direction:column;gap:1.5rem}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500;color:#1a1a1a}.setting-hint{font-size:.8125rem;font-weight:400;color:#666}.setting-input{padding:.625rem;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;max-width:200px}.setting-input:focus{outline:none;border-color:#000}.setting-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer}.setting-toggle input[type=checkbox]{display:none}.toggle-label{display:flex;flex-direction:column;gap:.25rem}.preview-header{margin-bottom:1.5rem}.preview-header h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.preview-header p{font-size:.8125rem;color:#666}.comment-preview-mockup{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.post-preview{background:#fff;padding:1rem;border-bottom:1px solid #e5e5e5}.post-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.15rem}.post-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.post-info{flex:1}.post-username{font-size:.875rem;font-weight:600;color:#1a1a1a}.post-time{font-size:.75rem;color:#666}.post-image{margin-bottom:.75rem}.post-image-placeholder{aspect-ratio:1;background:#f0f0f0;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#ccc}.post-caption{font-size:.875rem;color:#1a1a1a;line-height:1.4}.comments-preview{padding:1rem}.comment-item{display:flex;gap:.75rem;margin-bottom:1rem}.comment-item.reply-comment{margin-left:2rem;padding-left:1rem;border-left:2px solid #000000}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-content{flex:1}.comment-username{font-size:.8125rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.comment-text{font-size:.8125rem;color:#1a1a1a;line-height:1.4;margin-bottom:.5rem}.comment-actions{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:#666}.comment-time{color:#999}.comment-reply{font-weight:600;cursor:pointer}.comment-badge{padding:.125rem .5rem;background:#000;color:#fff;border-radius:10px;font-size:.6875rem;font-weight:600}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-item{text-align:center}.stat-label{font-size:.75rem;color:#666;margin-bottom:.25rem}.stat-value{font-size:.875rem;font-weight:600;color:#1a1a1a}.breadcrumb-current.editable{cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.breadcrumb-current.editable:hover{background:#f5f5f5;color:#000}.breadcrumb-name-input{background:#fff;border:1px solid #000000;border-radius:4px;padding:.25rem .5rem;font-size:.875rem;font-weight:500;color:#000;outline:none;min-width:200px}.breadcrumb-name-input:focus{box-shadow:0 0 0 2px #0000001a}.mode-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.mode-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:#fff;color:#666;border:2px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn:hover{border-color:#ccc;background:#f9f9f9}.mode-btn svg{flex-shrink:0}.mode-btn.active{font-weight:400}.mode-btn.active.inactive{background:#fee;border-color:#dc2626;color:#dc2626}.mode-btn.active.testing{background:#fef3c7;border-color:#f59e0b;color:#d97706}.mode-btn.active.live{background:#d1fae5;border-color:#10b981;color:#065f46}.mode-info{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:8px;font-size:.875rem;line-height:1.5;margin-top:.75rem}.mode-info svg{flex-shrink:0;margin-top:.125rem}.mode-info.testing{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.mode-info.active{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}@media (max-width: 768px){.mode-selector{grid-template-columns:1fr}}.preview-panel .mode-selector-compact{display:inline-flex;gap:.375rem;margin-bottom:1rem;margin-top:.5rem;background:#f8f9fa;padding:.25rem;border-radius:8px;border:1px solid #e5e5e5}.preview-panel{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem .625rem;background:transparent;color:#666;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.preview-panel .mode-info{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:6px;font-size:.75rem;line-height:1.4;margin-bottom:1rem}.preview-panel .mode-info svg{flex-shrink:0;width:12px;height:12px}.preview-panel .mode-info.testing{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.preview-panel .mode-info.active{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.phone-screen .post-preview{background:#fff;padding:0}.phone-screen .post-header{display:flex;align-items:center;gap:.5rem;padding:.5rem}.phone-screen .post-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.phone-screen .post-info{flex:1}.phone-screen .post-username{font-size:.875rem;font-weight:600;color:#262626}.phone-screen .post-time{font-size:.75rem;color:#8e8e8e}.phone-screen .post-image{width:100%;aspect-ratio:1;background:#000}.phone-screen .post-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#ffffff80}.phone-screen .post-caption{font-size:.875rem;color:#262626;line-height:1.4;padding:.5rem 1rem .75rem}.phone-screen .comments-preview{background:#fff;padding:.5rem 1rem 1rem}.phone-screen .comment-item{display:flex;gap:.75rem;margin-bottom:.875rem;align-items:flex-start}.phone-screen .comment-item:last-child{margin-bottom:0}.phone-screen .comment-item.reply-comment{background:#f0f0f0;padding:.625rem;border-radius:8px;margin-left:0}.phone-screen .comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.phone-screen .comment-content{flex:1;min-width:0}.phone-screen .comment-text-wrapper{font-size:.8125rem;color:#262626;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.phone-screen .comment-username{font-weight:600;color:#262626;margin-right:.375rem}.phone-screen .comment-text{font-weight:400;color:#262626}.phone-screen .comment-actions{display:flex;align-items:center;gap:.75rem;margin-top:.375rem;font-size:.75rem;color:#8e8e8e}.phone-screen .comment-time{font-weight:400}.phone-screen .comment-reply{font-weight:600;cursor:pointer}.phone-screen .comment-reply:hover{color:#262626}.phone-screen .comment-badge{padding:.125rem .5rem;background:#0095f6;color:#fff;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.phone-content-scroll{flex:1;overflow-y:auto;background:#fff;border-radius:20px;margin-top:.5rem}.phone-content-scroll::-webkit-scrollbar{width:4px}.phone-content-scroll::-webkit-scrollbar-track{background:transparent}.phone-content-scroll::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.phone-content-scroll::-webkit-scrollbar-thumb:hover{background:#0000004d}.test-mode-indicator{display:flex;justify-content:center;padding:.5rem;margin-bottom:.75rem}.live-indicator{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#ef444426;border-radius:20px;font-size:.75rem;font-weight:600;color:#ef4444}.live-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.live-text{text-transform:uppercase;letter-spacing:.05em}.test-mode-input-message{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem;color:#ffffffb3;font-size:.75rem;text-align:center}.test-mode-input-message svg{flex-shrink:0}.test-mode-input-message strong{color:#b96608}.mode-selector-compact{display:flex;gap:.5rem;padding:0;background:transparent}.topbar .mode-selector-compact{padding:0;background:transparent;margin-bottom:0;margin-right:1rem}.mode-btn-compact{flex:1;display:flex;min-width:120px;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn-blue{background:#9c1ece;color:#fff}.mode-btn-purple{background-image:linear-gradient(to left,#f77062,#fe5196);color:#fff}.mode-btn-compact:hover{transform:translateY(-2px);filter:brightness(1.1);transition:all .3s ease}@media (max-width: 640px){.mode-selector-compact{padding:.5rem;gap:.375rem}.live-indicator{font-size:.7rem;padding:.25rem .5rem}}.empty-messages-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem 1rem;text-align:center;color:#fff9}.empty-messages-state svg{margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:.95rem;font-weight:600;color:#fffc;margin:0 0 .5rem}.empty-state-subtitle{font-size:.85rem;color:#ffffff80;margin:0}.test-users-list{margin-bottom:1.5rem}.test-users-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.test-user-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;font-size:.875rem;color:#1a1a1a}.test-user-chip span{font-weight:500}.remove-test-user{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:#6b7280;cursor:pointer;transition:color .2s}.remove-test-user:hover{color:#dc2626}.percentage-display{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.percentage-value{font-size:2.5rem;font-weight:700;color:#0f172a;line-height:1}.percentage-label{font-size:.875rem;color:#64748b;font-weight:500}.percentage-slider{width:100%;height:8px;border-radius:4px;background:#d1d5db;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin-bottom:1.5rem;position:relative}.percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#1a1a1a;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0003;margin-top:-6px;position:relative}.percentage-slider::-webkit-slider-thumb:hover{background:#000;transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.percentage-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.percentage-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#1a1a1a;cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:all .15s ease;margin-top:0;position:relative}.percentage-slider::-moz-range-thumb:hover{background:#000;transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.percentage-slider::-moz-range-thumb:active{transform:scale(1.05)}.percentage-slider::-webkit-slider-runnable-track{width:100%;height:8px;border-radius:4px;background:#d1d5db;border:none}.percentage-slider::-moz-range-track{width:100%;height:8px;border-radius:4px;background:#d1d5db;border:none}.percentage-input-wrapper{display:flex;align-items:center;gap:.5rem;justify-content:center}.percentage-input{width:80px;padding:.625rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:600;text-align:center;color:#0f172a;transition:all .2s}.percentage-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #0000000d}.percentage-input::-webkit-inner-spin-button,.percentage-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.percentage-input[type=number]{-moz-appearance:textfield}.percentage-symbol{font-size:1.25rem;font-weight:600;color:#64748b}.content{overflow-y:auto;overflow-x:visible;flex:1;background:#fff}.page-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header-section h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.page-description{font-size:.9rem;color:#666;margin:0}.btn-create-automation{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#000;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-create-automation:hover{background:#272727;transform:translateY(-1px)}.filter-section{margin-bottom:0}.filter-input{position:relative;width:100%}.filter-input svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#888}.filter-input input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #e5e5e5;font-size:.9rem;background:#fff;color:#1a1a1a;border-top-left-radius:8px;border-top-right-radius:8px}.filter-input input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.automation-table{background:#fff;border:1px solid #e5e5e5;border-top:0;overflow:visible;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.table-body{overflow:visible}.table-header{display:grid;grid-template-columns:2.5fr 1fr 1fr 1.5fr 60px;padding:1rem;background:#fafafa;border-bottom:1px solid #e5e5e5;font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase}.table-row{display:grid;grid-template-columns:2.5fr 1fr 1fr 1.5fr 60px;padding:1rem;border-bottom:1px solid #f0f0f0;transition:all .2s;cursor:pointer;align-items:center;position:relative;overflow:visible}.table-row:hover{background:#fafafa}.table-row:last-child{border-bottom:none}.table-cell{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#1a1a1a}.name-cell{flex-direction:column;align-items:flex-start!important;gap:.375rem!important}.config-name{font-weight:500;color:#1a1a1a;font-size:.95rem}.config-key{font-size:.8rem;color:#888;font-family:monospace;background:#f5f5f5;padding:.125rem .375rem;border-radius:4px}.channel-cell{color:#666}.status-draft{background:#f3f4f6;color:#6b7280}.updated-cell{flex-direction:column;align-items:flex-start!important;gap:.25rem!important}.updated-time{color:#888;font-size:.8rem}.actions-cell{justify-content:flex-end;position:static;overflow:visible}.btn-menu{width:28px;height:28px;border-radius:6px;border:1px solid #e5e5e5;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;font-size:16px;font-weight:700;position:relative}.btn-menu:hover{background:#f5f5f5;color:#1a1a1a}.config-menu{position:fixed;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 16px #0000001a;min-width:140px;z-index:1000;overflow:visible}.menu-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;cursor:pointer;font-size:.8rem;color:#1a1a1a;white-space:nowrap}.menu-item svg{width:14px;height:14px}.menu-item:first-child{border-radius:8px 8px 0 0}.menu-item:last-child{border-radius:0 0 8px 8px}.menu-item:hover{background:#f5f5f5}.menu-item.danger{color:#ef4444}.menu-item.danger:hover{background:#ef44441a}.menu-divider{height:1px;background:#e5e5e5;margin:.25rem 0}.empty-state{padding:2rem;text-align:center}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.empty-state-content svg{width:64px;height:64px;color:#d1d5db}.empty-state-content h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0}.empty-state-content p{color:#666;font-size:.95rem;max-width:400px;margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:480px}.modal-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.modal-hint{font-size:.875rem;color:#666}.modal-text{font-size:.95rem;color:#666;line-height:1.5;margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:.5rem}.btn-modal-cancel{padding:.625rem 1.25rem;background:transparent;color:#666;border:1px solid #e5e5e5;border-radius:8px;font-weight:500;cursor:pointer}.btn-modal-cancel:hover{background:#f5f5f5;color:#1a1a1a}.btn-modal-save{padding:.625rem 1.25rem;background:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer}.btn-modal-save:hover:not(:disabled){background:#1d4ed8}.btn-modal-save:disabled{opacity:.5;cursor:not-allowed}.btn-modal-delete{padding:.625rem 1.25rem;background:#dc2626;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer}.btn-modal-delete:hover:not(:disabled){background:#b91c1c}.modal-container.modal-danger .modal-title{color:#dc2626}.upload-area{margin-top:1rem}.upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;border:2px dashed #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s}.upload-label:hover{border-color:#2563eb;background:#f8fafc}.upload-label svg{color:#9ca3af}.upload-label span{color:#666;font-size:.9rem}.selected-file{font-weight:500;color:#2563eb;font-size:.9rem;margin-top:.5rem}.skeleton-row{cursor:default;pointer-events:none}.skeleton-row:hover{background:#fff}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px}.skeleton-name{width:180px;height:16px}.skeleton-key{width:120px;height:12px}.skeleton-channel{width:60px}.skeleton-badge{width:80px;height:24px;border-radius:6px}.skeleton-time{width:90px;height:12px}.skeleton-button{width:28px;height:28px;border-radius:6px}@media (max-width: 968px){.page-header-section{flex-direction:column;gap:1rem}.btn-create-automation{width:100%;justify-content:center}.table-header,.table-row{grid-template-columns:2.5fr 1fr 1fr 1.5fr 50px;font-size:.8rem;padding:1rem}}@media (max-width: 640px){.page-header-section h2{font-size:1.5rem}.table-header{display:none}.table-row{grid-template-columns:1fr;gap:.75rem;padding:1rem}.actions-cell{position:absolute;top:1rem;right:1rem}}.livechat-container{display:flex;height:calc(100vh - 2rem);border-radius:16px;border:solid 1px #e8e8e8}.conversations-sidebar{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;background-color:none}.conversations-header{padding:1rem;border-bottom:1px solid #e5e7eb}.conversations-header .header-top{margin-bottom:.75rem}.conversations-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .75rem}.channel-selector-wrapper{position:relative;width:100%}.channel-selector-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;color:#111827;cursor:pointer;outline:none;transition:all .2s}.channel-selector-button:hover{border-color:#d1d5db;background-color:#fafafa}.channel-selector-button:focus{border-color:#d1d5db;background-color:#fafafa}.channel-selector-content{display:flex;align-items:center;gap:.5rem;color:#6b7280}.channel-selector-content span{color:#111827}.channel-selector-arrow{color:#6b7280;transition:transform .2s;flex-shrink:0}.channel-selector-arrow.open{transform:rotate(180deg)}.channel-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.channel-dropdown-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem .875rem;border:none;background:#fff;color:#111827;font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background .15s}.channel-dropdown-item:hover{background:#f9fafb}.channel-dropdown-item.active{background:#f0f9ff;color:#0284c7}.channel-dropdown-item svg:first-child{color:#6b7280;flex-shrink:0}.channel-dropdown-item.active svg:first-child{color:#0284c7}.instagram-icon,.channel-dropdown-item.active .instagram-icon,.channel-selector-content .instagram-icon{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.channel-dropdown-item .check-icon{margin-left:auto;color:#0284c7;flex-shrink:0}.channel-dropdown-item span{flex:1}.no-channels-notice{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;font-size:.8125rem;color:#92400e}.no-channels-notice svg{flex-shrink:0;color:#d97706}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:.75rem;color:#9ca3af}.search-box input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;outline:none;transition:border-color .2s}.search-box input:focus{border-color:#6366f1}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;gap:.6rem;padding:.7rem .8rem;cursor:pointer;transition:background .2s;border-bottom:1px solid #f3f4f6}.conversation-item:hover{background:#f9fafb}.conversation-item.active{background:#eff6ff}.conversation-item.skeleton-item{pointer-events:none;cursor:default}.conversation-item.skeleton-item:hover{background:#fff}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px}.skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-text{height:14px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}.skeleton-select{height:40px;border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.conversation-avatar{position:relative;flex-shrink:0}.conversation-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.conversation-details{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem;gap:.5rem}.conversation-username{font-size:.875rem;font-weight:400;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.unread-badge{background:#ef4444;color:#fff;font-size:.6875rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:18px;height:16px;text-align:center;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.conversation-preview-row{display:flex;align-items:center;gap:.5rem}.conversation-preview{font-size:.8125rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conversation-time{font-size:.75rem;color:#9ca3af;white-space:nowrap;flex-shrink:0}.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:300px}.empty-icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;margin-bottom:1.5rem}.empty-conversations svg{color:#9ca3af}.empty-conversations h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#374151}.empty-conversations p{margin:0;font-size:.875rem;color:#6b7280;line-height:1.6;max-width:280px}.chat-area{flex:1;display:flex;flex-direction:column}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.chat-user-info{display:flex;align-items:center;gap:.75rem}.chat-user-info img{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-user-info h4{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 .25rem}.platform-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.platform-badge svg{opacity:.7}.chat-actions{display:flex;gap:.5rem}.chat-action-btn{padding:.5rem;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.chat-action-btn:hover{background:#f3f4f6;color:#111827}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-message{display:flex;flex-direction:column;max-width:70%}.chat-message.user{align-self:flex-start}.chat-message.bot,.chat-message.agent{align-self:flex-end}.message-content{padding:.75rem 1rem;border-radius:12px;font-size:.875rem;line-height:1.5}.chat-message.user .message-content{background:#f3f4f6;color:#111827;border-bottom-left-radius:4px}.chat-message.bot .message-content,.chat-message.agent .message-content{background:#6366f1;color:#fff;border-bottom-right-radius:4px}.message-time{font-size:.6875rem;color:#9ca3af;margin-top:.25rem;padding:0 .25rem}.chat-message.user .message-time{align-self:flex-start}.chat-message.bot .message-time,.chat-message.agent .message-time{align-self:flex-end}.chat-input{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#fff}.chat-input input{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;outline:none;transition:border-color .2s}.chat-input input:focus{border-color:#6366f1}.send-btn{padding:.75rem 1.25rem;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.send-btn:hover:not(:disabled){background:#4f46e5}.send-btn:disabled{opacity:.5;cursor:not-allowed}.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.no-conversation-selected .empty-icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;margin-bottom:1.5rem}.no-conversation-selected svg{color:#9ca3af}.no-conversation-selected h3{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.no-conversation-selected p{font-size:.875rem;color:#6b7280;line-height:1.6;max-width:320px;margin:0}@media (max-width: 768px){.conversations-sidebar{width:100%;max-width:320px}.chat-message{max-width:85%}}.billing-page{padding:2rem;max-width:1400px;margin:0 auto}.billing-header{margin-bottom:2rem}.billing-header h1{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.billing-subtitle{font-size:.9375rem;color:#666;margin:0}.billing-content{display:flex;flex-direction:column;gap:2rem}.billing-top-section{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.current-plan-section{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.plan-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.plan-icon svg{color:#fff}.plan-details{flex:1}.plan-details h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 .25rem}.plan-details p{font-size:.875rem;color:#666;margin:0}.btn-manage{padding:.5rem 1.25rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-manage:hover{background:#f9fafb;border-color:#9ca3af}.credits-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.credits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.credits-header h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0}.credits-count{font-size:.875rem;font-weight:600;color:#374151}.credits-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:1rem}.credits-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .3s ease}.credits-info{display:flex;flex-direction:column;gap:.5rem}.credits-info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.credits-info-item svg{color:#3b82f6;flex-shrink:0}.credits-info-item.disabled svg{color:#9ca3af}.credits-info-item.disabled span{color:#9ca3af}.plans-section{margin-top:1rem}.plans-grid-billing{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.plan-card-billing{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;transition:all .2s;position:relative}.plan-card-billing:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.plan-card-billing.popular{border-color:#3b82f6;border-width:2px}.plan-card-billing.popular:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.plan-card-header{margin-bottom:1.5rem}.plan-card-header h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.plan-description{font-size:.875rem;color:#666;line-height:1.5;margin:0;min-height:40px}.plan-price-billing{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.5rem}.price-amount{font-size:2rem;font-weight:700;color:#1a1a1a}.price-period{font-size:.875rem;color:#666}.plan-shared{font-size:.8125rem;color:#666;margin:0 0 1rem}.plan-toggle{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;color:#374151}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.3s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.btn-plan-billing{width:100%;padding:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s;margin-bottom:1rem}.btn-plan-billing:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-plan-billing.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-plan-billing.primary:hover{background:#2563eb;border-color:#2563eb}.btn-plan-billing:disabled{opacity:.5;cursor:not-allowed}.plan-credits{text-align:center;padding:.75rem 0;margin-bottom:1rem;border-bottom:1px solid #e5e7eb}.credits-label{font-size:.875rem;color:#374151;font-weight:500}.plan-features-billing{margin-top:auto}.features-title{font-size:.875rem;color:#666;margin:0}@media (max-width: 1200px){.plans-grid-billing{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.billing-page{padding:1rem}.billing-top-section,.plans-grid-billing{grid-template-columns:1fr}}.profile-page{max-width:1400px;padding:0!important}.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;min-height:calc(100vh - 80px);padding:2rem}.profile-sidebar{display:flex;flex-direction:column;gap:2rem}.profile-header h1{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem;letter-spacing:-.02em}.profile-subtitle{font-size:.875rem;color:#666;margin:0;line-height:1.5}.profile-nav{display:flex;flex-direction:column;gap:.25rem}.profile-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#666;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.profile-nav-item:hover{background:#fafafa;border-color:#d4d4d4;color:#1a1a1a}.profile-nav-item.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.profile-nav-item svg{width:16px;height:16px;flex-shrink:0}.profile-main{display:flex;flex-direction:column;gap:1.5rem}.profile-main-header{margin-bottom:.5rem}.profile-main-header h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem;letter-spacing:-.02em}.profile-main-header p{font-size:.875rem;color:#666;margin:0;line-height:1.5}.message-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500}.message-banner.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.message-banner.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.message-banner svg{flex-shrink:0;width:20px;height:20px}.profile-fields{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden}.profile-field{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border-bottom:1px solid #e5e5e5}.profile-field:last-child{border-bottom:none}.profile-field label{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em;margin:0}.field-display{display:flex;align-items:center;justify-content:space-between;gap:1rem}.field-value{font-size:.9375rem;color:#1a1a1a;font-weight:500;flex:1}.btn-edit,.btn-manage{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#1a1a1a;border:1px solid #e5e5e5;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;text-decoration:none}.btn-edit:hover,.btn-manage:hover{background:#fafafa;border-color:#d4d4d4;transform:translateY(-1px)}.btn-manage svg{width:14px;height:14px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;background:#fff;border:1px solid #e5e5e5;border-radius:12px;color:#666;font-size:.875rem}.loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state.error{color:#dc2626}.loading-state.error svg{color:#dc2626;opacity:.5}.security-section-wrapper{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:2rem}.security-section-wrapper h3{font-size:1.0625rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem;letter-spacing:-.01em}.section-subtitle{font-size:.875rem;color:#666;margin:0 0 1.5rem;line-height:1.5}.signin-methods{display:flex;flex-direction:column;gap:.75rem}.signin-method{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;transition:all .2s}.signin-method:hover{background:#f5f5f5;border-color:#d4d4d4}.method-icon{width:40px;height:40px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#1a1a1a;flex-shrink:0}.method-info{flex:1}.method-title{font-size:.9375rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.method-description{font-size:.8125rem;color:#666}.btn-enable{padding:.5rem 1rem;background:#fff;color:#1a1a1a;border:1px solid #e5e5e5;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-enable:hover{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.data-actions{display:flex;flex-direction:column;gap:1.5rem}.data-action-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:2rem}.data-action-card h3{font-size:1.0625rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem;letter-spacing:-.01em}.data-action-card p{font-size:.875rem;color:#666;line-height:1.6;margin:0 0 1.5rem}.data-action-card:last-child{border-color:#fecaca;background:#fef2f2}.data-action-card:last-child h3{color:#dc2626}.data-action-card:last-child p{color:#991b1b}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#1a1a1a;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;width:fit-content}.btn-secondary:hover{background:#fafafa;border-color:#d4d4d4;transform:translateY(-1px)}.btn-secondary svg{width:16px;height:16px}.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;width:fit-content}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.btn-danger svg{width:16px;height:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e5e5}.modal-header h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#666;cursor:pointer;transition:all .2s}.modal-close:hover:not(:disabled){background:#f5f5f5;color:#1a1a1a}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#1a1a1a}.modal-input{padding:.75rem 1rem;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;transition:all .2s;background:#fff;font-family:inherit;color:#1a1a1a}.modal-input:hover:not(:disabled){border-color:#d1d5db}.modal-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #0000000d}.modal-input:disabled{background:#f9fafb;cursor:not-allowed}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e5e5}.btn-modal-cancel{padding:.75rem 1.5rem;background:#fff;color:#1a1a1a;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal-cancel:hover:not(:disabled){background:#fafafa;border-color:#d4d4d4}.btn-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-modal-save{padding:.75rem 1.5rem;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal-save:hover:not(:disabled){background:#000;transform:translateY(-1px)}.btn-modal-save:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 968px){.profile-layout{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.profile-sidebar{gap:1.5rem}.profile-nav{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.profile-nav-item{white-space:nowrap}}@media (max-width: 640px){.profile-layout{padding:1rem}.profile-header h1{font-size:1.5rem}.profile-main-header h2{font-size:1.25rem}.field-display{flex-direction:column;align-items:flex-start;gap:.75rem}.btn-edit,.btn-manage{width:100%;justify-content:center}.security-section-wrapper,.data-action-card{padding:1.5rem}.signin-method{flex-direction:column;align-items:flex-start;gap:1rem}.btn-enable{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1a1a1a;background:#f5f5f5}#root{min-height:100vh}