:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--black: #0a0a0a;--black-light: #141414;--black-card: #1a1a1a;--black-border: #2a2a2a;--white: #ffffff;--white-soft: #f5f5f5;--gray: #888;--gray-light: #bbb;--gold: #c9a84c;--gold-light: #dfc06a;--gold-dark: #a88a30;--gold-glow: rgba(201, 168, 76, .15);--wa: #25d366;--fb: #1877f2;--ig: #e4405f;--yt: #ff0000;--radius: 10px;--radius-lg: 16px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit;text-decoration:none}ul{list-style:none}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--black)}.loader{width:36px;height:36px;border:3px solid var(--black-border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gold{color:var(--gold)}.home{overflow-x:hidden}.home-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--black-border)}.home-nav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between}.home-logo{display:flex;align-items:center;gap:.6rem}.home-logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;color:var(--black)}.home-logo-icon.small{width:28px;height:28px;font-size:.8rem;border-radius:6px}.home-logo-text{font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.home-nav-links{display:flex;align-items:center;gap:1.5rem;font-size:.9rem}.home-nav-links a{color:var(--gray-light);transition:color .2s}.home-nav-links a:hover{color:var(--white)}.home-nav-btn{padding:.45rem 1.1rem;border-radius:var(--radius);border:1px solid var(--black-border);transition:all .2s;font-weight:500}.home-nav-btn:hover{border-color:var(--gold);color:var(--gold)!important}.home-nav-btn.primary{background:var(--gold);color:var(--black)!important;border-color:var(--gold);font-weight:600}.home-nav-btn.primary:hover{background:var(--gold-light)}.home-hero{padding:10rem 2rem 4rem;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,.08) 0%,transparent 60%)}.home-hero-inner{max-width:720px;margin:0 auto}.home-hero-badge{display:inline-block;padding:.35rem 1rem;border-radius:20px;border:1px solid var(--black-border);font-size:.78rem;color:var(--gold);margin-bottom:1.5rem;letter-spacing:.04em;text-transform:uppercase}.home-hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.2rem}.home-hero-sub{font-size:1.15rem;color:var(--gray-light);line-height:1.6;max-width:560px;margin:0 auto 2rem}.home-hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.home-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.8rem;border-radius:var(--radius);font-weight:600;font-size:.95rem;transition:all .25s;cursor:pointer;border:none}.home-btn.primary{background:var(--gold);color:var(--black)}.home-btn.primary:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 8px 30px var(--gold-glow)}.home-btn.outline{background:transparent;border:1px solid var(--black-border);color:var(--white)}.home-btn.outline:hover{border-color:var(--gold);color:var(--gold)}.home-btn.small{padding:.6rem 1.4rem;font-size:.88rem}.home-btn.large{padding:.9rem 2.4rem;font-size:1.05rem}.home-hero-stats{display:flex;justify-content:center;align-items:center;gap:2rem}.home-stat{text-align:center}.home-stat-num{display:block;font-size:1.8rem;font-weight:800;color:var(--gold)}.home-stat-label{font-size:.8rem;color:var(--gray);text-transform:uppercase;letter-spacing:.06em}.home-stat-divider{width:1px;height:40px;background:var(--black-border)}.home-preview{max-width:900px;margin:4rem auto 0;perspective:1000px}.preview-window{background:var(--black-card);border-radius:var(--radius-lg);border:1px solid var(--black-border);overflow:hidden;box-shadow:0 40px 100px #00000080,0 0 60px var(--gold-glow);transform:rotateX(2deg)}.preview-toolbar{padding:.6rem .8rem;background:var(--black-light);display:flex;gap:6px;border-bottom:1px solid var(--black-border)}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.preview-body{display:flex;height:320px}.preview-sidebar{width:240px;border-right:1px solid var(--black-border);padding:.8rem}.preview-sidebar-header{margin-bottom:.8rem}.preview-search{height:28px;background:var(--black-light);border-radius:6px;border:1px solid var(--black-border)}.preview-conv{display:flex;align-items:center;gap:.6rem;padding:.5rem;border-radius:8px;margin-bottom:.3rem;cursor:default}.preview-conv.active{background:#c9a84c1a;border:1px solid rgba(201,168,76,.2)}.preview-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.preview-avatar.wa{background:var(--wa)}.preview-avatar.fb{background:var(--fb)}.preview-avatar.ig{background:var(--ig)}.preview-avatar.yt{background:var(--yt)}.preview-lines{flex:1}.preview-line{height:8px;background:var(--black-border);border-radius:4px;margin-bottom:4px}.preview-line.w70{width:70%}.preview-line.w60{width:60%}.preview-line.w80{width:80%}.preview-line.w55{width:55%}.preview-line.w50{width:50%}.preview-line.w45{width:45%}.preview-line.w40{width:40%}.preview-line.w35{width:35%}.preview-chat{flex:1;padding:1rem;display:flex;flex-direction:column;justify-content:center;gap:.6rem}.preview-msg{display:flex}.preview-msg.in{justify-content:flex-start}.preview-msg.out{justify-content:flex-end}.preview-bubble{padding:.5rem .8rem;border-radius:10px;font-size:.78rem;max-width:220px;line-height:1.4}.preview-bubble.in{background:var(--black-light);border:1px solid var(--black-border);color:var(--gray-light)}.preview-bubble.out{background:var(--gold);color:var(--black);font-weight:500}.home-trust-bar{border-top:1px solid var(--black-border);border-bottom:1px solid var(--black-border);padding:1.5rem 2rem;background:var(--black-light)}.home-trust-label{text-align:center;font-size:.78rem;color:var(--gray);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.home-trust-items{display:flex;justify-content:center;align-items:center;gap:2.5rem;flex-wrap:wrap}.home-trust-item{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--gray-light);font-weight:500}.home-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.home-section.dark{background:var(--black-light);max-width:100%;padding-left:2rem;padding-right:2rem}.home-section.dark>*{max-width:1200px;margin-left:auto;margin-right:auto}.home-section h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;text-align:center;margin-bottom:.8rem;letter-spacing:-.02em}.home-section-sub{text-align:center;color:var(--gray);font-size:1.05rem;max-width:560px;margin:0 auto 3rem;line-height:1.6}.home-channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.home-channel-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;transition:all .3s}.home-channel-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d,0 0 20px var(--gold-glow)}.channel-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;background:var(--black-light);border:1px solid var(--black-border)}.home-channel-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.home-channel-card p{font-size:.85rem;color:var(--gray);line-height:1.55}.home-steps-grid{display:flex;align-items:center;justify-content:center;gap:1rem}.home-step-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;flex:1;max-width:320px;transition:all .3s}.home-step-card:hover{border-color:#c9a84c66;transform:translateY(-2px)}.step-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--black);font-weight:800;font-size:1.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem}.home-step-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.home-step-card p{font-size:.85rem;color:var(--gray);line-height:1.55}.home-step-connector{color:var(--gold);flex-shrink:0}.home-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.home-feature-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:1.8rem;transition:all .3s}.home-feature-card:hover{border-color:#c9a84c66;transform:translateY(-2px)}.feature-icon{width:48px;height:48px;border-radius:12px;background:var(--gold-glow);border:1px solid rgba(201,168,76,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.home-feature-card h3{font-size:1rem;font-weight:700;margin-bottom:.4rem}.home-feature-card p{font-size:.85rem;color:var(--gray);line-height:1.55}.home-usecases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.home-usecase-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;transition:all .3s}.home-usecase-card:hover{border-color:#c9a84c66;transform:translateY(-2px)}.usecase-icon{width:60px;height:60px;border-radius:14px;background:var(--gold-glow);border:1px solid rgba(201,168,76,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem}.home-usecase-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.home-usecase-card p{font-size:.85rem;color:var(--gray);line-height:1.55}.home-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:960px;margin:0 auto}.home-pricing-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;position:relative;transition:all .3s;display:flex;flex-direction:column}.home-pricing-card:hover{border-color:var(--gold)}.home-pricing-card.featured{border-color:var(--gold);background:linear-gradient(180deg,rgba(201,168,76,.06) 0%,var(--black-card) 100%);transform:scale(1.04)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gold);color:var(--black);padding:.3rem 1rem;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.home-pricing-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.pricing-price{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;color:var(--gold)}.pricing-price span{font-size:.9rem;font-weight:400;color:var(--gray)}.pricing-desc{font-size:.82rem;color:var(--gray);margin-bottom:1.5rem}.home-pricing-card ul{margin-bottom:2rem;text-align:left;flex:1}.home-pricing-card li{padding:.55rem 0;font-size:.9rem;color:var(--gray-light);border-bottom:1px solid var(--black-border);display:flex;align-items:center;gap:.5rem}.home-pricing-card li:last-child{border-bottom:none}.home-pricing-card li svg{flex-shrink:0}.home-faq-list{max-width:720px;margin:0 auto}.faq-item{border:1px solid var(--black-border);border-radius:var(--radius);margin-bottom:.75rem;background:var(--black-card);overflow:hidden;cursor:pointer;transition:border-color .2s}.faq-item:hover,.faq-item.open{border-color:#c9a84c4d}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;font-weight:600;font-size:.95rem;gap:1rem}.faq-chevron{flex-shrink:0;color:var(--gray);transition:transform .2s}.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--gold)}.faq-answer{padding:0 1.2rem 1rem;font-size:.88rem;color:var(--gray-light);line-height:1.6}.home-cta{text-align:center;padding:6rem 2rem;background:radial-gradient(ellipse at 50% 100%,rgba(201,168,76,.08) 0%,transparent 60%)}.home-cta h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;margin-bottom:.8rem;letter-spacing:-.02em}.home-cta p{color:var(--gray);font-size:1.05rem;margin-bottom:2rem;max-width:560px;margin-left:auto;margin-right:auto}.home-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.home-about{padding:6rem 2rem;background:var(--black-light)}.home-about-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.home-about-content .home-hero-badge{margin-bottom:1rem}.home-about-content h2{font-size:clamp(1.6rem,3vw,2rem);font-weight:800;margin-bottom:1.2rem;letter-spacing:-.02em}.home-about-content p{color:var(--gray-light);font-size:.95rem;line-height:1.7;margin-bottom:1rem}.home-about-links{display:flex;gap:.8rem;margin-top:1.5rem;flex-wrap:wrap}.home-about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.about-stat-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:1.8rem 1.2rem;text-align:center;transition:border-color .2s}.about-stat-card:hover{border-color:#c9a84c4d}.about-stat-num{display:block;font-size:1.8rem;font-weight:800;color:var(--gold);margin-bottom:.3rem}.about-stat-label{font-size:.8rem;color:var(--gray);text-transform:uppercase;letter-spacing:.04em}.home-footer{border-top:1px solid var(--black-border);padding:3.5rem 2rem 0;background:var(--black)}.home-footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.home-footer-col{display:flex;flex-direction:column;gap:.5rem}.home-footer-col h4{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--white);margin-bottom:.3rem}.home-footer-col a{font-size:.85rem;color:var(--gray);transition:color .2s}.home-footer-col a:hover{color:var(--gold)}.home-footer-brand{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem}.home-footer-tagline{font-size:.85rem;color:var(--gray);line-height:1.6;max-width:280px}.home-footer-bottom{max-width:1200px;margin:2.5rem auto 0;padding:1.5rem 0;border-top:1px solid var(--black-border);text-align:center}.home-footer-bottom p{font-size:.8rem;color:var(--gray)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:var(--black)}.auth-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:420px}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.auth-logo p{color:var(--gray);font-size:.9rem;margin-top:.3rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.35rem;color:var(--gray-light)}.form-group input{width:100%;padding:.7rem .9rem;border:1px solid var(--black-border);border-radius:var(--radius);font-size:.95rem;background:var(--black-light);color:var(--white);transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.form-group input::placeholder{color:#555}.form-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#ef4444;padding:.6rem;border-radius:var(--radius);font-size:.85rem;margin-bottom:1rem;text-align:center}.btn-primary{width:100%;padding:.75rem;background:var(--gold);color:var(--black);border:none;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s}.btn-primary:hover{background:var(--gold-light)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-link{text-align:center;margin-top:1.2rem;font-size:.88rem;color:var(--gray)}.auth-link a{color:var(--gold);font-weight:600}.auth-link a:hover{text-decoration:underline}.dash-shell{display:flex;height:100vh;overflow:hidden;background:var(--black)}.dash-sidebar{width:240px;min-width:240px;background:var(--black-card);border-right:1px solid var(--black-border);display:flex;flex-direction:column;justify-content:space-between}.dash-sidebar-top{display:flex;flex-direction:column}.dash-logo{display:flex;align-items:center;gap:.7rem;padding:1.2rem 1rem;border-bottom:1px solid var(--black-border)}.dash-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:var(--black);flex-shrink:0}.dash-logo-text{display:flex;flex-direction:column}.dash-logo-name{font-size:.92rem;font-weight:800;letter-spacing:-.02em}.dash-logo-company{font-size:.72rem;color:var(--gold);font-weight:500}.dash-nav{padding:.4rem .5rem;display:flex;flex-direction:column;gap:1px;overflow-y:auto;flex:1}.dash-nav-section{margin-bottom:.3rem}.dash-nav-label{display:block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray);padding:.5rem .8rem .2rem}.dash-nav-item{display:flex;align-items:center;gap:.65rem;padding:.5rem .8rem;border-radius:var(--radius);border:none;background:none;color:var(--gray);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:left;width:100%}.dash-nav-item:hover{background:#ffffff0a;color:var(--white)}.dash-nav-item.active{background:#c9a84c1a;color:var(--gold);border:1px solid rgba(201,168,76,.2)}.dash-nav-item svg{flex-shrink:0;opacity:.7}.dash-nav-item.active svg{opacity:1}.dash-sidebar-bottom{border-top:1px solid var(--black-border);padding:.8rem}.dash-user{display:flex;align-items:center;gap:.6rem}.dash-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dark));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:var(--black);flex-shrink:0}.dash-user-info{flex:1;min-width:0}.dash-user-name{display:block;font-size:.8rem;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-user-email{display:block;font-size:.68rem;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-logout-btn{background:none;border:1px solid var(--black-border);border-radius:8px;padding:.35rem;color:var(--gray);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-logout-btn:hover{border-color:#ef4444;color:#ef4444}.dash-main{flex:1;overflow-y:auto;overflow-x:hidden}.overview{padding:2rem}.overview-loading{display:flex;align-items:center;justify-content:center;height:100%}.overview-header{margin-bottom:2rem}.overview-header h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.3rem}.overview-header p{color:var(--gray);font-size:.9rem}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:1.3rem;display:flex;align-items:center;gap:1rem;transition:border-color .2s}.stat-card:hover{border-color:#c9a84c4d}.stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-data{display:flex;flex-direction:column}.stat-card-value{font-size:1.5rem;font-weight:800;color:var(--white);line-height:1.2}.stat-card-label{font-size:.75rem;color:var(--gray);font-weight:500;margin-top:2px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.overview-panel{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:1.3rem}.overview-panel-wide{grid-column:1 / -1}.overview-panel h3{font-size:.95rem;font-weight:700;margin-bottom:1rem;color:var(--white)}.overview-list{display:flex;flex-direction:column;gap:.5rem}.overview-list-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;background:var(--black-light);border-radius:var(--radius)}.overview-channel-dot,.overview-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.overview-list-label{flex:1;font-size:.85rem;color:var(--gray-light)}.overview-list-value{font-size:.9rem;font-weight:700;color:var(--white)}.overview-empty{text-align:center;padding:1.5rem;color:var(--gray);font-size:.85rem}.overview-chart{min-height:140px;display:flex;align-items:flex-end}.mini-chart{display:flex;align-items:flex-end;gap:.6rem;flex:1;height:140px;padding-top:1rem}.mini-chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.mini-chart-bar{width:100%;max-width:48px;background:linear-gradient(180deg,var(--gold),var(--gold-dark));border-radius:6px 6px 0 0;position:relative;transition:height .3s;min-height:4px}.mini-chart-bar:hover{opacity:.85}.mini-chart-tooltip{display:none;position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:.7rem;font-weight:700;color:var(--gold)}.mini-chart-bar:hover .mini-chart-tooltip{display:block}.mini-chart-label{font-size:.68rem;color:var(--gray);margin-top:.4rem}.inbox-root{display:flex;height:100%;overflow:hidden}.inbox-left{width:380px;min-width:340px;background:var(--black-card);border-right:1px solid var(--black-border);display:flex;flex-direction:column}.inbox-tabs-wrap{overflow-x:auto;border-bottom:1px solid var(--black-border)}.inbox-tabs-wrap::-webkit-scrollbar{height:0}.inbox-tabs{display:flex;padding:0 .3rem;min-width:max-content}.inbox-tab{padding:.6rem .5rem;text-align:center;font-size:.72rem;font-weight:600;color:var(--gray);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:color .2s;display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap}.inbox-tab:hover{color:var(--white)}.inbox-tab.active{color:var(--gold)}.inbox-tab-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.inbox-tab-badge{background:#ef4444;color:#fff;font-size:.58rem;padding:1px 4px;border-radius:8px;font-weight:700;margin-left:2px}.inbox-search{padding:.5rem .7rem;border-bottom:1px solid var(--black-border);display:flex;align-items:center;gap:.5rem}.inbox-search input{flex:1;padding:.45rem .6rem;border:1px solid var(--black-border);border-radius:var(--radius);font-size:.83rem;background:var(--black-light);color:var(--white)}.inbox-search input:focus{outline:none;border-color:var(--gold)}.inbox-search input::placeholder{color:#555}.inbox-conv-list{flex:1;overflow-y:auto}.inbox-conv-list::-webkit-scrollbar{width:4px}.inbox-conv-list::-webkit-scrollbar-thumb{background:var(--black-border);border-radius:4px}.inbox-empty{text-align:center;padding:3rem 1rem;color:var(--gray);font-size:.88rem}.inbox-conv-item{display:flex;align-items:center;padding:.7rem .9rem;cursor:pointer;border-bottom:1px solid rgba(42,42,42,.5);transition:background .15s}.inbox-conv-item:hover{background:#ffffff08}.inbox-conv-item.active{background:#c9a84c14;border-left:3px solid var(--gold)}.inbox-conv-item.unread .inbox-conv-name{color:var(--white)}.inbox-conv-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;flex-shrink:0;margin-right:.6rem}.inbox-conv-info{flex:1;min-width:0}.inbox-conv-top{display:flex;justify-content:space-between;align-items:center}.inbox-conv-name{font-weight:600;font-size:.85rem;color:var(--gray-light)}.inbox-conv-time{font-size:.68rem;color:var(--gray);flex-shrink:0}.inbox-conv-bottom{display:flex;align-items:center;gap:.4rem;margin-top:3px}.inbox-conv-tag{font-size:.58rem;padding:1px 5px;border-radius:4px;color:#fff;font-weight:600;flex-shrink:0}.inbox-conv-preview{font-size:.78rem;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.inbox-conv-badge{background:var(--gold);color:var(--black);font-size:.63rem;padding:2px 6px;border-radius:10px;font-weight:700;flex-shrink:0}.inbox-right{flex:1;display:flex;flex-direction:column;background:var(--black)}.inbox-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gray);text-align:center;gap:.6rem}.inbox-placeholder-icon{color:var(--black-border)}.inbox-placeholder h2{font-size:1.2rem;color:var(--gray-light)}.inbox-placeholder p{font-size:.88rem}.inbox-chat-header{padding:.7rem 1rem;background:var(--black-card);border-bottom:1px solid var(--black-border);display:flex;align-items:center;gap:.7rem}.inbox-chat-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0}.inbox-chat-info{flex:1}.inbox-chat-name{font-weight:700;font-size:.92rem}.inbox-chat-meta{display:flex;align-items:center;gap:.5rem;margin-top:2px}.inbox-chat-id{color:#94a3b8;font-size:.72rem}.inbox-chat-body{flex:1;overflow-y:auto;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}.inbox-chat-body::-webkit-scrollbar{width:4px}.inbox-chat-body::-webkit-scrollbar-thumb{background:var(--black-border);border-radius:4px}.inbox-msg{display:flex}.inbox-msg-in{justify-content:flex-start}.inbox-msg-out{justify-content:flex-end}.inbox-bubble{max-width:60%;padding:.55rem .85rem;border-radius:14px;font-size:.86rem;line-height:1.45;word-wrap:break-word}.inbox-bubble-in{background:var(--black-card);border:1px solid var(--black-border);border-bottom-left-radius:4px}.inbox-bubble-out{background:var(--gold);color:var(--black);font-weight:500;border-bottom-right-radius:4px}.inbox-bubble-text{white-space:pre-wrap}.inbox-bubble-meta{display:flex;align-items:center;gap:.4rem;margin-top:3px}.inbox-bubble-sender{font-size:.66rem;color:var(--gold);font-weight:600}.inbox-bubble-time{font-size:.63rem;color:var(--gray)}.inbox-bubble-out .inbox-bubble-time{color:#0a0a0a80}.inbox-media{max-width:220px;border-radius:10px;margin-bottom:4px}.inbox-chat-input{padding:.65rem .9rem;background:var(--black-card);border-top:1px solid var(--black-border);display:flex;gap:.5rem;align-items:center}.inbox-chat-input input{flex:1;padding:.55rem .9rem;border:1px solid var(--black-border);border-radius:24px;font-size:.88rem;background:var(--black-light);color:var(--white)}.inbox-chat-input input:focus{outline:none;border-color:var(--gold)}.inbox-chat-input input::placeholder{color:#555}.inbox-send-btn{background:var(--gold);border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.inbox-send-btn:hover{background:var(--gold-light);transform:scale(1.05)}.inbox-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.settings{padding:2rem;position:relative}.settings-loading{display:flex;align-items:center;justify-content:center;height:100%}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.3rem}.settings-header p{color:var(--gray);font-size:.9rem}.settings-toast{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;padding:.7rem 1.2rem;border-radius:var(--radius);font-size:.88rem;font-weight:600;animation:slideIn .3s ease;box-shadow:0 8px 30px #0006}.settings-toast.success{background:#065f46;color:#6ee7b7;border:1px solid #10b981}.settings-toast.error{background:#7f1d1d;color:#fca5a5;border:1px solid #ef4444}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.settings-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:1.2rem;transition:all .2s}.settings-card:hover{border-color:#c9a84c40}.settings-card.connected{border-color:#10b98140}.settings-card-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.settings-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-card-title{flex:1}.settings-card-title h3{font-size:.95rem;font-weight:700;margin-bottom:2px}.settings-card-status{display:flex;align-items:center;gap:.35rem;font-size:.73rem;color:var(--gray)}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.connected{background:#10b981;box-shadow:0 0 6px #10b98180}.status-dot.disconnected{background:#6b7280}.settings-card-label{font-size:.75rem;color:var(--gold);margin-bottom:.6rem;font-weight:500}.settings-toggle{position:relative;display:inline-block;width:38px;height:20px;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--black-border);border-radius:20px;transition:.25s}.settings-toggle-slider:before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s}.settings-toggle input:checked+.settings-toggle-slider{background:#10b981}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(18px)}.settings-card-fields{margin-bottom:.8rem;display:flex;flex-direction:column;gap:.35rem}.settings-card-field{display:flex;justify-content:space-between;align-items:center;padding:.35rem .5rem;background:var(--black-light);border-radius:6px}.field-label{font-size:.73rem;color:var(--gray);font-weight:500}.field-value{font-size:.73rem;color:var(--gray-light);font-family:monospace;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-label-more{font-size:.7rem;color:var(--gold);font-weight:500;text-align:center;width:100%}.settings-card-actions{display:flex;gap:.5rem}.settings-btn{padding:.45rem 1rem;border-radius:var(--radius);font-size:.8rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.settings-btn.primary{background:var(--gold);color:var(--black);flex:1}.settings-btn.primary:hover{background:var(--gold-light)}.settings-btn.primary:disabled{opacity:.5;cursor:not-allowed}.settings-btn.outline{background:transparent;border:1px solid var(--black-border);color:var(--gray-light)}.settings-btn.outline:hover{border-color:var(--gold);color:var(--gold)}.settings-btn.danger{background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444}.settings-btn.danger:hover{background:#ef44441a}.settings-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem}.settings-modal{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #0009}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid var(--black-border)}.settings-modal-header h2{font-size:1.1rem;font-weight:700}.settings-modal-close{background:none;border:none;color:var(--gray);cursor:pointer;padding:.2rem;display:flex;transition:color .2s}.settings-modal-close:hover{color:var(--white)}.settings-modal-body{padding:1.2rem 1.5rem;overflow-y:auto;flex:1}.settings-modal-body .form-group{margin-bottom:.9rem}.settings-modal-body .form-group label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.3rem;color:var(--gray-light)}.settings-modal-body .form-group input,.settings-modal-body .form-group textarea{width:100%;padding:.6rem .8rem;border:1px solid var(--black-border);border-radius:var(--radius);font-size:.88rem;background:var(--black-light);color:var(--white);font-family:inherit;resize:vertical}.settings-modal-body .form-group input:focus,.settings-modal-body .form-group textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.settings-modal-body .form-group input::placeholder,.settings-modal-body .form-group textarea::placeholder{color:#555}.settings-modal-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.5rem;border-top:1px solid var(--black-border)}.inbox-chat-content{flex:1;display:flex;overflow:hidden}.inbox-chat-content .inbox-chat-body{flex:1}.inbox-header-actions{display:flex;gap:.3rem;margin-left:auto}.inbox-header-btn{background:none;border:1px solid var(--black-border);border-radius:8px;padding:.35rem;color:var(--gray);cursor:pointer;transition:all .2s;display:flex}.inbox-header-btn:hover{border-color:var(--gold);color:var(--gold)}.inbox-header-btn.active{border-color:var(--gold);color:var(--gold);background:#c9a84c1a}.inbox-bubble-auto{border-color:#c9a84c4d;background:#c9a84c14}.inbox-bubble-auto-tag{font-size:.58rem;background:var(--gold);color:var(--black);padding:1px 4px;border-radius:3px;font-weight:700}.inbox-notes-panel{width:280px;border-left:1px solid var(--black-border);background:var(--black-card);display:flex;flex-direction:column}.inbox-notes-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem .8rem;border-bottom:1px solid var(--black-border)}.inbox-notes-header h4{font-size:.85rem;font-weight:700}.inbox-notes-close{background:none;border:none;color:var(--gray);cursor:pointer;display:flex}.inbox-notes-list{flex:1;overflow-y:auto;padding:.5rem}.inbox-notes-empty{text-align:center;padding:2rem .5rem;color:var(--gray);font-size:.8rem}.inbox-note-item{padding:.5rem;background:var(--black-light);border-radius:8px;margin-bottom:.4rem}.inbox-note-meta{display:flex;justify-content:space-between;margin-bottom:.25rem}.inbox-note-author{font-size:.7rem;color:var(--gold);font-weight:600}.inbox-note-time{font-size:.65rem;color:var(--gray)}.inbox-note-content{font-size:.78rem;color:var(--gray-light);line-height:1.4}.inbox-notes-input{display:flex;gap:.3rem;padding:.5rem;border-top:1px solid var(--black-border)}.inbox-notes-input input{flex:1;padding:.4rem .6rem;border:1px solid var(--black-border);border-radius:var(--radius);font-size:.8rem;background:var(--black-light);color:var(--white)}.inbox-notes-input input:focus{outline:none;border-color:var(--gold)}.inbox-notes-input button{padding:.4rem .7rem;background:var(--gold);color:var(--black);border:none;border-radius:var(--radius);font-size:.75rem;font-weight:600;cursor:pointer}.inbox-notes-input button:disabled{opacity:.4}.inbox-ai-bar{padding:.4rem .8rem;background:#c9a84c0f;border-top:1px solid rgba(201,168,76,.15);display:flex;align-items:center;gap:.6rem;flex-shrink:0}.inbox-ai-label{font-size:.72rem;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:.3rem;white-space:nowrap}.inbox-ai-chips{display:flex;gap:.3rem;overflow-x:auto;flex:1}.inbox-ai-chips::-webkit-scrollbar{height:0}.inbox-ai-chip{padding:.3rem .6rem;background:var(--black-card);border:1px solid var(--black-border);border-radius:16px;font-size:.72rem;color:var(--gray-light);cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.inbox-ai-chip:hover{border-color:var(--gold);color:var(--gold)}.inbox-chat-input-area{flex-shrink:0;position:relative}.inbox-canned-dropdown{position:absolute;bottom:100%;left:.5rem;right:.5rem;background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius);max-height:200px;overflow-y:auto;box-shadow:0 -8px 30px #0006;z-index:10}.inbox-canned-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;width:100%;border:none;background:none;color:var(--white);cursor:pointer;text-align:left;border-bottom:1px solid var(--black-border)}.inbox-canned-item:last-child{border-bottom:none}.inbox-canned-item:hover{background:#c9a84c14}.inbox-canned-shortcut{font-size:.72rem;background:var(--black-light);color:var(--gold);padding:2px 6px;border-radius:4px;font-family:monospace;font-weight:600;flex-shrink:0}.inbox-canned-title{font-size:.8rem;font-weight:600;flex-shrink:0}.inbox-canned-preview{font-size:.72rem;color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacts-root{display:flex;height:100%;overflow:hidden}.contacts-left{width:360px;min-width:320px;background:var(--black-card);border-right:1px solid var(--black-border);display:flex;flex-direction:column}.contacts-filters{padding:.6rem;border-bottom:1px solid var(--black-border);display:flex;flex-direction:column;gap:.4rem}.contacts-filters input,.contacts-filters select{width:100%;padding:.45rem .7rem;border:1px solid var(--black-border);border-radius:var(--radius);font-size:.82rem;background:var(--black-light);color:var(--white)}.contacts-filters input:focus,.contacts-filters select:focus{outline:none;border-color:var(--gold)}.contacts-list{flex:1;overflow-y:auto}.contacts-list::-webkit-scrollbar{width:4px}.contacts-list::-webkit-scrollbar-thumb{background:var(--black-border);border-radius:4px}.contacts-item{display:flex;align-items:center;padding:.65rem .8rem;cursor:pointer;border-bottom:1px solid rgba(42,42,42,.5);transition:background .15s}.contacts-item:hover{background:#ffffff08}.contacts-item.active{background:#c9a84c14;border-left:3px solid var(--gold)}.contacts-avatar{width:36px;height:36px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:var(--black);flex-shrink:0;margin-right:.6rem}.contacts-info{flex:1;min-width:0}.contacts-name{font-weight:600;font-size:.85rem;color:var(--white)}.contacts-detail{font-size:.72rem;color:var(--gray)}.contacts-tags-row{display:flex;gap:.2rem;margin-top:3px;flex-wrap:wrap}.contacts-mini-tag{font-size:.58rem;padding:1px 5px;border-radius:3px;background:#c9a84c26;color:var(--gold)}.contacts-stage{font-size:.6rem;padding:1px 5px;border-radius:3px;background:var(--black-light);color:var(--gray-light);margin-left:auto;flex-shrink:0}.contacts-right{flex:1;overflow-y:auto;padding:1.5rem}.contacts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gray)}.contacts-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--black-border)}.contacts-header-avatar{width:56px;height:56px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem;color:var(--black)}.contacts-header-info h2{font-size:1.2rem;font-weight:800}.contacts-header-info p{font-size:.82rem;color:var(--gray)}.contacts-section{margin-bottom:1.5rem}.contacts-section h3{font-size:.9rem;font-weight:700;margin-bottom:.6rem;color:var(--white)}.contacts-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.contacts-field{display:flex;flex-direction:column;gap:.2rem}.contacts-field label{font-size:.72rem;color:var(--gray);font-weight:600}.contacts-field select,.contacts-field input{padding:.4rem .6rem;border:1px solid var(--black-border);border-radius:var(--radius);font-size:.82rem;background:var(--black-light);color:var(--white)}.contacts-field select:focus,.contacts-field input:focus{outline:none;border-color:var(--gold)}.contacts-tag-list{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.contacts-tag-badge{display:flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:16px;font-size:.75rem;font-weight:600;border:1px solid var(--black-border)}.contacts-tag-x{cursor:pointer;opacity:.6;font-size:.85rem}.contacts-tag-x:hover{opacity:1}.contacts-tag-add{padding:.25rem .5rem;border:1px dashed var(--black-border);border-radius:16px;font-size:.72rem;color:var(--gold);cursor:pointer;background:none}.contacts-tag-add:hover{border-color:var(--gold)}.contacts-note-list{display:flex;flex-direction:column;gap:.4rem;max-height:200px;overflow-y:auto}.contacts-note-item{padding:.5rem;background:var(--black-card);border:1px solid var(--black-border);border-radius:8px}.contacts-conv-list{display:flex;flex-direction:column;gap:.3rem}.contacts-conv-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--black-card);border:1px solid var(--black-border);border-radius:8px;font-size:.8rem}.broadcast-page{padding:2rem}.broadcast-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.broadcast-header h1{font-size:1.5rem;font-weight:800}.broadcast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.broadcast-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:1.2rem;transition:border-color .2s;cursor:pointer}.broadcast-card:hover{border-color:#c9a84c4d}.broadcast-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.broadcast-card-name{font-weight:700;font-size:.95rem}.broadcast-status{font-size:.68rem;padding:2px 8px;border-radius:12px;font-weight:600}.broadcast-status.Draft{background:#6b728033;color:#9ca3af}.broadcast-status.Scheduled{background:#3b82f626;color:#60a5fa}.broadcast-status.Sending{background:#f59e0b26;color:#fbbf24}.broadcast-status.Completed{background:#10b98126;color:#6ee7b7}.broadcast-status.Failed{background:#ef444426;color:#fca5a5}.broadcast-card-meta{font-size:.75rem;color:var(--gray);margin-bottom:.6rem}.broadcast-stats-row{display:flex;gap:.5rem}.broadcast-stat{flex:1;text-align:center;padding:.3rem;background:var(--black-light);border-radius:6px}.broadcast-stat-val{display:block;font-size:.85rem;font-weight:700;color:var(--white)}.broadcast-stat-label{font-size:.6rem;color:var(--gray);text-transform:uppercase}.broadcast-empty{text-align:center;padding:3rem;color:var(--gray)}.analytics-page{padding:2rem}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.analytics-header h1{font-size:1.5rem;font-weight:800}.analytics-tabs{display:flex;gap:.3rem}.analytics-tab{padding:.4rem .9rem;border-radius:var(--radius);border:1px solid var(--black-border);background:none;color:var(--gray);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.analytics-tab:hover{border-color:var(--gold);color:var(--gold)}.analytics-tab.active{background:var(--gold);color:var(--black);border-color:var(--gold)}.analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.analytics-panel{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:1.2rem}.analytics-panel-wide{grid-column:1 / -1}.analytics-panel h3{font-size:.9rem;font-weight:700;margin-bottom:.8rem}.analytics-bar-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.analytics-bar-label{font-size:.78rem;color:var(--gray-light);width:80px;flex-shrink:0}.analytics-bar-track{flex:1;height:20px;background:var(--black-light);border-radius:4px;overflow:hidden}.analytics-bar-fill{height:100%;border-radius:4px;transition:width .3s}.analytics-bar-count{font-size:.78rem;color:var(--white);font-weight:600;width:40px;text-align:right;flex-shrink:0}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th{text-align:left;font-size:.72rem;color:var(--gray);font-weight:600;text-transform:uppercase;padding:.5rem;border-bottom:1px solid var(--black-border)}.analytics-table td{padding:.5rem;font-size:.82rem;color:var(--gray-light);border-bottom:1px solid rgba(42,42,42,.5)}.analytics-heatmap{display:flex;gap:.3rem;flex-wrap:wrap}.analytics-heat-cell{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:var(--black)}.analytics-stars{display:flex;align-items:center;gap:2px}.analytics-star{color:var(--gold);font-size:1rem}.analytics-star.empty{color:var(--black-border)}.auto-page{padding:2rem}.auto-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.auto-header h1{font-size:1.5rem;font-weight:800}.auto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.auto-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:1.2rem;transition:border-color .2s}.auto-card:hover{border-color:#c9a84c4d}.auto-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.auto-card-name{font-weight:700;font-size:.95rem}.auto-trigger-badge{font-size:.68rem;padding:2px 8px;border-radius:12px;font-weight:600;background:#3b82f626;color:#60a5fa}.auto-card-desc{font-size:.78rem;color:var(--gray);margin-bottom:.5rem}.auto-card-stats{display:flex;gap:1rem;font-size:.72rem;color:var(--gray)}.auto-card-actions{display:flex;gap:.4rem;margin-top:.6rem}.auto-empty{text-align:center;padding:3rem;color:var(--gray)}.auto-action-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.auto-action-item{background:var(--black-light);border:1px solid var(--black-border);border-radius:var(--radius);padding:.6rem .8rem}.auto-action-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.auto-action-num{width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--black);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.auto-action-controls{margin-left:auto;display:flex;gap:.2rem}.auto-action-controls button{background:none;border:none;color:var(--gray);cursor:pointer;padding:2px;font-size:.8rem}.auto-action-controls button:hover{color:var(--white)}.chatbot-page{padding:2rem}.chatbot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.chatbot-header h1{font-size:1.5rem;font-weight:800}.chatbot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.chatbot-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:1.2rem;transition:border-color .2s}.chatbot-card:hover{border-color:#c9a84c4d}.chatbot-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.chatbot-card-name{font-weight:700;font-size:.95rem}.chatbot-card-stats{display:flex;gap:1rem;font-size:.72rem;color:var(--gray)}.chatbot-empty{text-align:center;padding:3rem;color:var(--gray)}.chatbot-flow{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem}.chatbot-node{background:var(--black-light);border:1px solid var(--black-border);border-radius:var(--radius);padding:.6rem .8rem;position:relative}.chatbot-node:before{content:"";position:absolute;top:-8px;left:24px;width:2px;height:8px;background:var(--gold)}.chatbot-node:first-child:before{display:none}.chatbot-node-header{display:flex;align-items:center;gap:.5rem}.chatbot-node-num{width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--black);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chatbot-node-type{font-size:.72rem;padding:2px 6px;border-radius:4px;background:#3b82f626;color:#60a5fa;font-weight:600}.chatbot-node-preview{font-size:.78rem;color:var(--gray-light);margin-top:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatbot-node-controls{margin-left:auto;display:flex;gap:.2rem}.chatbot-node-controls button{background:none;border:none;color:var(--gray);cursor:pointer;padding:2px;font-size:.8rem}.widget-page{padding:2rem}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.widget-header h1{font-size:1.5rem;font-weight:800}.widget-layout{display:grid;grid-template-columns:1fr 360px;gap:1.5rem}.widget-settings{display:flex;flex-direction:column;gap:1rem}.widget-section{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:1.2rem}.widget-section h3{font-size:.9rem;font-weight:700;margin-bottom:.8rem}.widget-field{margin-bottom:.7rem}.widget-field label{display:block;font-size:.78rem;font-weight:600;color:var(--gray-light);margin-bottom:.25rem}.widget-field input,.widget-field textarea,.widget-field select{width:100%;padding:.5rem .7rem;border:1px solid var(--black-border);border-radius:var(--radius);font-size:.85rem;background:var(--black-light);color:var(--white);font-family:inherit}.widget-field input:focus,.widget-field textarea:focus{outline:none;border-color:var(--gold)}.widget-check{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;cursor:pointer;font-size:.82rem;color:var(--gray-light)}.widget-check input{accent-color:var(--gold)}.widget-preview-wrap{position:sticky;top:2rem}.widget-preview{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:1.2rem}.widget-preview h3{font-size:.9rem;font-weight:700;margin-bottom:.8rem}.widget-mock{position:relative;height:400px;background:var(--black-light);border-radius:var(--radius);overflow:hidden}.widget-mock-bubble{position:absolute;bottom:16px;right:16px;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #0006}.widget-mock-window{position:absolute;bottom:80px;right:16px;width:300px;background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 40px #00000080}.widget-mock-header{padding:.8rem;color:#fff;font-weight:700;font-size:.85rem}.widget-mock-body{padding:.8rem;min-height:120px}.widget-mock-msg{padding:.4rem .6rem;background:var(--black-light);border-radius:8px;font-size:.78rem;color:var(--gray-light);display:inline-block;max-width:80%}.widget-mock-form{padding:.6rem .8rem;display:flex;flex-direction:column;gap:.3rem}.widget-mock-input{padding:.35rem .5rem;border:1px solid var(--black-border);border-radius:6px;font-size:.72rem;background:var(--black-light);color:var(--gray)}.widget-embed{margin-top:1rem}.widget-embed h3{font-size:.9rem;font-weight:700;margin-bottom:.5rem}.widget-code{background:var(--black-light);border:1px solid var(--black-border);border-radius:var(--radius);padding:.8rem;font-family:monospace;font-size:.75rem;color:var(--gold);white-space:pre-wrap;word-break:break-all;position:relative}.widget-copy-btn{position:absolute;top:.4rem;right:.4rem;padding:.3rem .6rem;background:var(--gold);color:var(--black);border:none;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer}.canned-page{padding:2rem}.canned-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.canned-header h1{font-size:1.5rem;font-weight:800}.canned-filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.canned-cat-tab{padding:.35rem .8rem;border-radius:var(--radius);border:1px solid var(--black-border);background:none;color:var(--gray);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.canned-cat-tab:hover{border-color:var(--gold);color:var(--gold)}.canned-cat-tab.active{background:var(--gold);color:var(--black);border-color:var(--gold)}.canned-search{padding:.45rem .7rem;border:1px solid var(--black-border);border-radius:var(--radius);font-size:.82rem;background:var(--black-light);color:var(--white);min-width:200px}.canned-search:focus{outline:none;border-color:var(--gold)}.canned-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.canned-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:1rem;cursor:pointer;transition:border-color .2s}.canned-card:hover{border-color:#c9a84c4d}.canned-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.canned-card-title{font-weight:700;font-size:.9rem}.canned-shortcut-badge{font-size:.7rem;font-family:monospace;background:var(--black-light);color:var(--gold);padding:2px 6px;border-radius:4px}.canned-card-cat{font-size:.68rem;color:var(--gray);margin-bottom:.4rem}.canned-card-content{font-size:.78rem;color:var(--gray-light);line-height:1.4;max-height:60px;overflow:hidden}.canned-card-channels{display:flex;gap:.2rem;margin-top:.4rem}.canned-channel-badge{font-size:.58rem;padding:1px 5px;border-radius:3px;background:var(--black-light);color:var(--gray-light)}.canned-empty{text-align:center;padding:3rem;color:var(--gray)}.page-btn{padding:.5rem 1.1rem;border-radius:var(--radius);font-size:.82rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.page-btn.primary{background:var(--gold);color:var(--black)}.page-btn.primary:hover{background:var(--gold-light)}.page-btn.primary:disabled{opacity:.5;cursor:not-allowed}.page-btn.outline{background:transparent;border:1px solid var(--black-border);color:var(--gray-light)}.page-btn.outline:hover{border-color:var(--gold);color:var(--gold)}.page-btn.danger{background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444}.page-btn.danger:hover{background:#ef44441a}.page-btn.small{padding:.35rem .7rem;font-size:.75rem}.page-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem}.page-modal{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #0009}.page-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--black-border)}.page-modal-header h2{font-size:1.05rem;font-weight:700}.page-modal-close{background:none;border:none;color:var(--gray);cursor:pointer;padding:.2rem;display:flex}.page-modal-close:hover{color:var(--white)}.page-modal-body{padding:1rem 1.2rem;overflow-y:auto;flex:1}.page-modal-body .form-group{margin-bottom:.8rem}.page-modal-body .form-group label{display:block;font-size:.78rem;font-weight:600;margin-bottom:.25rem;color:var(--gray-light)}.page-modal-body .form-group input,.page-modal-body .form-group textarea,.page-modal-body .form-group select{width:100%;padding:.5rem .7rem;border:1px solid var(--black-border);border-radius:var(--radius);font-size:.85rem;background:var(--black-light);color:var(--white);font-family:inherit;resize:vertical}.page-modal-body .form-group input:focus,.page-modal-body .form-group textarea:focus,.page-modal-body .form-group select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.page-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.8rem 1.2rem;border-top:1px solid var(--black-border)}.page-toast{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;padding:.6rem 1rem;border-radius:var(--radius);font-size:.85rem;font-weight:600;animation:slideIn .3s ease;box-shadow:0 8px 30px #0006}.page-toast.success{background:#065f46;color:#6ee7b7;border:1px solid #10b981}.page-toast.error{background:#7f1d1d;color:#fca5a5;border:1px solid #ef4444}@media(max-width:1024px){.home-channels-grid,.home-features-grid,.home-usecases-grid{grid-template-columns:repeat(2,1fr)}.home-steps-grid{flex-direction:column}.home-step-connector{transform:rotate(90deg)}.home-step-card{max-width:100%}.home-about-inner{grid-template-columns:1fr;gap:2rem}.overview-stats{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}@media(max-width:768px){.home-nav-links a:not(.home-nav-btn){display:none}.home-channels-grid,.home-features-grid,.home-usecases-grid{grid-template-columns:1fr}.home-pricing-grid{grid-template-columns:1fr;max-width:400px}.home-pricing-card.featured{transform:none}.home-hero-stats{gap:1rem}.preview-sidebar{width:160px}.home-footer-inner{grid-template-columns:1fr 1fr;text-align:left}.home-trust-items{gap:1.2rem}.dash-sidebar{width:60px;min-width:60px}.dash-logo-text,.dash-nav-item span,.dash-user-info{display:none}.dash-logo{justify-content:center;padding:1rem .5rem}.dash-nav-item{justify-content:center;padding:.7rem}.dash-user{justify-content:center}.dash-logout-btn{display:none}.inbox-left{width:100%;min-width:unset}.inbox-right{display:none}.inbox-bubble{max-width:85%}.overview-stats,.overview-grid{grid-template-columns:1fr}}@media(max-width:480px){.home-hero{padding:7rem 1rem 3rem}.home-hero-actions{flex-direction:column}.preview-window{display:none}.home-footer-inner{grid-template-columns:1fr;text-align:center}.home-footer-tagline{max-width:100%}.home-about-stats{grid-template-columns:1fr 1fr}.home-trust-items{flex-direction:column;gap:.8rem}.settings-modal{max-width:100%}}.wa-manager{padding:0}.wa-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.wa-toast{position:fixed;top:24px;right:24px;padding:12px 24px;border-radius:8px;font-size:14px;z-index:9999;animation:waSlideIn .3s ease}.wa-toast.success{background:#10b981;color:#fff}.wa-toast.error{background:#ef4444;color:#fff}@keyframes waSlideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.wa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.wa-header-left{display:flex;align-items:center;gap:14px}.wa-header-icon{width:48px;height:48px;border-radius:12px;background:#25d36615;display:flex;align-items:center;justify-content:center}.wa-header h1{font-size:24px;font-weight:700;color:#fff;margin:0}.wa-header-sub{color:#888;font-size:14px;margin:4px 0 0}.wa-connected-badge{display:inline-flex;align-items:center;gap:6px}.wa-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.wa-dot.green{background:#10b981;box-shadow:0 0 6px #10b98180}.wa-dot.red{background:#ef4444}.wa-tabs{display:flex;gap:0;border-bottom:1px solid #222;margin-bottom:24px}.wa-tab{padding:12px 20px;background:none;border:none;color:#888;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.wa-tab:hover{color:#ccc}.wa-tab.active{color:#25d366;border-bottom-color:#25d366}.wa-setup{display:flex;flex-direction:column;gap:20px}.wa-guide-toggle{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#111;border:1px solid #222;border-radius:10px;cursor:pointer;color:#c9a84c;font-size:14px;font-weight:500;transition:background .2s}.wa-guide-toggle:hover{background:#161616}.wa-guide-toggle span{flex:1}.wa-guide-content{background:#111;border:1px solid #222;border-radius:10px;padding:20px}.wa-guide-steps{display:flex;flex-direction:column;gap:16px}.wa-guide-step{display:flex;gap:14px;align-items:flex-start}.wa-guide-num{width:28px;height:28px;border-radius:50%;background:#25d36620;color:#25d366;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.wa-guide-step strong{color:#fff;font-size:14px;display:block;margin-bottom:4px}.wa-guide-step p{color:#888;font-size:13px;line-height:1.5;margin:0}.wa-guide-step b{color:#c9a84c}.wa-status-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wa-status-card{background:#111;border:1px solid #222;border-radius:10px;padding:16px}.wa-sc-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.wa-sc-value{font-size:16px;font-weight:600;color:#fff}.wa-quality-green{color:#10b981}.wa-quality-yellow{color:#f59e0b}.wa-quality-red{color:#ef4444}.wa-webhook-info{background:#111;border:1px solid #222;border-radius:10px;padding:20px}.wa-webhook-info h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 6px}.wa-webhook-desc{font-size:13px;color:#888;margin:0 0 14px}.wa-webhook-fields{display:flex;flex-direction:column;gap:10px}.wa-webhook-field label{display:block;font-size:12px;color:#666;margin-bottom:4px}.wa-webhook-value{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:6px;padding:8px 12px}.wa-webhook-value code{font-size:13px;color:#c9a84c;word-break:break-all;font-family:SF Mono,Fira Code,monospace}.wa-connect-form{background:#111;border:1px solid #222;border-radius:10px;padding:24px}.wa-connect-form h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 18px}.wa-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.wa-form-full{grid-column:1 / -1}.wa-form-group{display:flex;flex-direction:column;gap:5px}.wa-form-group label{font-size:13px;font-weight:500;color:#999}.wa-form-group input,.wa-form-group select,.wa-form-group textarea{padding:10px 12px;background:#0a0a0a;border:1px solid #222;border-radius:8px;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.wa-form-group input:focus,.wa-form-group select:focus,.wa-form-group textarea:focus{border-color:#25d366}.wa-form-group textarea{resize:vertical}.wa-form-group select option{background:#111}.wa-form-hint{font-size:11px;color:#555}.wa-required{color:#ef4444}.wa-form-actions{display:flex;gap:10px}.wa-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;background:#25d366;color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.wa-btn-primary:hover{background:#1fba58}.wa-btn-primary:disabled{opacity:.5;cursor:not-allowed}.wa-btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:transparent;color:#ef4444;border:1px solid #ef444440;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.wa-btn-danger:hover{background:#ef444415}.wa-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:#ccc;border:1px solid #333;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.wa-btn-outline:hover{background:#222;border-color:#444}.wa-btn-lg{padding:14px 32px;font-size:15px}.wa-tpl-filters{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.wa-tpl-search{display:flex;align-items:center;gap:8px;background:#111;border:1px solid #222;border-radius:8px;padding:8px 12px;flex:1;min-width:200px}.wa-tpl-search input{background:none;border:none;outline:none;color:#fff;font-size:14px;flex:1}.wa-tpl-status-filters{display:flex;gap:0;background:#111;border:1px solid #222;border-radius:8px;overflow:hidden}.wa-tpl-filter-btn{padding:8px 14px;background:none;border:none;color:#888;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.wa-tpl-filter-btn:hover{color:#ccc}.wa-tpl-filter-btn.active{background:#25d36620;color:#25d366}.wa-tpl-cat-filter{padding:8px 12px;background:#111;border:1px solid #222;border-radius:8px;color:#ccc;font-size:13px;outline:none;cursor:pointer}.wa-tpl-cat-filter option{background:#111}.wa-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px}.wa-empty-state h3{font-size:18px;color:#fff;margin:0}.wa-empty-state p{font-size:14px;color:#666;margin:0}.wa-tpl-list{display:flex;flex-direction:column;gap:8px}.wa-tpl-card{background:#111;border:1px solid #222;border-radius:10px;overflow:hidden;transition:border-color .2s}.wa-tpl-card:hover{border-color:#333}.wa-tpl-card.expanded{border-color:#25d36640}.wa-tpl-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer}.wa-tpl-card-info{display:flex;flex-direction:column;gap:6px}.wa-tpl-card-name{font-size:14px;font-weight:600;color:#fff;font-family:SF Mono,Fira Code,monospace}.wa-tpl-card-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.wa-tpl-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.wa-tpl-lang{font-size:11px;color:#666}.wa-tpl-card-actions{display:flex;align-items:center;gap:6px}.wa-tpl-action-btn{width:30px;height:30px;border-radius:6px;background:#1a1a1a;border:1px solid #2a2a2a;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.wa-tpl-action-btn:hover{background:#222;color:#fff;border-color:#444}.wa-tpl-action-btn.danger:hover{background:#ef444420;color:#ef4444;border-color:#ef444440}.wa-tpl-expand-icon{flex-shrink:0;cursor:pointer}.wa-tpl-card-body{padding:14px 18px 18px;border-top:1px solid #1a1a1a}.wa-tpl-preview-grid{display:grid;grid-template-columns:1fr 260px;gap:20px}.wa-tpl-components{display:flex;flex-direction:column;gap:10px}.wa-tpl-comp{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;padding:10px 14px}.wa-tpl-comp-type{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#25d366;margin-bottom:4px}.wa-tpl-comp-text{font-size:13px;color:#ccc;line-height:1.4;white-space:pre-wrap}.wa-tpl-buttons-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.wa-tpl-btn-preview{padding:4px 10px;background:#1a1a1a;border-radius:4px;font-size:12px;color:#999}.wa-tpl-rejected-reason{background:#ef444410;border:1px solid #ef444430;border-radius:8px;padding:10px 14px;margin-top:12px;font-size:13px;color:#ef4444}.wa-builder{display:grid;grid-template-columns:1fr 320px;gap:24px}.wa-builder-left{display:flex;flex-direction:column;gap:16px}.wa-preview-sticky{position:sticky;top:20px}.wa-preview-title{font-size:14px;font-weight:600;color:#888;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.wa-builder-section{background:#111;border:1px solid #222;border-radius:10px;padding:20px}.wa-builder-section h3{font-size:15px;font-weight:600;color:#fff;margin:0}.wa-builder-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.wa-category-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}.wa-category-card{padding:12px;border:1px solid #222;border-radius:8px;cursor:pointer;transition:all .2s}.wa-category-card:hover{border-color:#444}.wa-category-card.selected{border-width:2px}.wa-cat-name{font-size:13px;font-weight:600;margin-bottom:4px}.wa-cat-desc{font-size:11px;color:#666;line-height:1.4}.wa-checkbox{display:flex;align-items:center;gap:10px;font-size:13px;color:#999;cursor:pointer;margin-top:10px;position:relative}.wa-checkbox input{position:absolute;opacity:0;width:0;height:0}.wa-checkbox-mark{width:18px;height:18px;border:1px solid #333;border-radius:4px;background:#0a0a0a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.wa-checkbox input:checked+.wa-checkbox-mark{background:#25d366;border-color:#25d366}.wa-checkbox input:checked+.wa-checkbox-mark:after{content:"";width:6px;height:10px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.wa-section-toggle{display:flex;align-items:center;gap:10px;margin-bottom:14px}.wa-optional-tag{font-size:11px;color:#555;background:#1a1a1a;padding:2px 8px;border-radius:4px}.wa-section-toggle .wa-switch{margin-left:auto}.wa-switch{position:relative;width:40px;height:22px;display:inline-block}.wa-switch input{opacity:0;width:0;height:0}.wa-switch-slider{position:absolute;inset:0;background:#333;border-radius:22px;cursor:pointer;transition:.3s}.wa-switch-slider:before{content:"";position:absolute;left:3px;bottom:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.3s}.wa-switch input:checked+.wa-switch-slider{background:#25d366}.wa-switch input:checked+.wa-switch-slider:before{transform:translate(18px)}.wa-format-chips,.wa-btn-type-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.wa-chip{padding:6px 14px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;font-size:13px;color:#ccc;cursor:pointer;transition:all .2s}.wa-chip:hover{background:#222;border-color:#444}.wa-chip.active{background:#25d36620;border-color:#25d366;color:#25d366}.wa-char-count{font-size:11px;color:#555;font-weight:400;margin-left:6px}.wa-media-note{font-size:13px;color:#666;margin:0}.wa-body-toolbar{display:flex;justify-content:space-between;align-items:center}.wa-var-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#25d36615;border:1px solid #25d36630;border-radius:6px;color:#25d366;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.wa-var-btn:hover{background:#25d36625}.wa-examples-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.wa-examples-label{grid-column:1 / -1;font-size:12px;color:#666}.wa-example-field{flex-direction:row;align-items:center;gap:8px}.wa-example-field label{min-width:40px;font-family:SF Mono,monospace;color:#25d366;font-size:13px}.wa-btn-count{font-size:12px;color:#555;margin-left:auto}.wa-buttons-list{display:flex;flex-direction:column;gap:8px}.wa-button-item{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;transition:all .2s}.wa-button-item.dragging{opacity:.5;border-color:#25d366}.wa-btn-drag-handle{cursor:grab;padding:4px 2px;display:flex;align-items:center;margin-top:4px}.wa-btn-drag-handle:active{cursor:grabbing}.wa-btn-fields{flex:1;display:flex;flex-direction:column;gap:6px}.wa-btn-type-label{font-size:11px;color:#25d366;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.wa-btn-fields input{padding:7px 10px;background:#111;border:1px solid #222;border-radius:6px;color:#fff;font-size:13px;outline:none;width:100%;box-sizing:border-box}.wa-btn-fields input:focus{border-color:#25d366}.wa-btn-remove{width:28px;height:28px;border-radius:6px;background:none;border:1px solid transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:2px}.wa-btn-remove:hover{color:#ef4444;border-color:#ef444440;background:#ef444410}.wa-builder-submit{background:#111;border:1px solid #222;border-radius:10px;padding:20px;text-align:center}.wa-submit-note{font-size:13px;color:#666;margin:10px 0 0}.wa-phone-preview-mini{max-width:260px}.wa-phone{background:#0b141a;border-radius:20px;overflow:hidden;border:2px solid #222;max-width:300px;margin:0 auto}.wa-phone-notch{height:20px;background:#0b141a;position:relative}.wa-phone-notch:after{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:60px;height:6px;background:#1a2530;border-radius:3px}.wa-phone-status{display:flex;justify-content:space-between;align-items:center;padding:0 14px 6px;font-size:11px;color:#fff}.wa-phone-icons{display:flex;gap:4px;align-items:center}.wa-phone-header-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#1f2c34}.wa-phone-contact{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500}.wa-phone-avatar{width:32px;height:32px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.wa-phone-chat{padding:14px 10px 20px;min-height:200px;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.wa-phone-bubble{background:#1f2c34;border-radius:0 8px 8px;padding:8px 10px;max-width:95%;position:relative}.wa-bubble-header{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}.wa-bubble-media{width:100%;height:120px;background:#0b141a;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.wa-bubble-body{font-size:13px;color:#e9edef;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.wa-bubble-footer{font-size:12px;color:#8696a0;margin-top:4px}.wa-bubble-time{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:11px;color:#8696a0;margin-top:4px}.wa-bubble-buttons{display:flex;flex-direction:column;gap:1px;margin-top:2px;max-width:95%}.wa-bubble-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:#1f2c34;border-radius:0;font-size:13px;color:#00a5f4;font-weight:500}.wa-bubble-btn:first-child{border-radius:0}.wa-bubble-btn:last-child{border-radius:0 0 8px 8px}.wa-bubble-btn:only-child{border-radius:0 0 8px 8px}.wa-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9998}.wa-modal{background:#111;border:1px solid #222;border-radius:12px;width:100%;max-width:440px;max-height:80vh;overflow-y:auto}.wa-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #1a1a1a}.wa-modal-header h3{font-size:16px;font-weight:600;color:#fff;margin:0}.wa-modal-close{background:none;border:none;color:#888;cursor:pointer}.wa-modal-close:hover{color:#fff}.wa-modal-body{padding:20px;display:flex;flex-direction:column;gap:12px}.wa-modal-info{font-size:13px;color:#888;margin:0}.wa-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #1a1a1a}@media(max-width:900px){.wa-builder{grid-template-columns:1fr}.wa-builder-right{order:-1}.wa-preview-sticky{position:static}.wa-status-cards{grid-template-columns:repeat(2,1fr)}.wa-tpl-preview-grid,.wa-category-cards{grid-template-columns:1fr}}@media(max-width:600px){.wa-form-grid,.wa-builder-meta-grid,.wa-status-cards{grid-template-columns:1fr}.wa-tpl-filters{flex-direction:column}.wa-tpl-status-filters{width:100%;overflow-x:auto}.wa-examples-grid{grid-template-columns:1fr}}.wa-embedded-signup{text-align:center;padding:40px 24px;background:linear-gradient(135deg,#1a2a1a 0%,var(--black-card) 100%);border:1px solid #25d36630;border-radius:var(--radius-lg);margin-bottom:0}.wa-embedded-icon{margin-bottom:16px}.wa-embedded-signup h3{font-size:1.25rem;font-weight:700;margin-bottom:8px}.wa-embedded-desc{color:var(--gray);font-size:.9rem;max-width:480px;margin:0 auto 24px;line-height:1.6}.wa-embedded-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#1877f2;color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-family:var(--font)}.wa-embedded-btn:hover:not(:disabled){background:#166fe5;transform:translateY(-1px);box-shadow:0 4px 16px #1877f259}.wa-embedded-btn:disabled{opacity:.6;cursor:not-allowed}.wa-embedded-hint{color:var(--gray);font-size:.8rem;margin-top:12px}.wa-embedded-features{display:flex;justify-content:center;gap:24px;margin-top:24px;flex-wrap:wrap}.wa-embedded-feature{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--gray-light)}.loader-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.wa-setup-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.wa-setup-divider:before,.wa-setup-divider:after{content:"";flex:1;height:1px;background:var(--black-border)}.wa-setup-divider span{color:var(--gray);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.wa-manual-toggle{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius);cursor:pointer;color:var(--gray);font-size:.875rem;transition:all .15s}.wa-manual-toggle:hover{color:var(--white);border-color:var(--gray)}.wa-manual-toggle span{flex:1}.broadcast{padding:0}.broadcast-loading{display:flex;align-items:center;justify-content:center;height:300px}.broadcast-toast{position:fixed;top:24px;right:24px;z-index:9999;padding:12px 20px;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:#fff;animation:bc-slide-in .25s ease}.broadcast-toast.success{background:#10b981}.broadcast-toast.error{background:#ef4444}@keyframes bc-slide-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.broadcast-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.broadcast-header h1{font-size:1.5rem;font-weight:700;margin-bottom:4px}.broadcast-header p{font-size:.875rem;color:var(--gray)}.broadcast-new-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--gold);color:var(--black);font-weight:600;font-size:.875rem;border:none;border-radius:var(--radius);cursor:pointer;transition:background .2s}.broadcast-new-btn:hover{background:var(--gold-light)}.broadcast-empty{text-align:center;padding:64px 24px;color:var(--gray)}.broadcast-empty svg{margin-bottom:16px;opacity:.4}.broadcast-empty h3{font-size:1.1rem;color:var(--white);margin-bottom:6px}.broadcast-list{display:flex;flex-direction:column;gap:16px}.broadcast-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:20px}.broadcast-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.broadcast-card-title h3{font-size:1rem;font-weight:600;margin-bottom:8px}.broadcast-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.broadcast-channel-badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;border-radius:999px;background:var(--gold-glow);color:var(--gold)}.broadcast-status-badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;border-radius:999px}.broadcast-scheduled{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--gray)}.broadcast-card-actions{display:flex;gap:6px}.broadcast-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--black-border);background:transparent;border-radius:var(--radius);cursor:pointer;color:var(--gray);transition:all .15s}.broadcast-action-btn:hover{color:var(--white);border-color:var(--gray)}.broadcast-action-btn.send:hover{color:var(--gold);border-color:var(--gold)}.broadcast-action-btn.delete:hover{color:#ef4444;border-color:#ef4444}.broadcast-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.broadcast-stat-bar-header{display:flex;justify-content:space-between;margin-bottom:4px}.broadcast-stat-bar-label{font-size:.75rem;color:var(--gray)}.broadcast-stat-bar-count{font-size:.75rem;font-weight:600}.broadcast-stat-bar-track{height:4px;border-radius:2px;background:var(--black-border);overflow:hidden}.broadcast-stat-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.broadcast-detail-overlay{position:fixed;inset:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.broadcast-detail-panel{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);width:600px;max-width:95vw;max-height:85vh;overflow-y:auto}.broadcast-detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--black-border)}.broadcast-detail-header h2{font-size:1.15rem;font-weight:700}.broadcast-detail-close{background:none;border:none;color:var(--gray);cursor:pointer;padding:4px}.broadcast-detail-close:hover{color:var(--white)}.broadcast-detail-loading{display:flex;align-items:center;justify-content:center;padding:48px}.broadcast-detail-body{padding:24px}.broadcast-detail-info h3{font-size:1.1rem;font-weight:600;margin-bottom:8px}.broadcast-detail-meta{display:flex;gap:8px;margin-bottom:16px}.broadcast-detail-field{display:flex;gap:8px;margin-bottom:8px;font-size:.875rem}.broadcast-detail-label{color:var(--gray);min-width:90px;flex-shrink:0}.broadcast-detail-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.broadcast-detail-stat-card{text-align:center;padding:14px 8px;background:var(--black-light);border:1px solid var(--black-border);border-radius:var(--radius)}.broadcast-detail-stat-value{font-size:1.3rem;font-weight:700}.broadcast-detail-stat-label{font-size:.75rem;color:var(--gray);margin-top:2px}.broadcast-detail-stat-pct{font-size:.7rem;color:var(--gray-light);margin-top:2px}.broadcast-detail-recipients{margin-top:20px}.broadcast-detail-recipients h4{font-size:.95rem;font-weight:600;margin-bottom:12px}.broadcast-recipients-empty{text-align:center;padding:24px;color:var(--gray);font-size:.875rem}.broadcast-recipients-list{display:flex;flex-direction:column;gap:4px}.broadcast-recipient-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--black-light);border-radius:var(--radius);font-size:.85rem}.broadcast-recipient-name{flex:1}.broadcast-recipient-status{font-weight:600;font-size:.8rem}.broadcast-recipient-time{font-size:.75rem;color:var(--gray)}.bc-modal-overlay{position:fixed;inset:0;z-index:1000;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:bc-fade .2s ease}@keyframes bc-fade{0%{opacity:0}to{opacity:1}}.bc-modal{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);width:580px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;animation:bc-scale-in .2s ease}@keyframes bc-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.bc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--black-border);flex-shrink:0}.bc-modal-header h2{font-size:1.1rem;font-weight:700}.bc-modal-close{background:none;border:none;color:var(--gray);cursor:pointer;padding:4px;border-radius:6px;transition:all .15s}.bc-modal-close:hover{color:var(--white);background:var(--black-border)}.bc-modal-body{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:18px}.bc-form-group{display:flex;flex-direction:column;gap:6px}.bc-form-group label{font-size:.8rem;font-weight:600;color:var(--gray-light);text-transform:uppercase;letter-spacing:.04em}.bc-form-group input,.bc-form-group select,.bc-form-group textarea{width:100%;padding:10px 14px;font-size:.9rem;color:var(--white);background:var(--black-light);border:1px solid var(--black-border);border-radius:var(--radius);font-family:var(--font);transition:border-color .15s}.bc-form-group input:focus,.bc-form-group select:focus,.bc-form-group textarea:focus{outline:none;border-color:var(--gold)}.bc-form-group input::placeholder,.bc-form-group textarea::placeholder{color:#555}.bc-form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.bc-form-group select option{background:var(--black-card);color:var(--white)}.bc-form-group textarea{resize:vertical;min-height:80px}.bc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bc-form-hint{font-size:.78rem;color:var(--gray);margin-top:2px}.bc-template-preview{display:flex;flex-direction:column;gap:6px}.bc-template-preview label{font-size:.8rem;font-weight:600;color:var(--gray-light);text-transform:uppercase;letter-spacing:.04em}.bc-template-body{background:var(--black-light);border:1px solid var(--black-border);border-radius:var(--radius);padding:14px 16px;font-size:.875rem;line-height:1.6;color:var(--gray-light);white-space:pre-wrap}.bc-var-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:6px}.bc-var-field{display:flex;align-items:center;gap:8px}.bc-var-label{font-size:.8rem;font-weight:700;color:var(--gold);white-space:nowrap;min-width:40px}.bc-var-field input{flex:1;padding:8px 12px;font-size:.85rem;color:var(--white);background:var(--black-light);border:1px solid var(--black-border);border-radius:var(--radius);font-family:var(--font);transition:border-color .15s}.bc-var-field input:focus{outline:none;border-color:var(--gold)}.bc-var-field input::placeholder{color:#555}.bc-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--black-border);flex-shrink:0}.bc-btn{padding:10px 20px;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:all .15s;font-family:var(--font)}.bc-btn:disabled{opacity:.5;cursor:not-allowed}.bc-btn.primary{background:var(--gold);color:var(--black)}.bc-btn.primary:hover:not(:disabled){background:var(--gold-light)}.bc-btn.secondary{background:var(--black-border);color:var(--white)}.bc-btn.secondary:hover:not(:disabled){background:#333}.bc-btn.outline{background:transparent;color:var(--gray);border:1px solid var(--black-border)}.bc-btn.outline:hover:not(:disabled){color:var(--white);border-color:var(--gray)}@media(max-width:768px){.broadcast-stats-row{grid-template-columns:repeat(2,1fr)}.broadcast-detail-stats{grid-template-columns:repeat(3,1fr)}.bc-form-row{grid-template-columns:1fr}}@media(max-width:480px){.broadcast-stats-row{grid-template-columns:1fr}.broadcast-detail-stats{grid-template-columns:repeat(2,1fr)}.bc-modal{max-height:95vh}.bc-modal-body{padding:16px}.bc-var-grid{grid-template-columns:1fr}}