@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 svg{width:100%;height:100%}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:.7rem 1rem;margin:0 auto;width:70vw;position:fixed;top:16px;left:0;right:0;z-index:2;border-radius:32px;border:1px solid rgba(0,0,0,.1);background:#ffffff1a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.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:.2rem;font-size:1.4rem;font-weight:650;word-spacing:-.08rem;color:#000}.logo-minimal img{width:24px;height:24px}.btn-login{padding:.4rem 1.25rem;background:#ffffffbf;color:#000;border:none;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:.1rem solid rgba(0,0,0,1)}.btn-tryfree{padding:.5rem 1.25rem!important;margin-left:.8rem;background:#000;color:#fff;border:none;border-radius:16px;font-size:.9rem!important;font-weight:500;cursor:pointer;transition:all .2s}.btn-login:hover{background:#ededed}.main-content-scroll{overflow-y:auto;height:100vh;-webkit-overflow-scrolling:touch}.hero-section-modern{display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 1.4rem 4rem;min-height:calc(100vh - 80px);background:#f8f9fa;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 10%,#aff4bd,#f0ce97,#f0cbb5 70%,#fff);pointer-events:none}.hero-container{max-width:800px;margin:0 auto;position:relative;z-index:1;padding-top:65px}.hero-heading{font-size:4rem;font-weight:600;color:#1a1a1a;margin:0 0 1.05rem;line-height:1;letter-spacing:-.03em}.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}.hero-cta{margin-bottom:1.4rem}.hero-video-container{margin:3rem auto 2rem;width:92vw;max-width:1000px;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #00000026;border:1px solid rgba(0,0,0,.1);position:relative;cursor:pointer}.hero-video{width:100%;height:auto;display:block;background:#000}.video-play-button-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;z-index:10;cursor:pointer}.video-play-button-center:hover{transform:translate(-50%,-50%) scale(1.1)}.video-play-button-center:active{transform:translate(-50%,-50%) scale(.95)}.video-play-button-center svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.video-play-button-center:hover svg circle{fill:#fff}.video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);z-index:20;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.video-controls.visible{opacity:1;transform:translateY(0);pointer-events:auto}.video-seek-bar{flex:1;height:4px;background:#ffffff4d;border-radius:2px;cursor:pointer;position:relative;transition:height .2s ease}.video-seek-bar:hover{height:6px}.video-seek-progress{height:100%;background:#fff;border-radius:2px;transition:width .1s linear;position:relative}.video-seek-progress:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s ease}.video-seek-bar:hover .video-seek-progress:after{opacity:1}.video-control-button{width:40px;height:40px;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.video-control-button:hover{background:#ffffff4d;transform:scale(1.05)}.video-control-button:active{transform:scale(.95)}.video-control-button svg{width:20px;height:20px}.btn-primary-large{padding:.875rem 2rem;background:#000;color:#fff;border:none;border-radius:40px;font-size:1.0625rem;font-weight:500;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;margin-top:3rem}.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}.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.4rem;font-weight:600;color:#000;margin:0}.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}.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}@media (max-width: 768px){.hero-heading{font-size:2.5rem}.hero-subheading{font-size:1.0625rem}.hero-video-container{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:1.8rem}.hero-video-container{border-radius:8px}.minimal-nav{padding:.75rem 1rem}.logo-minimal{font-size:1rem}.logo-minimal svg{width:10%}.btn-login{padding:.4rem .5rem;font-size:.7rem;border-radius:12px;width:80px}.hero-section-modern,.features-section-modern,.pricing-section-modern,.faq-section-modern,.cta-section-modern{padding-left:1rem;padding-right:1rem}}.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){.minimal-nav{width:94vw}.btn-tryfree{display:none}.btn-login{border-radius:16px}.verify-email-card{padding:2rem 1.5rem}.verify-title{font-size:1.5rem}.verify-code-input{font-size:1.25rem;letter-spacing:.4rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:2rem 1rem;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#fff,#d7ebeb 10%,#aff4bd,#f0ce97,#f0cbb5 70%,#fff);pointer-events:none;z-index:0}.auth-container{width:100%;max-width:440px;position:relative;z-index:1}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.auth-header{padding:1.4rem 1.4rem .7rem;text-align:center}.auth-logo{display:inline-flex;align-items:center;gap:.35rem;font-size:1.35rem;font-weight:700;color:#000;text-decoration:none;transition:opacity .2s}.auth-logo:hover{opacity:.8}.auth-logo svg{width:28px;height:auto}.auth-content{padding:0 1.4rem .5rem}.auth-content h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0 0 .35rem;text-align:center}.auth-subtitle{font-size:.875rem;color:#6b7280;margin:0 0 1.05rem;text-align:center}.error-message{display:flex;align-items:center;gap:.35rem;padding:.525rem .7rem;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.8125rem;margin-bottom:.7rem}.error-message svg{flex-shrink:0}.success-message{display:flex;align-items:center;gap:.35rem;padding:.525rem .7rem;background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:.8125rem;margin-bottom:.7rem}.success-message svg{flex-shrink:0}.auth-form{margin-bottom:1.05rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.7rem;font-weight:500;color:#8b8b8b}.form-group input{width:100%;padding:.7rem .6rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;outline:none;transition:all .2s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#9ca3af}.password-input{position:relative}.password-input input{padding-right:2.8rem}.password-toggle{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:#374151}.form-footer{display:flex;justify-content:flex-end;margin-bottom:.7rem}.forgot-link{font-size:.8125rem;color:#667eea;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#764ba2}.auth-btn{width:100%;padding:.7rem 1.05rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.35rem}.auth-btn.primary{color:#fff}.auth-btn.primary:hover:not(:disabled){transform:translateY(-1px)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;justify-content:center;margin:1.05rem 0 .7rem;font-size:.8125rem;color:#6b7280}.auth-link-btn{font-weight:600;color:#374151;text-align:center;text-decoration:none;transition:all .2s}.auth-link-btn:hover{background:#f9fafb;border-color:#9ca3af}.auth-legal{padding:1.05rem 1.4rem;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:.75rem;color:#6b7280;text-align:center;line-height:1.5}.auth-legal a{color:#667eea;text-decoration:none}.auth-legal a:hover{text-decoration:underline}@media (max-width: 640px){.auth-page{padding:1rem}.auth-header{padding:1.05rem 1.05rem .7rem}.auth-content{padding:0 1.05rem 1.05rem}.auth-content h1{font-size:1.35rem}.auth-legal{padding:.875rem 1.05rem}}html{background:#fff;-webkit-user-select:none;user-select:none;overscroll-behavior-x:auto;overscroll-behavior-y:none;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#1a1a1a;line-height:1;overscroll-behavior-x:auto;overscroll-behavior-y:none;height:100%}.dashboard{display:grid;grid-template-columns:224px 1fr;background-color:#fbfbfb;transition:grid-template-columns .2s ease}.dashboard.sidebar-collapsed{grid-template-columns:70px 1fr}.main-content{display:flex;flex-direction:column;height:100vh;height:100dvh}.content{flex:1;background:#fff}.content-container{min-height:100vh;margin:0;padding:3rem;border-radius:16px}.sidebar{background:linear-gradient(135deg,#050505,#140000,#2b0a05);display:flex;flex-direction:column;height:100vh;height:100dvh;overflow-y:auto;overflow-x:visible;position:sticky;top:0;z-index:100;transition:width .2s ease}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.1rem .6rem;margin-bottom:.5rem}.sidebar-brand{display:flex;align-items:center;gap:.75rem}.sidebar-brand svg{width:22px;height:auto;flex-shrink:0}.sidebar-brand-text{font-size:1.1rem;font-weight:600;color:#ffffffe6;white-space:nowrap;transition:opacity .2s ease,width .2s ease}.sidebar-collapse-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.375rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sidebar-collapse-btn:hover{background:#ffffff12;color:#fffc}.sidebar.collapsed{width:70px}.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-section-title,.sidebar.collapsed .sidebar-profile-name,.sidebar.collapsed .sidebar-profile-chevron{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:.5rem}.sidebar.collapsed .sidebar-profile-button{justify-content:center;padding:.625rem}.sidebar.collapsed .user-profile-dropdown{left:70px;bottom:0}.sidebar.collapsed .sidebar-header{justify-content:center}.brand-name{font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:-.02em;-webkit-user-select:none;user-select:none}.avatar{width:31px;height:31px;border-radius:50%;border:1px solid rgba(255,255,255,.12);margin-right:8px}.avatar-initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#050505,#2b0a05);color:#fff;font-weight:600;font-size:.75rem;text-transform:uppercase;border:none}.nav-menu{display:flex;flex-direction:column;gap:2px;padding:0 .625rem;flex:1}.nav-section-title{font-size:.625rem;font-weight:600;color:#c9c9c9;text-transform:uppercase;letter-spacing:.1rem;padding:1rem .625rem .375rem;margin-top:.25rem}.nav-bottom{display:flex;flex-direction:column;gap:2px;padding:.75rem .625rem 1rem;border-top:1px solid rgba(255,255,255,.07);margin-top:auto}.nav-item{display:flex;align-items:center;gap:.625rem;padding:.5rem;color:#e1e1e1;text-decoration:none;border-radius:8px;font-size:.8125rem;font-weight:400;transition:background .2s,color .2s,padding .2s;letter-spacing:-.01em;border:solid 1px rgb(75,75,75,0)}.nav-item span{transition:opacity .2s ease,width .2s ease;text-overflow:ellipsis}.nav-item svg{flex-shrink:0;opacity:1;transition:opacity .15s}.nav-item:hover{background:#4b4b4b;color:#e1e1e1;cursor:pointer}.nav-item:hover svg{opacity:1}.nav-item.active{background:#4b4b4b;color:#e1e1e1;cursor:pointer}.nav-item.active svg{opacity:1}.nav-item.highlight-onboarding{background:#3b82f626;border:1px solid rgba(59,130,246,.3);animation:pulse-onboarding 2s ease-in-out infinite}.nav-item.highlight-onboarding svg{color:#60a5fa}@keyframes pulse-onboarding{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 4px #3b82f600}}.sidebar-footer{padding:1rem .625rem 1.5rem;border-top:1px solid rgba(255,255,255,.07);margin-top:auto}.sidebar-footer-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .625rem;color:#ffffff73;font-size:.8125rem;text-decoration:none;border-radius:8px;transition:all .15s;margin-bottom:.25rem}.sidebar-footer-link:hover{background:#ffffff12;color:#ffffffe6}.user-profile-dropdown{position:absolute;left:.5rem;right:.5rem;background:#fff;border-radius:12px;box-shadow:0 12px 32px #0006;display:none;overflow:hidden;text-align:left;direction:ltr;max-height:420px;overflow-y:auto;bottom:4rem;right:auto;width:calc(240px - 2rem);z-index:1002;transform-origin:bottom center}.user-profile-dropdown.active{display:block;animation:expandFromBottom .1s ease-out forwards}@keyframes expandFromBottom{0%{opacity:0;transform:translateY(8px) scaleY(.96)}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{display:flex;align-items:center;padding:.5rem .625rem;color:#494949;font-size:.8rem;cursor:pointer;border-radius:8px;transition:background .12s,color .12s;text-align:left;gap:.625rem}.profile-dropdown-item svg{flex-shrink:0;opacity:.6;transition:opacity .12s;margin-right:0;margin-top:0;display:block}.profile-dropdown-item:hover{background:#e2e2e299;color:#242424;cursor:pointer}.profile-dropdown-item:hover svg{opacity:1}.profile-dropdown-divider{height:1px;background:#32323214;margin:.125rem 0}.profile-dropdown-item.logout-item{color:#f87171}.profile-dropdown-item.logout-item svg{opacity:.8}.profile-dropdown-item.logout-item:hover{background:#ef44441f;color:#f13737}.dropdown-header{display:flex;align-items:center;gap:.625rem;padding:.75rem;background:#ffffff0a}.dropdown-header .sidebar-user-name{font-size:.875rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.dropdown-header .sidebar-user-email{font-size:.75rem;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin-top:.2rem}.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.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,#050505,#2b0a05);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}.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}.mobile-topbar,.mobile-bottom-nav{display:none}@media (max-width: 968px){.dashboard{grid-template-columns:1fr}.mobile-menu-btn{display:flex}.sidebar{display:none}.content-container{padding:1.5rem}.main-content{padding-top:calc(52px + env(safe-area-inset-top));padding-bottom:calc(64px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;height:100vh;height:100dvh;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:calc(52px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:#ffffffb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.08);padding-left:1rem;padding-right:1rem;z-index:1000}.mobile-topbar-logo{display:flex;align-items:center;gap:.5rem}.mobile-topbar-brand{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.mobile-topbar-avatar{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.mobile-topbar-avatar .avatar{width:32px;height:32px;margin-right:0}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#ffffffb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(0,0,0,.08);z-index:1000;align-items:stretch}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#888;text-decoration:none;font-size:.625rem;font-weight:500;cursor:pointer;transition:color .2s;padding:8px 4px;-webkit-tap-highlight-color:transparent}.mobile-nav-item.active{color:#1a1a1a}.mobile-nav-item svg{flex-shrink:0}.mobile-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1100;display:flex;align-items:flex-end}.mobile-profile-sheet{width:100%;background:#fff;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:slideUpSheet .25s ease;position:relative;z-index:1101;overscroll-behavior:contain}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-profile-sheet .dropdown-header{padding:1.25rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.mobile-profile-sheet .dropdown-header .sidebar-user-name{color:#111827}.mobile-profile-sheet .dropdown-header .sidebar-user-email{color:#6b7280}.mobile-profile-sheet .dropdown-section{padding:.5rem .75rem}.mobile-profile-sheet .profile-dropdown-item{padding:.75rem .625rem;font-size:.9rem;color:#374151}.mobile-profile-sheet .profile-dropdown-item:hover{background:#f3f4f6;color:#111827}.mobile-profile-sheet .profile-dropdown-divider{background:#e5e7eb}}@media (max-width: 968px){[data-theme=dark] .mobile-topbar{background:#111c;border-bottom-color:#ffffff14}[data-theme=dark] .mobile-bottom-nav{background:#111c;border-top-color:#ffffff14}}@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:.625rem;position:relative;z-index:1000;border-top:1px solid rgba(255,255,255,.07);margin-top:auto}.sidebar-profile-button{display:flex;align-items:center;gap:.625rem;padding:.5rem;border-radius:8px;cursor:pointer;transition:background .15s;width:100%}.sidebar-profile-button:hover{background:#ffffff12}.sidebar-profile-button .avatar{width:30px;height:30px;flex-shrink:0}.sidebar-profile-name{flex:1;min-width:0;font-size:.8rem;font-weight:500;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-chevron{color:#ffffff4d;flex-shrink:0;transition:transform .2s}.sidebar-profile-button.open .sidebar-profile-chevron{transform:rotate(180deg)}.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-sidebar .user-profile-dropdown.active{display:block;animation:expandFromBottom .1s ease-out forwards}@media (max-width: 968px){.user-profile-sidebar{padding:.625rem}}.modal-close{width:28px;height:28px;margin-left:auto;background:transparent;border:none;border-radius:12px;cursor:pointer;color:#999;transition:color .2s}.modal-close:hover{color:#000}@media (max-width: 640px){.modal-body button{font-size:.85rem!important;font-weight:400!important;padding:4px 6px!important;gap:3px!important}}.onboarding-main-layout{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:start}.onboarding-steps-grid{display:flex;flex-direction:column;gap:0;max-width:800px}.onboarding-step-card{position:relative;background:#fff;border:none;border-radius:0;padding:1.25rem 1rem;text-decoration:none;color:inherit;transition:all .2s;cursor:pointer;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #e5e7eb}.onboarding-step-card:first-child{padding-top:1.25rem}.onboarding-step-card:last-child{border-bottom:none}.onboarding-step-card:hover{background:#fafafa}.onboarding-step-card:hover .step-card-number{background:#1a1a1a;color:#fff}.onboarding-step-card.completed .step-card-number{background:#10b981;color:#fff}.onboarding-step-card.completed{cursor:default}.onboarding-step-card.completed:hover{background:#fff}.onboarding-step-card.completed:hover .step-card-number{background:#10b981}.onboarding-step-card.completed .step-card-title{color:#059669}.onboarding-step-card.completed .step-card-description{color:#6b7280}.step-card-number{width:36px;height:36px;background:#f3f4f6;color:#6b7280;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:600;flex-shrink:0;transition:all .2s}.step-card-content{flex:1;min-width:0}.step-card-title{font-size:.9375rem;font-weight:600;color:#1a1a1a;margin:0 0 .25rem}.step-card-description{font-size:.8125rem;color:#6b7280;line-height:1.4;margin:0}.step-card-arrow{display:flex;align-items:center;justify-content:center;color:#d1d5db;flex-shrink:0}.step-card-arrow svg{width:20px;height:20px}.onboarding-step-card:hover .step-card-arrow{color:#6b7280}.onboarding-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem}.sidebar-card{background:#fafafa;border:1px solid rgb(250,250,250);border-radius:8px;padding:1.25rem}.sidebar-card h3{font-size:.9375rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.sidebar-card p{font-size:.8125rem;color:#6b7280;line-height:1.4;margin:0 0 1rem}.sidebar-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:#1a1a1a;text-decoration:none;transition:color .2s}.sidebar-link:hover{color:#6b7280}.sidebar-link svg{width:14px;height:14px}.resource-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.resource-link{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#1a1a1a;text-decoration:none;transition:color .2s}.resource-link:hover{color:#6b7280}.resource-link svg{width:16px;height:16px;color:#9ca3af;flex-shrink:0}.onboarding-help-section{margin-top:3rem;max-width:800px}.help-card{background:#f9fafb;border:1px solid #e5e5e5;border-radius:8px;padding:1.5rem;text-align:center}.help-card svg{color:#6b7280;margin-bottom:.75rem;width:28px;height:28px}.help-card h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 .375rem}.help-card p{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.help-actions{display:flex;gap:.75rem;justify-content:center}.btn-help{padding:.5rem 1rem;background:#1a1a1a;color:#fff;border:1px solid #1a1a1a;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-help:hover{background:#000}.btn-help.secondary{background:#fff;color:#1a1a1a;border-color:#e5e5e5}.btn-help.secondary:hover{background:#fafafa;border-color:#d4d4d4}@media (max-width: 768px){.onboarding-main-layout{grid-template-columns:1fr;gap:1.5rem}.onboarding-sidebar{position:static}.onboarding-step-card{padding:1.25rem 1rem}.step-card-number{width:28px;height:28px;font-size:.8125rem}.help-actions{flex-direction:column}.btn-help{width:100%}}@media (max-width: 1200px){.onboarding-main-layout{display:grid;grid-template-columns:1fr 240px;gap:3rem;align-items:start}}@media (max-width: 640px){.onboarding-main-layout{display:block}}.line-chart-wrapper{width:100%;padding:1rem 0;background:#f9f9f9}.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}.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:01rem;padding:.5rem;background:#f4f4f4;border:1px solid #ffffff;border-radius:8px;font-size:.75rem;color:#1a1a1a;cursor:pointer;transition:all .2s;font-family:inherit;min-width:200px}.time-range-button:hover{border-color:#f4f4f4;background:#f4f4f4}.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:200px;background:#fff;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:#f9f9f9;border-right:none;border-bottom:2px solid #f6f6f6;border-radius:0;padding:1rem;cursor:pointer;transition:all .2s;position:relative;border-right:1px solid #f2f2f2}.metric-card:first-child{border-top-left-radius:8px}.metric-card:last-child{border-right:1px solid #ffffff;border-top-right-radius:8px}.metric-card:hover:not(.active){background:#fafafa;z-index:1}.metric-card.active{background:#f3f3f3;border-bottom-color:#1b51c7;z-index:3}.metric-card.active .metric-label{color:#1b51c7;font-weight:600}.metric-card.active .metric-value{color:#1b51c7}.metric-label{font-size:.8rem;color:#757575;margin-bottom:.5rem;font-weight:400;display:flex;align-items:center;gap:.35rem}.metric-info-icon{display:inline-flex;align-items:center;justify-content:center;cursor:help;color:#999;transition:color .2s;position:relative}.metric-info-icon:hover{color:#1b51c7}.metric-info-icon svg{display:block}.metric-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#2c2c2c;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.7rem;white-space:normal;min-width:192px;z-index:1000;pointer-events:none;box-shadow:0 2px 8px #00000026;line-height:1.4;text-align:center;font-weight:450}.metric-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#2c2c2c}.metric-value{font-size:1rem;font-weight:600;color:#1a1a1a}.analytics-chart-area{background:#f9f9f9;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{font-size:1.6rem}.greeting{font-size:1rem}.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);box-shadow:0 2px 8px #0000000f;border:0px;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-weight:600;color:#1a1a1a;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;background:#fff}.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:.9rem;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-body{padding:2rem 1.5rem}.platform-option{display:flex;align-items:center;gap:.7rem;padding:.7rem;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:40px;height:40px;border-radius:8px;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:.9rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.platform-info p{font-size:.8rem;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}.header-button-group{align-items:flex-start;width:auto}.header-button-group .btn-create-automation{width:auto;justify-content:flex-start}.plan-limit-tooltip{max-width:100%}}@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}.platform-info h3{font-size:.75rem}.platform-info p{font-size:.65rem}.channels-page-table.automation-table{background:transparent;border:none}.channels-page-table.automation-table .table-header{display:none!important}.channels-page-table.automation-table .table-body{display:flex;flex-direction:column;gap:.75rem}.channels-page-table.automation-table .table-row{background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:0;padding:.5rem;display:flex!important;flex-direction:row!important;align-items:center!important;gap:.875rem;position:relative;box-shadow:0 1px 3px #0000000d}.channels-page-table.automation-table .table-row:active{box-shadow:0 2px 8px #0000001a}.channels-page-table.automation-table .table-row .name-cell{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.875rem!important;flex:1;min-width:0;margin:0}.channels-page-table.automation-table .table-row .name-cell .channel-avatar-small{width:36px;height:36px;flex-shrink:0}.channels-page-table.automation-table .table-row .name-cell .config-name{font-size:.9rem;font-weight:400;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channels-page-table.automation-table .table-row .channel-cell,.channels-page-table.automation-table .table-row .status-cell,.channels-page-table.automation-table .table-row .updated-cell,.channels-page-table.automation-table .table-row .table-cell:not(.name-cell):not(.actions-cell){display:none!important}.channels-page-table.automation-table .table-row .actions-cell{position:static!important;display:flex!important;align-items:center;justify-content:center;flex-shrink:0}.channels-page-table.automation-table .table-row .actions-cell .btn-menu{width:32px;height:32px;border:none;background:transparent;color:#999;font-size:20px}}.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:#e6683c}.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}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;color:#991b1b;font-size:.875rem;line-height:1.5}.error-banner svg{flex-shrink:0;color:#dc2626}.error-banner span{flex:1}.error-close{background:transparent;border:none;color:#991b1b;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.error-close:hover{background:#dc26261a}.header-button-group{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.btn-create-automation.btn-upgrade,.btn-primary.btn-upgrade{background:linear-gradient(135deg,#050505,#2b0a05);color:#fff;border:none}.btn-create-automation.btn-upgrade:hover,.btn-primary.btn-upgrade:hover{background:linear-gradient(135deg,#1a1a1a,#3d1408);transform:translateY(-1px)}.plan-limit-info{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#f3f4f6;border-radius:6px;font-size:.8125rem;color:#6b7280;line-height:1.4}.upgrade-features{list-style:none;padding:0;margin:1rem 0 .5rem;display:flex;flex-direction:column;gap:.75rem}.upgrade-features li{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#1a1a1a}.upgrade-features li svg{flex-shrink:0;color:#10b981}.btn-modal-primary{padding:.7rem 1.3rem;background:linear-gradient(135deg,#050505,#2b0a05);color:#fff;border:none;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal-primary:hover{background:linear-gradient(135deg,#1a1a1a,#3d1408);transform:translateY(-1px)}.table-body .table-row .name-cell,.automation-table .table-row .name-cell{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem!important;min-width:0;margin-right:0!important}.table-body .table-row .name-cell .config-name,.automation-table .table-row .name-cell .config-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.platform-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:6px;font-size:.75rem;font-weight:400;text-transform:capitalize;line-height:1;white-space:nowrap;color:#999}.platform-badge svg{width:16px;height:16px;flex-shrink:0;display:block}.platform-badge span{display:inline-block;line-height:1}.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}.page-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header-section h2{font-size:1.6rem;font-weight:500;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:.5rem 1.25rem;background:linear-gradient(135deg,#050505,#2b0a05);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-create-automation:hover{background:linear-gradient(135deg,#1a1a1a,#3d1408);transform:translateY(-1px)}.btn-create-automation.btn-upgrade{background:linear-gradient(135deg,#050505,#2b0a05)}.btn-create-automation.btn-upgrade:hover{background:linear-gradient(135deg,#1a1a1a,#3d1408)}.btn-create-automation-wrapper{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.plan-limit-info-automation{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:#f3f4f6;border-radius:4px;font-size:.75rem;color:#6b7280;line-height:1.4}.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.disabled{cursor:not-allowed;opacity:.6}.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{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}.filter-input input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.automation-table{background:#fff;border:1px solid #e5e5e5;overflow:visible}.table-body{overflow:visible}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr 60px;padding:1rem;background:#fafafa;font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;border-top-left-radius:8px;border-top-right-radius:8px}.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}.table-row:hover{background:#fafafa}.table-row:last-child{border-bottom:none}.table-cell{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#1a1a1a}.name-cell{flex-direction:column;align-items:flex-start!important;gap:.375rem!important;margin-right:1rem}.config-name{font-weight:500;color:#1a1a1a}.config-key{font-size:.8rem;color:#888;font-family:monospace;background:#f5f5f5;padding:.125rem .375rem;border-radius:4px}.channel-cell{color:#666}.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{background:#f3f4f6;color:#6b7280}.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-cell{flex-direction:column;align-items:flex-start!important;gap:.25rem!important}.updated-user{color:#1a1a1a;font-size:.9rem;font-weight:500}.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:.15rem 0}.empty-state{padding:4rem 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-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-wrapper{width:auto}.btn-create-automation{width:100%;justify-content:center}.create-dropdown-menu{left:0;right:0;min-width:unset}.table-header,.table-row{font-size:.8rem;padding:1rem}}@media (max-width: 640px){.btn-create-automation-wrapper{display:block}.automations-page-table{border-radius:8px}.btn-create-automation.btn-upgrade{margin-bottom:4px}.page-header-section h2{font-size:1.28rem}.page-description{font-size:.8rem!important}.table-header,.automations-page-table .table-header{display:none!important}.table-row,.automations-page-table .table-row{display:grid!important;grid-template-columns:none!important;grid-template-rows:auto auto;gap:.5rem;padding:.8rem;position:relative!important;text-align:left!important}.name-cell{flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important;margin-right:0;width:100%}.config-name{font-size:.875rem;font-weight:600;text-align:left!important}.config-key{font-size:.7rem;text-align:left!important}.table-cell.channel-cell{font-size:.75rem;color:#666;display:inline-flex!important;align-items:center;text-align:left!important;position:relative!important;width:auto!important;flex:0 0 auto}.automations-page-table .status-cell{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 auto}.status-badge{text-align:left!important;font-size:.65rem;padding:.3rem .45rem}.updated-cell,.config-type-cell{display:none!important}.actions-cell{position:absolute!important;bottom:.75rem!important;right:.75rem!important;top:auto!important;left:auto!important;justify-content:flex-end!important}}.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}.skeleton-name{width:180px;height:16px}.skeleton-key{width:120px;height:12px}.skeleton-channel{width:100px}.skeleton-badge{width:80px;height:24px;border-radius:6px}.skeleton-user{width:90px}.skeleton-time{width:60px;height:12px}.skeleton-button{width:28px;height:28px;border-radius:6px}.automations-page-table .table-header{grid-template-columns:2fr 1.5fr 1.5fr 1fr 1fr 60px!important}.automations-page-table .table-row{grid-template-columns:2fr 1.5fr 1.5fr 1fr 1fr 60px}.config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:90vh;width:100%;gap:1rem;grid-column:1 / -1}::-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-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:.8rem 3rem .8rem 1.6rem;gap:1rem}.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:#8e8e8e;font-size:.9rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.breadcrumb-link:hover{color:#000}.breadcrumb-current{color:#000;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;height:calc(100vh - 4rem);margin:0;padding:0 1.5rem}.config-form{overflow-y:auto;height:100%;display:flex;flex-direction:column}.config-form-content{flex:1;overflow-y:auto}.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{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;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:.5rem .75rem;border-radius:18px;font-size:.725rem;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:#004de7;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);top:0;bottom:0;max-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;overflow-y:auto}.preview-panel.mobile-visible .phone-mockup{margin:auto}.preview-toggle-btn{position:fixed;bottom:7rem;right:3rem;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;display:none}.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}.breadcrumb-container{gap:.25rem;margin-left:-.8rem;flex-wrap:nowrap;overflow:hidden}.breadcrumb-link{font-size:.75rem;flex-shrink:0;white-space:nowrap}.breadcrumb-current{font-size:.75rem;max-width:200px;word-wrap:break-word;overflow-wrap:break-word;min-width:0}.breadcrumb-separator{flex-shrink:0}.breadcrumb-mode-container{flex-direction:column;align-items:flex-start;gap:1.75rem;padding:.75rem 1rem;margin-top:0;margin-bottom:.25rem}.mode-selector-compact{width:100%}.mode-btn-compact{min-width:unset;flex:1;font-size:.75rem;padding:.5rem .375rem}.breadcrumb-name-input{min-width:120px;max-width:calc(100vw - 130px)}.form-section{margin-bottom:2rem;margin-right:1rem;margin-left:1rem}.config-form-header{margin-right:1rem;margin-left:1rem}.config-layout{height:auto;min-height:unset;border-radius:8px}.config-form{overflow-y:visible;height:auto}.config-form-content{overflow-y:visible}.form-actions{flex-direction:column;padding:1rem;margin-top:.5rem;border-radius:0 0 8px 8px}.btn-cancel-automation,.btn-save-automation{width:100%}.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:1rem}.message-input,.ai-instructions-input{font-size:.875rem;padding:.625rem}.toggle-option{padding:.875rem 1rem;flex-wrap:wrap}.toggle-info{flex:1;min-width:0}.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}.phone-screen{width:280px;height:540px}.preview-tabs{width:100%}.preview-tab{flex:1;padding:.5rem .75rem}.preview-toggle-btn{bottom:calc(5rem + env(safe-area-inset-bottom));right:1rem;width:52px;height:52px;display:none}.preview-panel{padding:1rem;max-height:80vh}.phone-mockup{gap:.75rem}.reply-type-options{grid-template-columns:1fr}}.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-selector-button:hover{border-color:#d1d5db;background-color:#fafafa}.channel-selector-button:focus{border-color:#d1d5db;background-color:#fafafa}.channel-selector-button.no-channel-selected{border-color:#fca5a5;background-color:#fef2f2}.channel-selector-button.no-channel-selected:hover{border-color:#f87171;background-color:#fee2e2}.channel-selector-button.no-channel-selected:focus{border-color:#f87171;background-color:#fee2e2}.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}.instagram-icon{color:#e4405f}.whatsapp-icon{color:#25d366}.channel-dropdown-item.active .instagram-icon{color:#e4405f}.channel-dropdown-item.active .whatsapp-icon{color:#25d366}.channel-selector-content .instagram-icon{color:#e4405f}.channel-selector-content .whatsapp-icon{color:#25d366}.channel-dropdown-divider{height:1px;background:#e5e7eb}.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;flex-wrap:wrap}.btn-add-channel{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#d97706;color:#fff;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;margin-left:auto}.btn-add-channel:hover{background:#b45309;transform:translateY(-1px)}.btn-add-channel svg{color:#fff}.ai-instructions-config{border-radius:8px}.ai-instructions-clickable{border:1px dashed #bcbcbd;border-radius:4px;padding:1rem;cursor:pointer;transition:all .2s;background:#fff;max-height:160px;overflow:hidden;position:relative}.ai-instructions-clickable:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,#fafafa00,#fafafa);pointer-events:none}.ai-instructions-clickable:hover{border-color:#cbd5e1;background:#f5f5f5}.ai-instructions-clickable:hover:after{background:linear-gradient(to bottom,#f5f5f500,#f5f5f5)}.instructions-preview{display:flex;flex-direction:column;gap:.75rem}.instructions-preview p{margin:0;font-size:.8rem;color:#475569;line-height:1.6;white-space:pre-wrap}.instructions-edit-hint{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.8rem;font-weight:500}.instructions-edit-hint svg{width:16px;height:16px}.instructions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#94a3b8}.instructions-empty svg{opacity:.5}.instructions-empty span{font-size:.95rem;font-weight:500}.instructions-modal-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:90%;max-width:600px;height:520px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.instructions-mode-tabs{display:flex;gap:0;padding:.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.instructions-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:8px;font-size:.8125rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s;flex:1;justify-content:center;margin:0 1rem}.instructions-tab:hover{background:#e2e8f0;color:#475569}.instructions-tab.active{background:#000;color:#fff}.instructions-tab svg{width:16px;height:16px}.instructions-modal-body{flex:1;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column}.templates-grid{display:grid;grid-template-columns:1fr;gap:.75rem;flex:1;overflow-y:auto}.template-card{padding:1rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff;position:relative}.template-card:hover{border-color:#6366f1}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.template-header h4{margin:0;font-size:.875rem;font-weight:600;color:#1e293b;line-height:1.3}.template-header svg{color:#94a3b8;transition:all .2s;flex-shrink:0;margin-top:.125rem}.template-card:hover .template-header svg{color:#6366f1;transform:translate(2px)}.template-description{margin:0 0 .625rem;font-size:.75rem;color:#64748b;line-height:1.4}.template-preview{font-size:.8rem;color:#94a3b8;line-height:1.4;padding:.625rem;background:#f1f5f9;border-radius:6px}.custom-instructions-editor{display:flex;flex-direction:column;gap:.75rem;flex:1;height:100%}.custom-instructions-textarea{width:100%;flex:1;padding:.875rem;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.8125rem;color:#1e293b;resize:none;line-height:1.5;transition:all .2s;background:#fafafa}.custom-instructions-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#fff}.custom-instructions-textarea::placeholder{color:#94a3b8;font-size:.8125rem}.character-count{display:flex;justify-content:flex-end;font-size:.75rem;color:#94a3b8;margin-top:-.25rem}.count-current{color:#64748b;font-weight:500}.count-max{color:#94a3b8}@media (max-width: 768px){.templates-grid{grid-template-columns:1fr;gap:.625rem}.instructions-modal-container{max-width:95%;height:480px}.instructions-modal-body{padding:1rem}.template-card{padding:.875rem}.template-header h4{font-size:.8125rem}.template-description{font-size:.6875rem}.template-preview{font-size:.625rem;padding:.5rem}.custom-instructions-textarea{font-size:.8125rem}.instructions-tab{padding:.375rem .75rem;font-size:.75rem}.instructions-tab svg{width:14px;height:14px}}.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:.625rem 1rem;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@media (min-width: 1201px){.form-actions{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:.5rem;background:linear-gradient(135deg,#050505,#140000,#2b0a05);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-save-automation:hover{background:linear-gradient(135deg,#050505,#2b0a05);transform:translateY(-2px)}.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:.7rem 1rem;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:.63rem;line-height:1.4}.test-users-input-group{margin-bottom:1.05rem}.test-mode-label{display:block;font-size:.875rem;font-weight:500;color:#1a1a1a;margin-bottom:.35rem}.test-mode-input{width:100%;padding:.525rem;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:.35rem}.test-users-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.525rem;min-height:32px}.test-user-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.26rem .525rem;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:.525rem;padding:1.05rem;border-top:1px solid #e5e5e5}.btn-modal-cancel{padding:.525rem 1.05rem;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:.525rem 1.05rem;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:.525rem 1.05rem;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}.toast-notification{position:fixed;bottom:2rem;right:2rem;background:#16a34a;color:#fff;padding:.6rem 1.2rem;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;align-items:center;gap:.75rem;font-size:.85rem;font-weight:400;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 .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 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-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn-blue{background:#2724e9;color:#fff;border:.07rem solid rgb(39,36,233)}.mode-btn-purple{background:#2724e926;color:#2724e9;border:.07rem solid rgb(39,36,233)}button.testing{background:#fbb131;color:#393939;border:.07rem solid rgb(251,177,49)}.mode-btn-compact:hover{transform:translateY(-1px);filter:brightness(.9);transition:all .3s ease}.mode-btn-compact:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.mode-btn-compact:disabled:hover{transform:none;filter:none}@media (max-width: 640px){.mode-selector-compact{width:100%;padding:0;gap:.375rem}.mode-btn-compact{min-width:unset;flex:1;font-size:.75rem;padding:.5rem .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:linear-gradient(to right,#3b82f6 0%,#3b82f6 var(--slider-progress, 50%),#e5e7eb var(--slider-progress, 50%),#e5e7eb 100%);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:transparent;border:none}.percentage-slider::-moz-range-track{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#3b82f6 0%,#3b82f6 var(--slider-progress, 50%),#e5e7eb var(--slider-progress, 50%),#e5e7eb 100%);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}.dm-header-sandbox{height:32px;width:32px;flex:content}.follower-filter-toggle{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:1rem}.follower-filter-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.follower-filter-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.follower-filter-toggle span{font-size:.875rem;font-weight:500;color:#0f172a}.follower-count-input-wrapper{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;animation:slideDown .3s ease}.follower-count-label{font-size:.875rem;font-weight:500;color:#475569}.follower-count-input{width:100%;padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#0f172a;background:#fff;transition:all .2s}.follower-count-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.follower-count-input:hover{border-color:#cbd5e1}.follower-count-hint{font-size:.75rem;color:#64748b;margin:0;line-height:1.4}@media (max-width: 640px){.follower-filter-toggle{padding:.75rem .875rem}.follower-count-input-wrapper{padding:.875rem}}.reply-filters-clickable{border:1px dashed #cbd5e1;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s;background:#fff}.reply-filters-clickable:hover{border-color:#94a3b8;background:#f8fafc}.filters-summary{display:flex;flex-direction:column;gap:.75rem}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-badge{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;font-size:.8125rem;font-weight:500;color:#1e40af}.filter-badge svg{flex-shrink:0;color:#3b82f6}.no-filters{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:#64748b;font-size:.875rem}.no-filters svg{opacity:.5}.reply-filters-content{display:flex;flex-direction:column;gap:1.5rem}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.filter-toggle{display:flex;align-items:center;gap:.625rem;cursor:pointer}.filter-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.filter-title{font-size:.9375rem;font-weight:600;color:#0f172a}.filter-description{font-size:.8125rem;color:#64748b;margin:0 0 .75rem;line-height:1.4}.filter-input-group{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.filter-number-input{width:120px;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#0f172a;background:#fff;transition:all .2s}.filter-number-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-input-label{font-size:.875rem;color:#64748b}.keywords-input-wrapper{display:flex;gap:.5rem;margin-top:.75rem}.keyword-input{flex:1;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#0f172a;background:#fff;transition:all .2s}.keyword-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-add-keyword{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-add-keyword:hover:not(:disabled){background:#2563eb}.btn-add-keyword:disabled{opacity:.5;cursor:not-allowed}.btn-add-keyword svg{width:14px;height:14px}.keywords-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.keyword-tag{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.8125rem;color:#0f172a}.keyword-tag span{font-weight:500}.btn-remove-keyword{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:#94a3b8;cursor:pointer;transition:color .2s}.btn-remove-keyword:hover{color:#ef4444}.btn-remove-keyword svg{width:14px;height:14px}@media (max-width: 640px){.filter-input-group{flex-direction:column;align-items:flex-start}.filter-number-input{width:100%}.keywords-input-wrapper{flex-direction:column}.btn-add-keyword{width:100%;justify-content:center}}.channel-dropdown-item.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.channel-dropdown-item.disabled:hover{background:#f5f5f5}.channel-disabled-badge{margin-left:auto;padding:.125rem .375rem;background:#fef2f2;color:#dc2626;border-radius:4px;font-size:.6875rem;font-weight:500;white-space:nowrap}.phone-mockup-comments{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:.5rem 0}.phone-screen-comments{width:320px;height:600px;background:#000;border-radius:32px;padding:12px;display:flex;flex-direction:column;position:relative;overflow:hidden}.ig-post-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;flex-shrink:0}.ig-post-user{display:flex;align-items:center;gap:.625rem}.ig-post-avatar{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.ig-user-info{display:flex;flex-direction:column;gap:.125rem}.ig-post-username{color:#fff;font-size:.8125rem;font-weight:600;line-height:1}.ig-post-subtitle{color:#ffffff80;font-size:.6875rem;line-height:1}.ig-more-btn{background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.ig-post-content{flex-shrink:0}.ig-post-image{width:100%;aspect-ratio:1;overflow:hidden}.ig-post-image img{width:100%;height:100%;object-fit:cover;opacity:50%}.ig-comments-modal{position:absolute;bottom:0;left:0;right:0;height:60%;background:#1a1a1a;border-radius:16px 16px 0 0;display:flex;flex-direction:column;overflow:hidden;z-index:10;box-shadow:0 -4px 20px #0000004d}.ig-comments-modal-header{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);position:relative;flex-shrink:0}.ig-comments-handle{position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:36px;height:4px;background:#ffffff4d;border-radius:2px}.ig-comments-modal-title{color:#fff;font-size:.9rem;font-weight:500;padding-top:8px}.ig-send-btn{position:absolute;right:1rem;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.ig-comments-list{flex:1;overflow-y:auto;padding:.75rem .875rem;display:flex;flex-direction:column;gap:1rem}.ig-comment{display:flex;gap:.5rem;animation:commentSlideIn .3s ease-out}.ig-comment-reply{margin-left:0}@keyframes commentSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ig-comment-replies{display:flex;gap:.75rem;margin-left:1.2rem;margin-top:.85rem}.ig-replies-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.ig-comment-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0}.ig-comment-body{flex:1;display:flex;flex-direction:column;min-width:0}.ig-comment-header{display:flex;align-items:center;gap:.5rem;margin-top:-4px}.ig-comment-username{color:#fff;font-size:.75rem;font-weight:600}.ig-comment-time{color:#fff6;font-size:.75rem}.ig-comment-text{color:#ffffffe6;font-size:.8125rem;line-height:1.4;margin:0;word-break:break-word}.ig-comment-actions{display:flex;align-items:center;margin-top:8px}.ig-comment-action-btn{background:none;border:none;color:#ffffff80;font-size:.75rem;font-weight:600;cursor:pointer;padding:0;transition:color .2s}.ig-comment-action-btn:hover{color:#fffc}.ig-comment-right{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0}.ig-like-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.ig-like-btn:hover{transform:scale(1.1)}.ig-like-count{color:#ffffff80;font-size:.6875rem;font-weight:500}.ig-comment-typing{display:flex;gap:.25rem;padding:.5rem .75rem;background:#ffffff1a;border-radius:12px;width:fit-content}.empty-comments-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;text-align:center}.empty-comments-state .empty-state-title{color:#fff;font-size:.9375rem;font-weight:600;margin:0}.empty-comments-state .empty-state-subtitle{color:#fff9;font-size:.8125rem;line-height:1.4;margin:0}.ig-emoji-bar{display:flex;align-items:center;justify-content:space-around;padding:.75rem .875rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.ig-emoji-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;transition:transform .2s;line-height:1}.ig-emoji-btn:hover{transform:scale(1.2)}.ig-comment-input{display:flex;align-items:center;gap:.625rem;padding:.875rem;background:#1a1a1a;flex-shrink:0}.ig-input-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}.ig-text-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:.5rem .875rem;color:#fff;font-size:.8125rem;outline:none;transition:all .2s}.ig-text-input:focus{background:#ffffff26;border-color:#ffffff4d}.ig-text-input::placeholder{color:#ffffff80}.test-mode-input-message{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-radius:20px;font-size:.75rem;width:100%}.test-mode-input-message svg{flex-shrink:0}.test-mode-input-message span{line-height:1.3}@media (max-width: 1200px){.phone-mockup-comments{margin:0 auto;gap:1rem}.phone-screen-comments{width:300px;height:580px}}@media (max-width: 640px){.phone-screen-comments{width:280px;height:540px}.ig-post-header,.ig-post-content,.ig-comments-modal-header,.ig-comment-input{padding-left:.75rem;padding-right:.75rem}.ig-comments-list,.ig-emoji-bar{padding:.625rem .75rem}.ig-emoji-btn{font-size:1.125rem}}.collections-page .content{overflow-y:auto;overflow-x:visible;flex:1;background:#fff}.collections-page .page-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.collections-page .action-buttons-section{display:flex;gap:1rem;margin-bottom:2rem}.collections-page .header-buttons{display:flex;gap:.75rem;align-items:center}.collections-page .page-header-section h2{font-size:1.5rem;font-weight:500;color:#1a1a1a;margin:0 0 .3rem}.collections-page .page-description{font-size:.8rem;color:#666;margin:0}.collections-page .btn-create-automation{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.2rem;background:linear-gradient(135deg,#050505,#2b0a05);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s}.collections-page .btn-create-automation.square{flex-direction:column;padding:.75rem;gap:.3rem;text-align:center;justify-content:center}.collections-page .btn-create-automation.square svg{width:24px;height:24px}.collections-page .btn-create-automation.square span{font-size:.8rem;font-weight:500;line-height:1.2}.collections-page .btn-create-automation.secondary{background:#fff;color:#1a1a1a;border:1px solid #e5e5e5}.collections-page .btn-create-automation.secondary:hover{background:#f5f5f5;border-color:#d1d5db;transform:translateY(-1px)}.collections-page .btn-create-automation:hover{background:linear-gradient(135deg,#050505,#140000,#2b0a05);transform:translateY(-1px)}.collections-page .filter-input{position:relative;width:100%}.collections-page .filter-input svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#888}.collections-page .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}.collections-page .filter-input input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.collections-page .automation-table{background:#fff;border:1px solid #e5e5e5;overflow:visible;border-radius:8px}.collections-page .table-body{overflow:visible}.collections-page .table-header{display:grid;grid-template-columns:2fr 1fr 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:2fr 1fr 1fr 1fr 1.5fr 60px;padding:1rem;border-bottom:1px solid #f0f0f0;transition:all .2s;cursor:pointer;align-items:center;position:relative;overflow:visible}.collections-page .table-row:hover{background:#fafafa}.collections-page .table-row:last-child{border-bottom:none}.collections-page .table-cell{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#1a1a1a}.collections-page .name-cell{flex-direction:column;align-items:flex-start!important;gap:.375rem!important}.collections-page .config-key{font-size:.8rem;color:#888;font-family:monospace;background:#f5f5f5;padding:.125rem .375rem;border-radius:4px}.collections-page .channel-cell{color:#666}.collections-page .status-draft{background:#f3f4f6;color:#6b7280}.collections-page .updated-cell{flex-direction:column;align-items:flex-start!important;gap:.25rem!important}.collections-page .updated-time{color:#888;font-size:.8rem}.collections-page .actions-cell{justify-content:flex-end;position:static;overflow:visible}.collections-page .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}.collections-page .btn-menu:hover{background:#f5f5f5;color:#1a1a1a}.collections-page .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}.collections-page .menu-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;cursor:pointer;font-size:.8rem;color:#1a1a1a;white-space:nowrap}.collections-page .menu-item svg{width:14px;height:14px}.collections-page .menu-item:first-child{border-radius:8px 8px 0 0}.collections-page .menu-item:last-child{border-radius:0 0 8px 8px}.collections-page .menu-item:hover{background:#f5f5f5}.collections-page .menu-item.danger{color:#ef4444}.collections-page .menu-item.danger:hover{background:#ef44441a}.collections-page .menu-divider{height:1px;background:#e5e5e5;margin:.25rem 0}.collections-page .empty-state{padding:2rem;text-align:center}.collections-page .empty-state-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.collections-page .empty-state-content svg{width:64px;height:64px;color:#d1d5db}.collections-page .empty-state-content h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0}.collections-page .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-body{padding:1.5rem}.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}.google-sheets-form input[type=url]{transition:border-color .2s,box-shadow .2s}.google-sheets-form input[type=url]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.collections-page .skeleton-row{cursor:default;pointer-events:none}.collections-page .skeleton-row:hover{background:#fff}.collections-page .skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-collections 1.5s infinite;border-radius:4px}@keyframes shimmer-collections{0%{background-position:200% 0}to{background-position:-200% 0}}.collections-page .skeleton-text{height:14px}.collections-page .skeleton-name{width:180px;height:16px}.collections-page .skeleton-key{width:120px;height:12px}.collections-page .skeleton-channel{width:60px}.collections-page .skeleton-badge{width:80px;height:24px;border-radius:6px}.collections-page .skeleton-time{width:90px;height:12px}.collections-page .skeleton-button{width:28px;height:28px;border-radius:6px}@media (max-width: 968px){.collections-page .page-header-section{flex-direction:column;gap:1rem}.collections-page .action-buttons-section{gap:.75rem}.collections-page .btn-create-automation.square{width:auto;height:80px;padding:.6rem;font-size:6px}.collections-page .btn-create-automation.square svg{width:20px;height:20px}.collections-page .header-buttons{width:100%;flex-direction:column}.collections-page .btn-create-automation{width:auto;justify-content:center}.collections-page .table-header,.collections-page .table-row{grid-template-columns:2fr 1fr 1fr 1fr 1.5fr 60px;font-size:.8rem;padding:1rem}}@media (max-width: 640px){.collections-page .page-header-section{margin-bottom:.5rem}.collections-page .page-header-section h2{font-size:1.2rem}.collections-page .page-description{font-size:.8rem!important}.collections-page .action-buttons-section{gap:.75rem}.collections-page .btn-create-automation.square{width:auto;height:60px;gap:.5rem}.collections-page .btn-create-automation.square svg{width:18px;height:18px}.collections-page .btn-create-automation.square span{font-size:.8rem}.collections-page .table-header{display:none!important}.collections-page .table-row{display:flex!important;flex-direction:column!important;gap:.2rem!important;padding:.8rem!important;align-items:flex-start!important;position:relative!important}.collections-page .table-row .name-cell{width:100%;margin-right:0!important}.collections-page .table-row .table-cell{width:auto}.collections-page .table-row .channel-cell{display:none!important}.collections-page .table-row .actions-cell{position:absolute!important;top:1rem!important;right:1rem!important}}.livechat-container{display:flex;height:calc(100vh - 2rem);overflow:hidden;max-width:100%;position:relative}.conversations-sidebar{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;width:352px;min-width:0;overflow:hidden}.conversations-header{padding:1rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.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,.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{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:#fff}.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}.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}.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}.skeleton-select{height:40px;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-conversations,.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:300px}.no-conversation-selected{height:100%;padding:2rem}.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,.no-conversation-selected svg{color:#9ca3af}.empty-conversations h4,.no-conversation-selected h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#374151}.empty-conversations p,.no-conversation-selected p{margin:0;font-size:.875rem;color:#6b7280;line-height:1.6;max-width:320px}.chat-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;height:100%;position:relative}.chat-header{display:flex;align-items:center;padding:.6rem 1rem;border-bottom:1px solid #ececec;position:sticky;top:0;z-index:100}.chat-header-mobile{display:flex;align-items:center;gap:.5rem;width:100%}.chat-back-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;color:#404040;cursor:pointer;transition:all .2s;flex-shrink:0}.chat-header-mobile .chat-back-btn{display:flex}.chat-back-btn:hover{background:#262626;color:#fff}.chat-user-info{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0}.chat-user-info img{width:32px;height:32px;border-radius:50%;object-fit:cover}.chat-user-info>div{display:flex;flex-direction:column;min-width:0}.chat-user-info h4{font-size:.75rem;font-weight:500;color:#000;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-actions{display:flex;gap:.5rem}.chat-action-btn{padding:.5rem;background:transparent;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.chat-action-btn:hover{background:#262626;color:#fff}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-width:0;min-height:0;-webkit-overflow-scrolling:touch;position:relative}.chat-message{display:flex;flex-direction:column;max-width:75%;min-width:0}.chat-message.user{align-self:flex-start;max-width:min(75%,400px)}.chat-message.bot,.chat-message.agent{align-self:flex-end;max-width:min(75%,400px)}.message-content{padding:.7rem .8rem;border-radius:18px;font-size:.8rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap}.message-content strong{font-weight:600}.chat-message.user .message-content{background:#eaeaea;color:#000;border-bottom-left-radius:4px}.chat-message.bot .message-content,.chat-message.agent .message-content{background:#7c3aed;color:#fff;border-bottom-right-radius:4px}.message-time{font-size:.6875rem;color:#737373;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 #262626;background:#000}.chat-input input{flex:1;padding:.75rem 1rem;border:1px solid #262626;border-radius:20px;font-size:.875rem;outline:none;transition:border-color .2s;background:#262626;color:#fff}.chat-input input::placeholder{color:#737373}.chat-input input:focus{border-color:#404040}.send-btn{padding:.75rem 1.25rem;background:#7c3aed;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-weight:600}.send-btn:hover:not(:disabled){background:#6d28d9}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.livechat-container{height:calc(100vh - 116px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:-webkit-fill-available}.conversations-sidebar{width:100%;max-width:100%;border-right:none;height:100%}.chat-area{position:fixed;top:calc(52px + env(safe-area-inset-top));left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));background:#fff;z-index:10;transform:translate(100%);transition:transform .3s ease;height:auto}.chat-area.mobile-visible{transform:translate(0)}.chat-header.desktop-only{display:none}.chat-back-btn{display:flex}.chat-messages{padding:1rem}.chat-message{max-width:80%}.chat-message.user,.chat-message.bot,.chat-message.agent{max-width:min(80%,320px)}.chat-input{padding:.875rem 1rem}.chat-username{font-size:.9rem;font-weight:550;display:block}.platform-badge{font-size:.75rem;display:block}}.comments-page{display:flex;height:calc(100vh - 2rem);overflow:hidden;gap:0}.posts-feed{width:340px;min-width:280px;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;overflow:hidden;background:#fff}.posts-feed-header{padding:1rem;border-bottom:1px solid #e5e5e5;display:flex;flex-direction:column;gap:.75rem;background:#fff;position:sticky;top:0;z-index:10}.posts-feed-title{display:flex;align-items:center;justify-content:space-between}.posts-feed-title h3{font-size:.9375rem;font-weight:600;color:#1a1a1a;margin:0}.live-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:#fee2e2;border-radius:20px;font-size:.6875rem;font-weight:700;color:#dc2626;text-transform:uppercase;letter-spacing:.5px}.live-dot{width:6px;height:6px;border-radius:50%;background:#dc2626;animation:livePulse 1.2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.posts-list{flex:1;overflow-y:auto}.post-card{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s}.post-card:hover{background:#fafafa}.post-card.active{background:#fafafa;border-left:3px solid #1a1a1a}.post-card-header{display:flex;align-items:center;gap:.625rem;padding:.75rem .875rem .5rem}.post-card-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid #e5e5e5;flex-shrink:0}.post-card-username{font-size:.8125rem;font-weight:600;color:#1a1a1a}.post-card-time{font-size:.75rem;color:#9ca3af;margin-left:auto}.post-card-image{width:100%;aspect-ratio:1;position:relative;overflow:hidden;padding:10px}.post-card-image img{width:100%;height:100%;object-fit:cover}.post-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f8f8,#efefef)}.post-card-image-placeholder svg{color:#d1d5db}.post-card-caption{padding:.5rem .875rem;font-size:.8125rem;color:#1a1a1a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-caption strong{font-weight:600}.post-card-stats{display:flex;align-items:center;gap:1rem;padding:.5rem .875rem .75rem}.post-stat{display:flex;align-items:center;gap:4px;font-size:.8125rem;color:#6b7280}.post-stat svg{flex-shrink:0}.post-stat.comments-count{color:#1a1a1a;font-weight:500}.new-comments-badge{margin-left:auto;background:#dc2626;color:#fff;font-size:.6875rem;font-weight:700;padding:2px 7px;border-radius:10px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.comment-stream{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff;min-width:0}.comment-stream-header{padding:.875rem 1.25rem;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;gap:.75rem;background:#fff;position:sticky;top:0;z-index:10}.stream-post-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#f3f4f6;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.stream-post-thumb img{width:100%;height:100%;object-fit:cover}.stream-post-info{flex:1;min-width:0}.stream-post-caption{font-size:.8125rem;font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-post-meta{font-size:.75rem;color:#9ca3af;margin-top:2px}.stream-refresh-indicator{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#9ca3af;flex-shrink:0}.refresh-spinner{width:14px;height:14px;border:2px solid #e5e5e5;border-top-color:#6b7280;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.comment-list{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:0}.comment-item{display:flex;gap:.75rem;padding:.625rem 0;border-bottom:1px solid #f9f9f9;animation:commentSlideIn .25s ease}.comment-item.new-comment{animation:commentHighlight 1.5s ease}@keyframes commentSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes commentHighlight{0%{background:#fef9c3}to{background:transparent}}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #e5e5e5}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:3px}.comment-username{font-size:.8125rem;font-weight:600;color:#1a1a1a}.comment-time{font-size:.6875rem;color:#9ca3af}.comment-text{font-size:.8125rem;color:#1a1a1a;line-height:1.45;word-break:break-word}.comment-text.ai-reply{color:#7c3aed;background:#f5f3ff;padding:6px 10px;border-radius:12px;border-left:3px solid #7c3aed;margin-top:4px}.comment-actions{display:flex;align-items:center;gap:.75rem;margin-top:5px}.comment-action-btn{font-size:.6875rem;color:#9ca3af;font-weight:500;cursor:not-allowed;background:none;border:none;padding:0;opacity:.5;transition:none}.comment-action-btn:hover{color:#9ca3af}.comment-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#9ca3af;padding:3rem;text-align:center}.comment-empty-state svg{opacity:.4}.comment-empty-state h3{font-size:1rem;font-weight:600;color:#6b7280;margin:0}.comment-empty-state p{font-size:.875rem;color:#9ca3af;margin:0;max-width:280px;line-height:1.5}.comment-skeleton{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f9f9f9}.skeleton-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.comments-page{height:calc(100vh - 116px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;overflow:hidden}.posts-feed{width:100%;min-width:unset;border-right:none;border-bottom:1px solid #e5e5e5;flex:0 0 auto;max-height:50%;overflow:hidden;display:flex;flex-direction:column}.posts-list{overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:row;gap:0;flex:1;min-height:0}.post-card{border-bottom:none;border-right:1px solid #f0f0f0;display:flex;flex-direction:column}.post-card.active{border-left:none;border-top:3px solid #1a1a1a}.post-card-image{aspect-ratio:1;flex:1;min-height:0}.post-card-header{padding:.5rem .625rem .25rem}.post-card-caption{display:none}.post-card-stats{padding:.25rem .625rem .5rem}.comment-stream{position:fixed;top:calc(52px + env(safe-area-inset-top));left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));background:#fff;z-index:10;transform:translate(100%);transition:transform .3s ease}.comment-stream.mobile-visible{transform:translate(0)}}.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:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.current-plan-section .plan-header{display:flex;align-items:center;gap:1rem}.plan-icon{width:48px;height:48px;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 span{font-size:1rem;font-weight:500;color:#1a1a1a;margin:0 0 .25rem}.plan-details p{font-size:.825rem;color:#666;margin:0}.btn-manage{padding:.5rem 1.25rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;font-weight:200;color:#374151;cursor:pointer;transition:all .2s;margin-top:auto;width:fit-content}.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}.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}}.plans-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.plans-header h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0}.btn-compare{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-compare:hover{background:#f9fafb;border-color:#9ca3af}.comparison-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-bottom:2rem}.comparison-table table{width:100%;border-collapse:collapse}.comparison-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.comparison-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151}.comparison-table th:first-child{width:30%}.comparison-plan-header{display:flex;flex-direction:column;gap:.25rem}.comparison-plan-header .plan-name{font-size:1rem;font-weight:600;color:#1a1a1a}.comparison-plan-header .plan-price{font-size:.875rem;color:#6b7280}.comparison-table tbody tr{border-bottom:1px solid #f3f4f6}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table td{padding:.875rem 1rem;font-size:.875rem;color:#374151;text-align:center}.comparison-table td:first-child{text-align:left;font-weight:500}.comparison-table .feature-name{color:#1a1a1a}.comparison-table .check-icon{color:#22c55e;margin:0 auto;display:block}.comparison-table .x-icon{color:#d1d5db;margin:0 auto;display:block}.popular-badge{position:absolute;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-card-billing{position:relative}.plan-card-billing.popular{border:2px solid #667eea;box-shadow:0 8px 24px #667eea26}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.features-list li{display:flex;align-items:flex-start;gap:.625rem;font-size:.8rem;line-height:1.5}.features-list li svg{flex-shrink:0;margin-top:.125rem}.features-list li.included{color:#374151}.features-list li.included svg{color:#22c55e}.features-list li.not-included{color:#9ca3af}.features-list li.not-included svg{color:#d1d5db}.features-list li span{flex:1}.features-title{font-size:.875rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem}@media (max-width: 1024px){.comparison-table{overflow-x:auto}.comparison-table table{min-width:800px}}@media (max-width: 768px){.billing-top-section,.plans-grid-billing{grid-template-columns:1fr}.plans-header{flex-direction:column;align-items:flex-start;gap:1rem}}.plan-card-billing.current{background:linear-gradient(135deg,#050505,#140000,#2b0a05);border-color:#2b0a05;border-width:2px;color:#fff}.plan-card-billing.current .plan-card-header h3,.plan-card-billing.current .plan-description,.plan-card-billing.current .price-amount,.plan-card-billing.current .price-period,.plan-card-billing.current .features-title,.plan-card-billing.current .features-list li span{color:#fff}.plan-card-billing.current .features-list li svg{color:#7ed957}.plan-active-badge{display:flex;align-items:center;gap:.5rem;padding:1rem 0 2.5rem;font-size:1.5rem;font-weight:600;color:#7ed957}.plan-active-badge svg{color:#7ed957}.btn-plan-billing.current-btn{background:#fff;color:#000;border-color:#fff;cursor:pointer}.btn-plan-billing.current-btn:hover{background:#f3f4f6;color:#000}.btn-plan-billing:disabled{cursor:not-allowed;opacity:.7}.btn-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.spin-icon{animation:billing-spin .8s linear infinite}@keyframes billing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.billing-toast{position:fixed;bottom:5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;z-index:9999;box-shadow:0 4px 16px #00000026;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.billing-toast-success{background:#16a34a;color:#fff}.billing-toast-error{background:#dc2626;color:#fff}.dev-badge{font-size:.65rem;font-weight:700;letter-spacing:.5px;background:#7c3aed;color:#fff;padding:.15rem .4rem;border-radius:4px;margin-left:.4rem;vertical-align:middle}.profile-page{padding:0!important;margin:0 auto}.page-header-section{margin-bottom:2.5rem}.page-description{font-size:.9rem;color:#737373;margin:0;line-height:1.6}.profile-layout{display:grid;grid-template-columns:260px 1fr;gap:2.5rem;align-items:start}.profile-sidebar{position:sticky;top:2rem}.profile-nav{display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:.75rem;box-shadow:0 1px 3px #0000000d}.profile-nav-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:transparent;border:none;border-radius:8px;color:#737373;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.profile-nav-item:hover:not(.active){background:#fafafa;color:#404040}.profile-nav-item.active{background:linear-gradient(135deg,#0a0a0a,#262626);color:#fff;font-weight:500;box-shadow:0 2px 8px #00000026}.profile-nav-item svg{width:18px;height:18px;flex-shrink:0;opacity:.8}.profile-nav-item.active svg{opacity:1}.profile-nav-item span{flex:1}.profile-main{min-height:400px}.message-banner{display:flex;align-items:center;gap:.875rem;padding:1.125rem 1.5rem;border-radius:10px;font-size:.9375rem;font-weight:500;margin-bottom:2rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-banner.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d;border:1px solid #86efac;box-shadow:0 2px 8px #22c55e1a}.message-banner.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;border:1px solid #fca5a5;box-shadow:0 2px 8px #ef44441a}.message-banner svg{flex-shrink:0;width:22px;height:22px}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-fields{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid #e5e5e5;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.profile-field{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border-bottom:1px solid #f5f5f5;transition:background .2s ease}.profile-field:hover{background:#fafafa}.profile-field:last-child{border-bottom:none}.profile-field label{font-size:.8125rem;font-weight:600;color:#737373;text-transform:uppercase;letter-spacing:.06em;margin:0}.field-display{display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.field-value{font-size:.9rem;color:#0a0a0a;font-weight:400;flex:1;line-height:1.5}.btn-edit,.btn-manage{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;color:#0a0a0a;border:1.5px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-decoration:none}.btn-edit:hover,.btn-manage:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-manage svg{width:14px;height:14px;transition:transform .2s ease}.btn-manage:hover svg{transform:translate(2px)}.subscription-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;text-transform:capitalize;transition:all .2s ease}.subscription-badge.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d;border:1.5px solid #86efac;box-shadow:0 2px 8px #22c55e1a}.subscription-badge.trial{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1.5px solid #fcd34d;box-shadow:0 2px 8px #f59e0b1a}.verification-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;transition:all .2s ease}.verification-badge.verified{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d;border:1.5px solid #86efac;box-shadow:0 2px 8px #22c55e1a}.verification-badge.unverified{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;border:1.5px solid #fca5a5;box-shadow:0 2px 8px #ef44441a}.verification-badge svg{width:16px;height:16px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:5rem 2rem;background:linear-gradient(135deg,#fff,#fafafa);border:1px solid #e5e5e5;border-radius:16px;color:#737373;font-size:.9375rem;font-weight:500}.loading-state.error{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.loading-state.error svg{color:#dc2626;opacity:.6}.security-section-wrapper{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.security-section-wrapper h3{font-size:1.25rem;font-weight:700;color:#0a0a0a;margin:0 0 .625rem;letter-spacing:-.02em}.section-subtitle{font-size:.9375rem;color:#737373;margin:0 0 2rem;line-height:1.6}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.125rem}.form-group label{font-size:.75rem;font-weight:450;color:#898989}.form-group input,.form-group select{width:100%;padding:.7rem .6rem;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;outline:none;transition:all .2s}.form-group input::placeholder{color:#a3a3a3}.form-group input:hover:not(:disabled),.form-group select:hover:not(:disabled){border-color:#d4d4d4}.form-group input:focus,.form-group select:focus{outline:none;border-color:#0a0a0a}.form-group input:disabled,.form-group select:disabled{background:#fafafa;cursor:not-allowed;opacity:.6}.btn-primary{padding:.875rem 2rem;background:linear-gradient(135deg,#0a0a0a,#262626);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:fit-content;box-shadow:0 2px 8px #00000026}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#000,#0a0a0a);transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.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:2rem}.data-action-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:1.5rem;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.data-action-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.data-action-card h3{font-size:1.25rem;font-weight:700;color:#0a0a0a;margin:0 0 .75rem;letter-spacing:-.02em}.data-action-card p{font-size:.9375rem;color:#737373;line-height:1.7;margin:0 0 2rem}.data-action-card.danger-zone{border-color:#fca5a5;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.data-action-card.danger-zone:hover{box-shadow:0 4px 12px #ef444426}.data-action-card.danger-zone h3{color:#dc2626}.data-action-card.danger-zone p{color:#b91c1c}.btn-secondary{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 2rem;background:#fff;color:#0a0a0a;border:1.5px solid #e5e5e5;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:fit-content;box-shadow:0 2px 8px #0000000d}.btn-secondary:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.btn-secondary:active{transform:translateY(0)}.btn-secondary svg{width:18px;height:18px;transition:transform .2s ease}.btn-secondary:hover svg{transform:translateY(2px)}.btn-danger{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 2rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:fit-content;box-shadow:0 2px 8px #dc262640}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 4px 16px #dc262659}.btn-danger:active{transform:translateY(0)}.btn-danger svg{width:18px;height:18px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.modal-content.modal-danger{border:2px solid #fca5a5}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .75rem;border-bottom:1px solid #f5f5f5}.modal-header h3{font-size:1rem;font-weight:550;color:#0a0a0a;margin:0;letter-spacing:-.02em}.modal-danger .modal-header h3{color:#dc2626}.modal-close{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:300;background:transparent;border:none;border-radius:8px;color:#737373;cursor:pointer;transition:all .2s ease}.modal-close:hover:not(:disabled){background:#f5f5f5;color:#0a0a0a}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:1rem}.modal-warning{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1.5px solid #fca5a5;border-radius:12px;margin-bottom:1rem}.modal-warning svg{color:#dc2626;margin-bottom:.5rem}.modal-warning h4{font-size:1.125rem;font-weight:700;color:#dc2626;margin:0 0 .375rem}.modal-warning p{font-size:.9375rem;color:#b91c1c;line-height:1.6;margin:0}.modal-input{padding:.875rem 1.125rem;border:1.5px solid #e5e5e5;border-radius:10px;font-size:.9375rem;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff;font-family:inherit;color:#0a0a0a;width:100%}.modal-input::placeholder{color:#a3a3a3}.modal-input:hover:not(:disabled){border-color:#d4d4d4}.modal-input:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 4px #0000000d}.modal-danger .modal-input:focus{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a}.modal-input:disabled{background:#fafafa;cursor:not-allowed}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;padding:.75rem 1rem 1rem;border-top:1px solid #f5f5f5}.btn-modal-cancel{padding:.6125rem 1.225rem;background:#fff;color:#0a0a0a;border:1.5px solid #e5e5e5;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-modal-cancel:hover:not(:disabled){background:#fafafa;border-color:#d4d4d4}.btn-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-modal-save{padding:.6125rem 1.225rem;background:linear-gradient(135deg,#0a0a0a,#262626);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026}.btn-modal-save:hover:not(:disabled){background:linear-gradient(135deg,#000,#0a0a0a);transform:translateY(-1px);box-shadow:0 4px 12px #00000040}.btn-modal-save:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-modal-delete{padding:.6125rem 1.225rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #dc262640}.btn-modal-delete:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc262659}.btn-modal-delete:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #dc262626}@media (max-width: 968px){.profile-page{max-width:100%}.profile-layout{grid-template-columns:1fr;gap:1.25rem}.profile-sidebar{position:static}.profile-nav{flex-direction:row;background:#f5f5f5;border:none;border-radius:12px;padding:4px;gap:2px;box-shadow:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.profile-nav::-webkit-scrollbar{display:none}.profile-nav-item{flex:1;flex-shrink:0;justify-content:center;padding:.6rem .5rem;font-size:.75rem;gap:.375rem;border-radius:9px;white-space:nowrap;min-width:0;flex-direction:column;align-items:center;text-align:center}.profile-nav-item svg{width:18px;height:18px}.profile-nav-item span{display:block;font-size:.6875rem}.profile-nav-item.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 4px #0000001f}.profile-field{padding:1.25rem 1rem}.security-section-wrapper,.data-action-card{padding:1.25rem}}@media (max-width: 640px){.profile-layout{gap:1rem}.profile-nav{gap:2px;padding:4px}.profile-nav-item{padding:.5rem .25rem}.message-banner{padding:1rem 1.25rem;font-size:.875rem}.profile-field{padding:1rem}.profile-field label{font-size:.75rem}.field-value{font-size:.9375rem}.field-display{flex-direction:column;align-items:flex-start;gap:1rem}.btn-edit,.btn-manage{width:100%;justify-content:center;padding:.75rem 1.25rem}.security-section-wrapper,.data-action-card{padding:1rem;border-radius:12px}.security-section-wrapper h3,.data-action-card h3{font-size:1.125rem}.section-subtitle,.data-action-card p{font-size:.875rem}.form-group input,.form-group select{padding:.75rem 1rem;font-size:.875rem}.btn-primary,.btn-secondary,.btn-danger{width:100%;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem}.modal-content{max-width:100%;border-radius:12px}.modal-header{padding:.875rem .875rem .75rem}.modal-header h3{font-size:1rem}.modal-body{padding:.875rem}.modal-footer{padding:.75rem .875rem .875rem;gap:.5rem}.btn-modal-cancel,.btn-modal-save{flex:1;padding:.525rem .875rem;font-size:.875rem}.subscription-badge,.verification-badge{font-size:.8125rem;padding:.375rem .875rem}}.business-section-wrapper{max-width:800px}.business-form{margin-top:1.5rem}.modal-container{background:#fff;border-radius:12px;max-width:500px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.business-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.business-form .form-group{margin-bottom:.75rem}.business-form .form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.field-link{color:#3b82f6;text-decoration:none;transition:color .2s}.field-link:hover{color:#2563eb;text-decoration:underline}.field-description{line-height:1.5;white-space:pre-wrap}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.business-form .form-group{margin-bottom:1.5rem}.business-form .form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.business-form .form-group input,.business-form .form-group select,.business-form .form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s;background:#fff}.business-form .form-group input:focus,.business-form .form-group select:focus,.business-form .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.business-form .form-group input:disabled,.business-form .form-group select:disabled,.business-form .form-group textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.business-form .form-group textarea{resize:vertical;min-height:100px}.character-count{font-size:.75rem;color:#6b7280;text-align:right;margin-top:.25rem}.message-banner{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:300px;max-width:500px;animation:slideInRight .3s ease-out}.message-banner.success{background:#10b981;color:#fff}.message-banner.error{background:#ef4444;color:#fff}.message-close{background:none;border:none;color:currentColor;cursor:pointer;padding:.25rem;border-radius:4px;opacity:.8;transition:opacity .2s}.message-close:hover{opacity:1}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:1rem}.business-modal .modal-content{max-width:95vw;max-height:95vh}.message-banner{position:relative;top:auto;right:auto;margin:1rem 0;min-width:auto;max-width:none}}.legal-page{min-height:100vh;background:#fff;padding:0}.legal-container{max-width:800px;margin:0 auto;background:#fff;padding:3rem 1.5rem}.btn-back-home{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #e4e6eb;border-radius:6px;color:#1c1e21;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-bottom:1.5rem}.btn-back-home:hover{background:#f0f2f5}.btn-back-home svg{flex-shrink:0}.legal-title{font-size:2rem;font-weight:700;color:#1c1e21;margin-bottom:.75rem;line-height:1.2;letter-spacing:-.02em}.legal-updated{color:#65676b;font-size:.9375rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e4e6eb;font-weight:400}.legal-content{color:#1c1e21;line-height:1.6;font-size:.9375rem}.legal-section{margin-bottom:1.875rem}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:1.5rem;font-weight:700;color:#1c1e21;margin-bottom:.75rem;margin-top:1.875rem;letter-spacing:-.01em}.legal-section h2:first-child{margin-top:0}.legal-section h3{font-size:1.125rem;font-weight:600;color:#1c1e21;margin-top:1.125rem;margin-bottom:.5625rem}.legal-section p{margin-bottom:.75rem;color:#1c1e21}.legal-section ul{margin:.75rem 0;padding-left:1.125rem;list-style-type:disc}.legal-section li{margin-bottom:.375rem;padding-left:.1875rem;color:#1c1e21}.legal-section li strong{color:#1c1e21;font-weight:600}.legal-section a{color:#0866ff;text-decoration:none;transition:text-decoration .2s}.legal-section a:hover{text-decoration:underline}.contact-info{background:#f0f2f5;padding:.9375rem;border-radius:8px;margin-top:.75rem;line-height:1.6;color:#1c1e21}.instruction-steps{margin:1.5rem 0}.step{display:flex;gap:.75rem;margin-bottom:1.125rem;padding-bottom:1.125rem;border-bottom:1px solid #e4e6eb}.step:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.step-number{flex-shrink:0;width:32px;height:32px;background:#0866ff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9375rem}.step-content h3{margin-top:0;margin-bottom:.375rem;font-size:1rem;font-weight:600}.step-content p{margin-bottom:.375rem}.step-content ul{margin-top:.375rem}.warning-box{display:flex;gap:.75rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:.9375rem;margin:1.125rem 0}.warning-box svg{flex-shrink:0;color:#856404}.warning-box h3{margin-top:0;margin-bottom:.5625rem;color:#1c1e21;font-size:1rem}.warning-box p{margin-bottom:.5625rem;color:#1c1e21}.warning-box ul{margin-bottom:.5625rem}.warning-box li{color:#1c1e21}.data-table{background:#f0f2f5;border-radius:8px;padding:.9375rem;margin:1.125rem 0;border:1px solid #e4e6eb}.data-row{display:grid;grid-template-columns:160px 1fr;gap:.75rem;padding:.65625rem 0;border-bottom:1px solid #e4e6eb}.data-row:last-child{border-bottom:none;padding-bottom:0}.data-row:first-child{padding-top:0}.data-label{font-weight:600;color:#1c1e21;font-size:.9375rem}.data-value{color:#1c1e21;font-size:.9375rem}.service-table{width:100%;border-collapse:collapse;margin:1.125rem 0;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e4e6eb}.service-table thead{background:#f0f2f5}.service-table th{padding:.65625rem .75rem;text-align:left;font-weight:600;color:#1c1e21;border-bottom:1px solid #e4e6eb;font-size:.9375rem}.service-table td{padding:.65625rem .75rem;border-bottom:1px solid #e4e6eb;color:#1c1e21;font-size:.9375rem}.service-table tbody tr:last-child td{border-bottom:none}.service-table tbody tr:hover{background:#f0f2f5}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;margin:1.5rem 0}.right-card{background:#f0f2f5;border:1px solid #e4e6eb;border-radius:8px;padding:.9375rem;transition:all .2s}.right-card:hover{background:#e4e6eb}.right-card h3{margin-top:0;margin-bottom:.375rem;font-size:1rem;color:#1c1e21;font-weight:600}.right-card p{margin-bottom:0;font-size:.875rem;color:#65676b}@media (max-width: 768px){.legal-page{padding:0}.legal-container{padding:1.5rem 1.125rem}.legal-title{font-size:1.75rem}.legal-section h2{font-size:1.375rem}.legal-section h3{font-size:1.0625rem}.data-row{grid-template-columns:1fr;gap:.5rem}.data-label,.service-table{font-size:.875rem}.service-table th,.service-table td{padding:.75rem .5rem}.rights-grid{grid-template-columns:1fr}.step{gap:.65625rem}.step-number{width:28px;height:28px;font-size:.875rem}}@media (max-width: 480px){.legal-container{padding:1.125rem .75rem}.legal-title{font-size:1.5rem}.btn-back-home{font-size:.875rem;padding:.5rem .875rem}}.legal-tabs{display:flex;gap:.375rem;border-bottom:1px solid #e4e6eb;margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.legal-tab{padding:.65625rem .9375rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#65676b;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.legal-tab:hover{color:#1c1e21;background:#f0f2f5}.legal-tab.active{color:#0866ff;border-bottom-color:#0866ff}.legal-tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.legal-tabs{gap:.1875rem}.legal-tab{padding:.5625rem .75rem;font-size:.875rem}}:root{--color-primary: #1c0a03;--color-primary-hover: #817672;--color-primary-light: #1c0a03;--color-primary-dark: #1c0a03;--color-black: #1a1a1a;--color-gray-900: #2d2d2d;--color-gray-800: #3d3d3d;--color-gray-700: #5a5a5a;--color-gray-600: #757575;--color-gray-500: #9e9e9e;--color-gray-400: #bdbdbd;--color-gray-300: #e0e0e0;--color-gray-200: #eeeeee;--color-gray-100: #f5f5f5;--color-white: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #fbfbfb;--color-bg-tertiary: #f5f5f5;--color-bg-dark: #050505;--color-success: #10b981;--color-success-light: #d1fae5;--color-error: #ef4444;--color-error-light: #fee2e2;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-active: #10b981;--color-inactive: #9e9e9e;--color-test: #f59e0b;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--sidebar-width: 224px;--topbar-height: 64px;--content-max-width: 1400px;--breakpoint-mobile: 640px;--breakpoint-tablet: 768px;--breakpoint-desktop: 968px;--breakpoint-large: 1200px}*{margin:0;padding:0;box-sizing:border-box}a,button,[role=button],input,select,textarea,label{-webkit-tap-highlight-color:transparent}html{background:var(--color-bg-primary);-webkit-user-select:none;user-select:none;overscroll-behavior-x:auto;overscroll-behavior-y:none;height:100%}body{font-family:var(--font-family-base);background:var(--color-bg-primary);color:var(--color-black);line-height:var(--line-height-normal);overscroll-behavior-x:auto;overscroll-behavior-y:none;height:100%}#root{min-height:100vh;min-height:100dvh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-gray{color:var(--color-gray-600)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.loading-spinner{width:40px;height:40px;animation:pulse .8s linear infinite}.loading-spinner.small{width:20px;height:20px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 0%,var(--color-gray-100) 50%,var(--color-gray-200) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.625rem 1.25rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-gray-100);color:var(--color-gray-900)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-200)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{background:transparent;border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.btn-outline:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-ghost{background:transparent;color:var(--color-gray-700)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100)}.btn-icon{padding:.5rem;width:36px;height:36px}.btn-icon.small{width:28px;height:28px;padding:.25rem}.btn-sm{padding:.375rem .875rem;font-size:var(--font-size-xs)}.btn-lg{padding:.875rem 1.75rem;font-size:var(--font-size-base)}.btn-modal-cancel{composes:btn btn-outline}.btn-modal-save{composes:btn btn-primary}.btn-modal-delete{composes:btn btn-danger}.btn-modal-primary{composes:btn btn-primary}.btn-modal-deactivate{composes:btn btn-secondary}.btn-create-automation{composes:btn btn-primary}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);background:var(--color-bg-secondary)}.error-boundary-content{max-width:500px;text-align:center;padding:var(--spacing-3xl);background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.error-boundary-content svg{margin-bottom:var(--spacing-lg)}.error-boundary-content h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-black);margin-bottom:var(--spacing-md)}.error-boundary-content p{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl)}.error-boundary-content .btn-primary{margin-top:var(--spacing-md)}