.header{background:#fff;border-bottom:1px solid rgba(0,0,0,.08);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:100;box-shadow:0 1px 3px #0000000d;flex-shrink:0}.logo-icon-reach{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px}.logo-link{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-link:hover .logo-text{opacity:.9}.logo-text{font-weight:700;font-size:18px;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.logo-separator{color:#cbd5e1;font-weight:300;margin:0 4px}.logo-subtitle{color:#64748b;font-weight:500;font-size:15px}.header-actions{display:flex;align-items:center;gap:12px}.btn{padding:8px 16px;border-radius:8px;border:none;font-size:14px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:6px;font-family:inherit}.btn-refer{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.user-badge{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.user-badge:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.user-avatar{width:28px;height:28px;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.user-dropdown-wrapper{position:relative}.user-dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:300px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #00000026;padding:20px;z-index:200;display:flex;flex-direction:column;gap:10px}.user-dropdown:before{content:"";position:absolute;top:-6px;right:24px;width:12px;height:12px;background:#fff;border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0;transform:rotate(45deg)}.dropdown-user-info{padding-bottom:16px;border-bottom:1px solid #f1f5f9}.dropdown-user-name{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:4px}.dropdown-user-email{font-size:13px;color:#64748b;word-break:break-all}.dropdown-upgrade-btn{width:100%;padding:10px;border-radius:8px;border:none;background:#7c3aed;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.dropdown-upgrade-btn:hover{background:#6d28d9}.dropdown-secondary-btn{width:100%;padding:9px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#1e293b;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s;font-family:inherit}.dropdown-secondary-btn:hover{background:#f8fafc}.dropdown-divider{height:1px;background:#f1f5f9;margin:4px 0}.dropdown-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 8px;background:none;border:none;border-radius:8px;font-size:14px;color:#1e293b;cursor:pointer;text-align:left;transition:background .15s;font-family:inherit}.dropdown-menu-item:hover{background:#f8fafc}.dropdown-menu-item svg:last-child{margin-left:auto;color:#94a3b8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000059;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;color:#1e293b}.modal-close{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s;font-family:inherit}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:24px}.modal-description{color:#64748b;margin-bottom:20px;font-size:14px;line-height:1.5}.referral-stats{display:flex;gap:16px;margin-bottom:24px}.stat-item{flex:1;text-align:center;padding:16px;background:#f8fafc;border-radius:12px}.stat-value{display:block;font-size:24px;font-weight:700;color:#1e293b}.stat-label{font-size:12px;color:#64748b;margin-top:4px}.referral-link-section{margin-top:20px}.referral-link-section label{display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:8px}.referral-link-box{display:flex;gap:8px}.referral-link-box input{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#f8fafc;color:#1e293b;outline:none}.btn-copy{padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.btn-copy:hover{background:#2563eb}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;margin-bottom:12px}.btn-change-avatar{background:none;border:none;color:#3b82f6;font-size:13px;cursor:pointer;font-family:inherit}.form-group label{display:block;font-size:13px;font-weight:600;color:#64748b;margin-bottom:6px}.form-group input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .15s;font-family:inherit;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#3b82f6}.form-group input:disabled{background:#f1f5f9;color:#64748b}.btn-save{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .15s;margin-top:8px;font-family:inherit}.btn-save:hover{background:#2563eb}.current-plan{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.plan-badge{padding:6px 14px;background:#f1f5f9;border-radius:20px;font-size:14px;font-weight:600;color:#1e293b}.btn-upgrade{padding:8px 16px;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:background .15s;font-family:inherit}.btn-upgrade:hover{background:#6d28d9}.limits-list{display:flex;flex-direction:column;gap:20px}.limit-item{display:flex;flex-direction:column;gap:8px}.limit-header{display:flex;justify-content:space-between;font-size:14px}.limit-header span:first-child{font-weight:500;color:#1e293b}.limit-header span:last-child{color:#64748b}.limit-bar{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.limit-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;transition:width .3s ease}.aic-sidebar{width:240px;height:100%;background:#fff;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:16px 0;transition:width .2s ease;position:relative}.aic-sidebar.collapsed{width:64px}.aic-sidebar.collapsed .aic-nav-item span:not(.aic-nav-icon){display:none}.aic-sidebar.collapsed .aic-nav-item{justify-content:center;padding:12px}.aic-sidebar.collapsed .aic-sidebar-nav{padding:0 8px}.aic-sidebar-toggle{position:absolute;top:12px;right:-10px;width:20px;height:20px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s;color:#64748b}.aic-sidebar-toggle:hover{background:#f8fafc;color:var(--accent, #059669);border-color:var(--accent, #059669)}.aic-sidebar-nav{flex:1;padding:0 12px;display:flex;flex-direction:column;gap:2px}.aic-nav-item{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;text-decoration:none;transition:all .15s;border:none;background:transparent;width:100%;cursor:pointer}.aic-nav-item:hover{background:#f8fafc;color:#1e293b}.aic-nav-item.active{background:var(--accent-bg, rgba(249, 115, 22, .08));color:var(--accent, #059669);font-weight:600}.aic-nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:.7;flex-shrink:0}.aic-nav-item.active .aic-nav-icon{opacity:1}.aic-sidebar-footer{padding:16px 12px;border-top:1px solid rgba(0,0,0,.06);margin-top:8px}.aic-sidebar-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#fff;font-size:13px;font-weight:500;color:#64748b;text-decoration:none;width:100%;transition:all .15s;box-sizing:border-box}.aic-sidebar-btn:hover{background:#f8fafc;border-color:var(--accent, #059669);color:var(--accent, #059669)}.ch-home{padding:24px;overflow-y:auto;height:100%;background:#f8fafc}.ch-home-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.ch-home-title{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 4px}.ch-home-subtitle{font-size:14px;color:#64748b;margin:0}.ch-home-actions{display:flex;gap:10px}.ch-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .15s}.ch-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 1px 3px #05966933}.ch-btn-primary:hover{opacity:.92;transform:translateY(-1px)}.ch-btn-outline{background:#fff;color:#334155;border:1px solid #e2e8f0}.ch-btn-outline:hover{background:#f1f5f9}.ch-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.ch-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 3px #0000000a;border:1px solid #f1f5f9;position:relative}.ch-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ch-stat-value{font-size:22px;font-weight:700;color:#0f172a;line-height:1}.ch-stat-label{font-size:12px;color:#64748b;margin-top:4px}.ch-stat-badge{position:absolute;top:16px;right:16px;background:#fef3c7;color:#b45309;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}.ch-home-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.ch-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000a;border:1px solid #f1f5f9;overflow:hidden}.ch-card-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f8fafc}.ch-card-title{font-size:15px;font-weight:600;color:#0f172a;margin:0}.ch-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#059669;background:none;border:none;cursor:pointer}.ch-link:hover{color:#047857}.ch-conv-list{padding:8px 0}.ch-conv-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background .15s;position:relative}.ch-conv-item:hover{background:#f8fafc}.ch-conv-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ch-conv-body{flex:1;min-width:0}.ch-conv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.ch-conv-name{font-size:14px;font-weight:600;color:#0f172a}.ch-conv-time{font-size:11px;color:#94a3b8;flex-shrink:0}.ch-conv-preview{display:flex;align-items:center;gap:6px}.ch-conv-text{font-size:13px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-conv-unread{background:#10b981;color:#fff;font-size:11px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.ch-conv-status{flex-shrink:0;margin-left:4px}.ch-home-side{display:flex;flex-direction:column;gap:20px}.ch-quick-actions{padding:12px;display:flex;flex-direction:column;gap:8px}.ch-quick-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:none;border:none;cursor:pointer;transition:background .15s;text-align:left;width:100%}.ch-quick-btn:hover{background:#f8fafc}.ch-quick-btn span:nth-child(2){font-size:14px;font-weight:500;color:#0f172a;flex:1}.ch-quick-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ch-quick-count{font-size:12px;color:#94a3b8;font-weight:500}.ch-channel-list{padding:8px 0}.ch-channel-item{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.ch-channel-left{display:flex;align-items:center;gap:10px;font-size:14px;color:#334155;font-weight:500}.ch-channel-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.ch-channel-online{background:#d1fae5;color:#047857}.ch-channel-offline{background:#f1f5f9;color:#64748b}.ch-load-error{padding:10px 14px;margin-bottom:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:13px}.ch-conv-empty{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px}.ch-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:14px}@media(max-width:1024px){.ch-stats-grid{grid-template-columns:repeat(2,1fr)}.ch-home-grid{grid-template-columns:1fr}}@media(max-width:640px){.ch-stats-grid{grid-template-columns:1fr}.ch-home-header{flex-direction:column;gap:12px}}.conv-container{display:flex;height:100%;background:#fff;overflow:hidden}.conv-list-panel{width:340px;min-width:280px;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;background:#fafafa}.conv-list-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.conv-list-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.conv-btn-icon{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.conv-btn-icon:hover{background:#f1f5f9;color:#334155}.conv-search-bar{padding:12px 16px;position:relative}.conv-search-icon{position:absolute;left:26px;top:50%;transform:translateY(-50%);color:#94a3b8}.conv-search-input{width:100%;padding:9px 12px 9px 36px;border-radius:8px;border:1px solid #e2e8f0;font-size:13px;background:#fff;outline:none;transition:border .15s}.conv-search-input:focus{border-color:#10b981}.conv-filters{display:flex;gap:6px;padding:0 16px 10px}.conv-filter-btn{padding:5px 12px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s}.conv-filter-btn.active{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.conv-filter-btn:hover:not(.active){background:#f8fafc}.conv-items{flex:1;overflow-y:auto}.conv-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid #f8fafc}.conv-item:hover{background:#f1f5f9}.conv-item.active{background:#ecfdf5}.conv-item-avatar{position:relative;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conv-status-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;border:2px solid white}.conv-status-dot.active{background:#22c55e}.conv-status-dot.away{background:#f59e0b}.conv-status-dot.offline{background:#94a3b8}.conv-item-body{flex:1;min-width:0}.conv-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.conv-item-name{font-size:14px;font-weight:600;color:#0f172a}.conv-item-time{font-size:11px;color:#94a3b8;flex-shrink:0}.conv-item-preview{display:flex;align-items:center;gap:6px}.conv-item-text{font-size:13px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.conv-item-unread{background:#10b981;color:#fff;font-size:11px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.conv-empty{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px}.conv-thread-panel{flex:1;display:flex;flex-direction:column;min-width:0;background:#fff}.conv-thread-header{padding:12px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f1f5f9}.conv-back-btn{display:none;width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:#64748b;align-items:center;justify-content:center;cursor:pointer}.conv-thread-contact{display:flex;align-items:center;gap:12px;flex:1}.conv-thread-avatar{position:relative;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conv-thread-info{display:flex;flex-direction:column}.conv-thread-name{font-size:15px;font-weight:600;color:#0f172a}.conv-thread-status{font-size:12px;color:#64748b;display:flex;align-items:center;gap:4px}.conv-thread-actions{display:flex;gap:4px}.conv-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:#fafafa}.conv-message{display:flex}.conv-message.contact{justify-content:flex-start}.conv-message.agent{justify-content:flex-end}.conv-message-bubble{max-width:65%;padding:10px 14px;border-radius:14px;position:relative}.conv-message.contact .conv-message-bubble{background:#fff;color:#0f172a;border:1px solid #f1f5f9;border-bottom-left-radius:4px}.conv-message.agent .conv-message-bubble{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-bottom-right-radius:4px}.conv-message-bubble p{margin:0;font-size:14px;line-height:1.5;word-wrap:break-word}.conv-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.conv-message-time{font-size:11px;opacity:.7}.conv-message-status{display:flex;align-items:center}.conv-message-status .delivered{opacity:.6}.conv-system-msg{align-self:center;background:#f1f5f9;color:#64748b;font-size:12px;padding:6px 14px;border-radius:20px;margin:8px auto}.conv-error-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;color:#b91c1c;border-radius:8px;font-size:13px;margin-bottom:12px}.conv-error-banner button{margin-left:auto;background:none;border:none;color:#b91c1c;cursor:pointer}.conv-message-bubble.failed{background:#fef2f2!important;color:#b91c1c!important;border:1px solid #fecaca}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.conv-input-area{padding:12px 20px;border-top:1px solid #f1f5f9;display:flex;align-items:flex-end;gap:8px;background:#fff}.conv-input-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s}.conv-input-btn:hover{background:#f1f5f9;color:#64748b}.conv-textarea{flex:1;padding:10px 14px;border-radius:20px;border:1px solid #e2e8f0;font-size:14px;resize:none;outline:none;max-height:120px;min-height:40px;font-family:inherit;line-height:1.4;transition:border .15s}.conv-textarea:focus{border-color:#10b981}.conv-send-btn{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s}.conv-send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.conv-send-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.conv-thread-empty{flex:1;display:flex;align-items:center;justify-content:center;background:#fafafa}.conv-empty-state{text-align:center;color:#94a3b8}.conv-empty-state h3{font-size:18px;font-weight:600;color:#334155;margin:0 0 4px}.conv-empty-state p{font-size:14px;margin:0}.conv-contact-panel{width:300px;min-width:260px;border-left:1px solid #f1f5f9;background:#fff;display:flex;flex-direction:column;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.conv-contact-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.conv-contact-header h3{margin:0;font-size:15px;font-weight:600;color:#0f172a}.conv-contact-body{flex:1;overflow-y:auto;padding:20px}.conv-contact-avatar-large{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.conv-contact-name{text-align:center;font-size:18px;font-weight:700;color:#0f172a;margin:0 0 2px}.conv-contact-company{text-align:center;font-size:13px;color:#64748b;margin:0 0 20px}.conv-contact-section{margin-bottom:20px}.conv-contact-section h5{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.conv-contact-detail{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:#334155;border-bottom:1px solid #f8fafc}.conv-contact-detail svg{color:#94a3b8;flex-shrink:0}.conv-contact-tags{display:flex;flex-wrap:wrap;gap:6px}.conv-contact-tag{padding:4px 10px;border-radius:20px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:500}.conv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.conv-modal{background:#fff;border-radius:16px;width:420px;max-width:90vw;box-shadow:0 20px 60px #00000026;animation:modalIn .2s ease}.conv-modal-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.conv-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#0f172a}.conv-modal-body{padding:20px}.conv-label{display:block;font-size:13px;font-weight:500;color:#334155;margin-bottom:8px}.conv-select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;margin-bottom:16px;background:#fff;outline:none}.conv-select:focus{border-color:#10b981}.conv-channel-select{display:flex;gap:8px;flex-wrap:wrap}.conv-channel-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:500;color:#334155;cursor:pointer;transition:all .15s}.conv-channel-btn.active{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.conv-channel-btn:hover:not(.active){background:#f8fafc}.conv-modal-footer{padding:16px 20px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #f1f5f9}@media(max-width:768px){.conv-list-panel{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.conv-list-panel.conv-mobile-hidden,.conv-thread-panel.conv-mobile-hidden{display:none}.conv-back-btn{display:flex}.conv-contact-panel{position:absolute;right:0;top:0;bottom:0;z-index:20;box-shadow:-4px 0 20px #00000014}}@media(max-width:1024px){.conv-contact-panel{position:absolute;right:0;top:0;bottom:0;z-index:20;box-shadow:-4px 0 20px #00000014}}.ct-container{padding:24px;overflow-y:auto;height:100%;background:#f8fafc}.ct-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.ct-title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 4px}.ct-subtitle{font-size:13px;color:#64748b;margin:0}.ct-toolbar{display:flex;gap:12px;margin-bottom:20px}.ct-search{position:relative;flex:1;max-width:400px}.ct-search input{width:100%;padding:10px 12px 10px 36px;border-radius:8px;border:1px solid #e2e8f0;font-size:13px;background:#fff;outline:none}.ct-search input:focus{border-color:#10b981}.ct-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.ct-filters{display:flex;align-items:center;gap:8px;padding:0 12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;color:#64748b}.ct-filters select{border:none;background:none;font-size:13px;color:#334155;outline:none;cursor:pointer;padding:8px 0}.ct-table-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000a;border:1px solid #f1f5f9;overflow:hidden}.ct-table{width:100%;border-collapse:collapse;font-size:13px}.ct-table thead{background:#f8fafc}.ct-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9}.ct-table td{padding:12px 16px;border-bottom:1px solid #f8fafc;vertical-align:middle}.ct-table tbody tr:hover{background:#f8fafc}.ct-contact-cell{display:flex;align-items:center;gap:10px}.ct-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ct-contact-name{font-weight:600;color:#0f172a}.ct-cell-muted{color:#64748b}.ct-tags{display:flex;flex-wrap:wrap;gap:4px}.ct-tag{padding:3px 8px;border-radius:20px;font-size:11px;font-weight:500}.ct-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.ct-status-badge.active{background:#d1fae5;color:#047857}.ct-status-badge.inactive{background:#f1f5f9;color:#64748b}.ct-actions{display:flex;gap:4px}.ct-action-btn{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer}.ct-action-btn:hover{background:#f1f5f9;color:#334155}.ct-action-delete:hover{background:#fef2f2;color:#ef4444}.ct-empty{text-align:center;padding:48px 20px;color:#94a3b8;font-size:14px}.ct-error-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:13px}.ct-error-banner button{margin-left:auto;background:none;border:none;color:#b91c1c;cursor:pointer;display:flex;align-items:center;padding:2px}.ct-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.ct-modal{background:#fff;border-radius:16px;width:460px;max-width:90vw;box-shadow:0 20px 60px #00000026;animation:modalIn .2s ease}.ct-modal-small{width:340px}.ct-modal-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.ct-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#0f172a}.ct-modal-body{padding:20px}.ct-form-row{margin-bottom:16px}.ct-label{display:block;font-size:13px;font-weight:500;color:#334155;margin-bottom:6px}.ct-input,.ct-select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;outline:none;background:#fff;font-family:inherit}.ct-input:focus,.ct-select:focus{border-color:#10b981}.ct-tag-selector{display:flex;flex-wrap:wrap;gap:6px}.ct-tag-option{padding:6px 12px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;font-size:12px;font-weight:500;color:#334155;cursor:pointer;transition:all .15s}.ct-tag-option.active{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.ct-modal-footer{padding:16px 20px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #f1f5f9}@media(max-width:768px){.ct-table th:nth-child(3),.ct-table td:nth-child(3),.ct-table th:nth-child(4),.ct-table td:nth-child(4){display:none}}.seq-container{padding:24px;overflow-y:auto;height:100%;background:#f8fafc}.seq-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.seq-title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 4px}.seq-subtitle{font-size:13px;color:#64748b;margin:0}.seq-stats{display:flex;gap:16px;margin-bottom:24px}.seq-stat{background:#fff;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #0000000a;border:1px solid #f1f5f9;flex:1}.seq-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.seq-stat-value{font-size:20px;font-weight:700;color:#0f172a;line-height:1}.seq-stat-label{font-size:12px;color:#64748b;margin-top:2px}.seq-list{display:flex;flex-direction:column;gap:12px}.seq-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:flex-start;justify-content:space-between;box-shadow:0 1px 3px #0000000a;border:1px solid #f1f5f9;transition:box-shadow .15s}.seq-card:hover{box-shadow:0 4px 12px #0000000f}.seq-card-main{flex:1}.seq-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.seq-card-name{font-size:16px;font-weight:600;color:#0f172a;margin:0}.seq-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.seq-card-meta{display:flex;gap:16px;margin-bottom:14px}.seq-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#64748b}.seq-metrics{display:flex;align-items:center;gap:24px}.seq-metric{text-align:center}.seq-metric-value{font-size:18px;font-weight:700;color:#0f172a;line-height:1}.seq-metric-label{font-size:11px;color:#94a3b8;margin-top:2px}.seq-metric-bar{flex:1;max-width:200px}.seq-bar-track{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.seq-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .5s ease}.seq-bar-label{font-size:11px;color:#94a3b8;margin-top:4px;display:block}.seq-card-actions{display:flex;gap:6px}.seq-action-btn{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.seq-action-btn:hover{background:#f1f5f9;color:#334155}.seq-action-delete:hover{background:#fef2f2;color:#ef4444}.seq-empty{text-align:center;padding:60px 20px;color:#94a3b8;background:#fff;border-radius:12px;border:1px solid #f1f5f9}.seq-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.seq-modal{background:#fff;border-radius:16px;width:440px;max-width:90vw;box-shadow:0 20px 60px #00000026;animation:modalIn .2s ease}.seq-modal-small{width:340px}.seq-modal-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.seq-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#0f172a}.seq-modal-body{padding:20px}.seq-form-row{margin-bottom:16px}.seq-label{display:block;font-size:13px;font-weight:500;color:#334155;margin-bottom:6px}.seq-input,.seq-select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;outline:none;background:#fff;font-family:inherit}.seq-input:focus,.seq-select:focus{border-color:#10b981}.seq-status-options{display:flex;gap:8px}.seq-status-opt{flex:1;padding:10px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:500;color:#334155;cursor:pointer;transition:all .15s}.seq-status-opt.active{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.seq-modal-footer{padding:16px 20px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #f1f5f9}@media(max-width:768px){.seq-stats{flex-direction:column}.seq-metrics{flex-wrap:wrap;gap:12px}.seq-card{flex-direction:column;gap:12px}}.tmpl-container{padding:24px;overflow-y:auto;height:100%;background:#f8fafc}.tmpl-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.tmpl-title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 4px}.tmpl-subtitle{font-size:13px;color:#64748b;margin:0}.tmpl-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.tmpl-search{position:relative;flex:1;max-width:320px}.tmpl-search input{width:100%;padding:10px 12px 10px 36px;border-radius:8px;border:1px solid #e2e8f0;font-size:13px;background:#fff;outline:none}.tmpl-search input:focus{border-color:#10b981}.tmpl-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.tmpl-categories{display:flex;gap:6px;flex-wrap:wrap}.tmpl-cat-btn{padding:6px 14px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s}.tmpl-cat-btn.active{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.tmpl-cat-btn:hover:not(.active){background:#f8fafc}.tmpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.tmpl-card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 1px 3px #0000000a;border:1px solid #f1f5f9;display:flex;flex-direction:column;transition:box-shadow .15s}.tmpl-card:hover{box-shadow:0 4px 12px #0000000f}.tmpl-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.tmpl-card-icon{width:36px;height:36px;border-radius:8px;background:#ecfdf5;color:#059669;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tmpl-card-title-wrap{flex:1;min-width:0}.tmpl-card-title{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 2px}.tmpl-card-cat{font-size:11px;color:#94a3b8;font-weight:500}.tmpl-card-body{flex:1;margin-bottom:14px}.tmpl-card-content{font-size:13px;color:#475569;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tmpl-card-shortcut{display:inline-block;margin-top:8px;padding:3px 8px;border-radius:4px;background:#f1f5f9;color:#64748b;font-size:11px;font-family:monospace;font-weight:500}.tmpl-card-footer{display:flex;gap:8px;padding-top:12px;border-top:1px solid #f8fafc}.tmpl-card-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;border:none;background:#f8fafc;color:#64748b;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.tmpl-card-btn:hover{background:#f1f5f9;color:#334155}.tmpl-card-btn-delete:hover{background:#fef2f2;color:#ef4444}.tmpl-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#94a3b8;background:#fff;border-radius:12px;border:1px solid #f1f5f9}.tmpl-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.tmpl-modal{background:#fff;border-radius:16px;width:480px;max-width:90vw;box-shadow:0 20px 60px #00000026;animation:modalIn .2s ease}.tmpl-modal-small{width:340px}.tmpl-modal-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.tmpl-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#0f172a}.tmpl-modal-body{padding:20px}.tmpl-form-row{margin-bottom:16px}.tmpl-label{display:block;font-size:13px;font-weight:500;color:#334155;margin-bottom:6px}.tmpl-input,.tmpl-select,.tmpl-textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;outline:none;background:#fff;font-family:inherit}.tmpl-textarea{resize:vertical;min-height:100px}.tmpl-input:focus,.tmpl-select:focus,.tmpl-textarea:focus{border-color:#10b981}.tmpl-modal-footer{padding:16px 20px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #f1f5f9}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.st-container{padding:24px;overflow-y:auto;height:100%;background:#f8fafc}.st-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.st-title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 4px}.st-subtitle{font-size:13px;color:#64748b;margin:0}.st-layout{display:flex;gap:20px}.st-tabs{width:220px;min-width:200px;display:flex;flex-direction:column;gap:4px}.st-tab{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;border:none;background:transparent;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s;text-align:left}.st-tab:hover{background:#fff;color:#334155}.st-tab.active{background:#ecfdf5;color:#047857}.st-content{flex:1;background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000a;border:1px solid #f1f5f9}.st-section-title{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.st-form-row{margin-bottom:18px}.st-label{display:block;font-size:13px;font-weight:500;color:#334155;margin-bottom:6px}.st-hint{font-size:12px;color:#94a3b8;margin:2px 0 0}.st-input,.st-select,.st-textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;outline:none;background:#fff;font-family:inherit}.st-textarea{resize:vertical;min-height:80px}.st-input:focus,.st-select:focus,.st-textarea:focus{border-color:#10b981}.st-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.st-toggle{width:44px;height:24px;border-radius:12px;border:none;background:#e2e8f0;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.st-toggle.on{background:#10b981}.st-toggle span{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000026}.st-toggle.on span{transform:translate(20px)}.st-hours{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.st-color-picker{display:flex;align-items:center;gap:12px}.st-color-picker input[type=color]{width:44px;height:44px;border-radius:8px;border:1px solid #e2e8f0;cursor:pointer;padding:2px;background:#fff}.st-channels{display:flex;flex-direction:column;gap:12px}.st-channel-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:10px;border:1px solid #f1f5f9;background:#fafafa}.st-channel-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.st-channel-info{flex:1}.st-channel-info h4{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 2px}.st-channel-info p{font-size:12px;color:#64748b;margin:0}.st-team-list{display:flex;flex-direction:column;gap:10px}.st-team-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;border:1px solid #f1f5f9;background:#fafafa}.st-team-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.st-team-info{flex:1}.st-team-info h4{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 2px}.st-team-info p{font-size:12px;color:#64748b;margin:0}.st-team-role{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize;background:#dbeafe;color:#1d4ed8}.st-team-status{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize;background:#d1fae5;color:#047857}@media(max-width:768px){.st-layout{flex-direction:column}.st-tabs{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:4px}.st-tab{white-space:nowrap}.st-hours{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;color:#1a1a1a;background:#fff}#root{height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn:hover{opacity:.9}.btn-outline{background:#fff;color:#1a1a1a;border:1px solid #e5e5e7}.btn-outline:hover{background:#f5f5f7}.aic-page-container{display:flex;flex:1;overflow:hidden;min-height:0}.aic-page-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid var(--accent, #059669);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.em-container{padding:32px 40px 48px;max-width:1200px;width:100%;margin:0 auto;overflow-y:auto;height:100%}.em-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.em-title{margin:0;font-size:22px;font-weight:700;color:#0f172a;letter-spacing:-.01em}.em-subtitle{margin:4px 0 0;font-size:13px;color:#64748b}.em-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .15s ease;white-space:nowrap}.em-btn:disabled{opacity:.5;cursor:not-allowed}.em-btn-primary{background:#059669;color:#fff}.em-btn-primary:hover:not(:disabled){background:#047857}.em-btn-outline{background:#fff;color:#334155;border:1px solid #e2e8f0}.em-btn-outline:hover:not(:disabled){background:#f8fafc}.em-btn-danger{background:#ef4444;color:#fff}.em-btn-danger:hover:not(:disabled){background:#dc2626}.em-btn-sm{padding:5px 10px;font-size:12px;border-radius:6px}.em-error-banner{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:16px}.em-error-banner button{margin-left:auto;background:none;border:none;color:#b91c1c;cursor:pointer;display:flex;padding:2px}.em-success-banner{display:flex;align-items:center;gap:8px;background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:16px}.em-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.em-search{flex:1;min-width:220px;position:relative}.em-search svg.em-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8}.em-search input{width:100%;padding:9px 12px 9px 34px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;color:#0f172a;outline:none}.em-search input:focus{border-color:#059669;box-shadow:0 0 0 3px #05966914}.em-filter{display:flex;align-items:center;gap:8px;padding:0 12px;height:37px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8}.em-filter select{border:none;outline:none;font-size:13px;color:#0f172a;background:transparent;cursor:pointer}.em-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:24px}.em-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px}.em-stat-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.em-stat-value{margin-top:8px;font-size:26px;font-weight:700;color:#0f172a}.em-stat-meta{margin-top:4px;font-size:12px;color:#94a3b8}.em-stat-card.accent{border-color:#05966959;background:linear-gradient(160deg,#fff 55%,#0596690f)}.em-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;overflow:hidden}.em-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #f1f5f9}.em-card-title{margin:0;font-size:15px;font-weight:600;color:#0f172a}.em-table-wrap{overflow-x:auto}.em-table{width:100%;border-collapse:collapse;font-size:13px}.em-table th{text-align:left;padding:11px 20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;background:#f8fafc;border-bottom:1px solid #f1f5f9;white-space:nowrap}.em-table td{padding:12px 20px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.em-table tr:last-child td{border-bottom:none}.em-table tr:hover td{background:#fafcfc}.em-cell-muted{color:#64748b}.em-cell-strong{color:#0f172a;font-weight:500}.em-row-actions{display:flex;gap:6px;justify-content:flex-end}.em-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .15s}.em-action-btn:hover{border-color:#059669;color:#059669;background:#0596690a}.em-action-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:#ef44440a}.em-tags{display:flex;flex-wrap:wrap;gap:4px}.em-tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:500;background:#f1f5f9;color:#475569}.em-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600}.em-badge.sent,.em-badge.active,.em-badge.subscribed,.em-badge.completed{background:#ecfdf5;color:#047857}.em-badge.draft{background:#f1f5f9;color:#475569}.em-badge.sending,.em-badge.paused{background:#fef3c7;color:#b45309}.em-badge.failed,.em-badge.stopped,.em-badge.unsubscribed{background:#fef2f2;color:#b91c1c}.em-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:#94a3b8;text-align:center}.em-empty p{margin:8px 0 16px;font-size:14px}.em-loading{display:flex;align-items:center;justify-content:center;padding:64px 0;color:#94a3b8;font-size:14px;gap:10px}.em-spinner{width:18px;height:18px;border:2px solid #e2e8f0;border-top-color:#059669;border-radius:50%;animation:em-spin .8s linear infinite}@keyframes em-spin{to{transform:rotate(360deg)}}.em-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.em-modal{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0f172a40}.em-modal.wide{max-width:760px}.em-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #f1f5f9}.em-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#0f172a}.em-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:4px;border-radius:6px}.em-modal-close:hover{background:#f1f5f9;color:#475569}.em-modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.em-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f1f5f9}.em-form-row{display:flex;flex-direction:column;gap:6px}.em-label{font-size:12px;font-weight:600;color:#475569}.em-label .em-optional{font-weight:400;color:#94a3b8}.em-input,.em-textarea,.em-select{padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-family:inherit;color:#0f172a;background:#fff;outline:none;width:100%}.em-input:focus,.em-textarea:focus,.em-select:focus{border-color:#059669;box-shadow:0 0 0 3px #05966914}.em-textarea{resize:vertical;min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}.em-textarea.tall{min-height:220px}.em-help{font-size:12px;color:#94a3b8;line-height:1.5}.em-help code{background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:11px;color:#475569}.em-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.em-form-grid{grid-template-columns:1fr}}.em-tag-editor{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.em-tag-editor input{flex:1;min-width:140px;border:none;outline:none;font-size:13px;padding:4px}.em-tag-chip{display:inline-flex;align-items:center;gap:5px;background:#05966914;color:#047857;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500}.em-tag-chip button{background:none;border:none;color:#047857;cursor:pointer;display:flex;padding:0}.em-tag-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.em-tag-suggest{background:#f1f5f9;border:none;color:#475569;border-radius:999px;padding:3px 10px;font-size:11px;cursor:pointer}.em-tag-suggest:hover{background:#e2e8f0}.em-steps{display:flex;flex-direction:column;gap:10px}.em-step{display:flex;gap:12px;align-items:flex-start;border:1px solid #e2e8f0;border-radius:10px;padding:14px;background:#fafcfc}.em-step-num{width:26px;height:26px;border-radius:50%;background:#059669;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:4px}.em-step-body{flex:1;display:flex;flex-direction:column;gap:10px}.em-step-actions{display:flex;flex-direction:column;gap:4px}.em-step-move{width:24px;height:22px;border:1px solid #e2e8f0;background:#fff;border-radius:5px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.em-step-move:disabled{opacity:.35;cursor:not-allowed}.em-step-remove{width:24px;height:22px;border:1px solid #fecaca;background:#fff;border-radius:5px;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.em-timeline{display:flex;flex-direction:column}.em-timeline-step{display:flex;gap:14px;position:relative;padding-bottom:22px}.em-timeline-step:last-child{padding-bottom:0}.em-timeline-step:before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:#e2e8f0}.em-timeline-step:last-child:before{display:none}.em-timeline-dot{width:28px;height:28px;border-radius:50%;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.em-timeline-content{flex:1;min-width:0}.em-timeline-title{font-size:13px;font-weight:600;color:#0f172a}.em-timeline-meta{font-size:12px;color:#64748b;margin-top:2px}.em-segmented{display:inline-flex;background:#f1f5f9;border-radius:8px;padding:3px;gap:2px}.em-segmented button{border:none;background:transparent;padding:6px 14px;font-size:12px;font-weight:500;color:#64748b;border-radius:6px;cursor:pointer}.em-segmented button.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0f172a14}.em-hero{background:linear-gradient(135deg,#059669,#047857 60%,#065f46);border-radius:14px;padding:28px 32px;color:#fff;margin-bottom:24px}.em-hero h2{margin:0 0 6px;font-size:20px;font-weight:700;letter-spacing:-.01em}.em-hero p{margin:0 0 18px;font-size:13px;color:#ffffffd9;max-width:640px;line-height:1.5}.em-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.em-hero-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;text-decoration:none}.em-hero-btn.solid{background:#fff;color:#047857;border:none}.em-hero-btn.solid:hover{background:#ecfdf5}.em-hero-btn.ghost{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.35)}.em-hero-btn.ghost:hover{background:#fff3}.em-preview{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff}.em-preview-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.em-preview-bar .dot{width:9px;height:9px;border-radius:50%}.em-preview-body{padding:16px;min-height:120px;max-height:320px;overflow-y:auto;font-size:13px;line-height:1.55;color:#334155}.em-preview-body a{color:#059669;text-decoration:underline}.em-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;font-size:12.5px;color:#64748b;line-height:1.6}@media(max-width:860px){.em-container{padding:20px}.em-form-grid{grid-template-columns:1fr}}.ai-chat-container{display:flex;height:100%;background:#fff;flex:1;overflow:hidden}.chat-sidebar{width:320px;background:#fff;border-right:1px solid #e5e5e7;display:flex;flex-direction:column;flex-shrink:0}.chat-sidebar-header{padding:20px;border-bottom:1px solid #e5e5e7}.chat-sidebar-title{font-size:18px;font-weight:600;margin-bottom:10px;color:#1a1a1a}.ai-brand{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ai-logo{width:24px;height:24px;background:#1a1a1a;border-radius:4px;display:flex;align-items:center;justify-content:center}.ai-logo svg{width:16px;height:16px;color:#fff}.ai-brand-text{font-size:14px;font-weight:600;color:#1a1a1a}.ai-brand-text span{color:#999;font-weight:400}.chat-sidebar-description{font-size:13px;color:#666;line-height:1.5}.prompts-section{flex:1;overflow-y:auto;padding:16px}.prompt-card{background:#fff;border:1px solid #e5e5e7;border-radius:12px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s}.prompt-card:hover,.prompt-card.active{border-color:var(--accent, #059669);box-shadow:0 2px 8px #ea580c1a}.prompt-icon{width:32px;height:32px;background:#f5f5f7;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.prompt-icon svg{width:18px;height:18px;color:#1a1a1a}.prompt-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px;line-height:1.4}.prompt-description{font-size:12px;color:#666;line-height:1.4}.chat-input-area{padding:16px;border-top:1px solid #e5e5e7;background:#fff}.chat-input-container{border:1px solid #e5e5e7;border-radius:16px;padding:12px 16px;background:#fff}.chat-input{width:100%;border:none;outline:none;font-size:14px;resize:none;min-height:60px;font-family:inherit;color:#1a1a1a}.chat-input::-moz-placeholder{color:#999}.chat-input::placeholder{color:#999}.chat-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.chat-action-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#666}.chat-action-btn:hover{background:#f5f5f7}.send-btn{width:36px;height:36px;border-radius:50%;background:#059669;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-btn:hover:not(:disabled){opacity:.9}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn svg{width:18px;height:18px;color:#fff}.credits-info{text-align:center;font-size:12px;color:#999;margin-top:12px}.credits-info a{color:#059669;text-decoration:none}.ai-main{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.ai-top-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid #e5e5e7;flex-shrink:0}.toolbar-left{display:flex;align-items:center;gap:12px;min-width:160px}.brand-details-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e5e5e7;border-radius:6px;background:#fff;font-size:13px;color:#666;cursor:pointer;transition:all .2s}.brand-details-btn:hover{background:#f5f5f7}.toolbar-center{display:flex;align-items:center;gap:8px}.toolbar-btn{width:36px;height:36px;border:1px solid #e5e5e7;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.toolbar-btn:hover{background:#f5f5f7}.toolbar-right{display:flex;align-items:center;gap:8px;min-width:160px;justify-content:flex-end}.chat-content{flex:1;display:flex;flex-direction:column;padding:40px;background:linear-gradient(180deg,#fff,#fafafa);overflow-y:auto}.empty-state{text-align:center;max-width:400px;margin:auto}.empty-state-logo{width:64px;height:64px;background:#1a1a1a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:background .3s}.empty-state-logo svg{width:36px;height:36px;color:#fff}.empty-state-title{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.empty-state-subtitle{font-size:16px;color:#666}.chat-messages{display:flex;flex-direction:column;gap:20px;max-width:860px;width:100%;margin:0 auto}.message{display:flex;gap:12px;align-items:flex-start}.message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;background:#f5f5f7;color:#666;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.message.ai .message-avatar{background:#1a1a1a;color:#fff}.message-content{background:#fff;border:1px solid #e5e5e7;border-radius:12px;padding:16px 20px;font-size:14px;line-height:1.6;color:#1a1a1a;max-width:70%;white-space:pre-line}.message.user .message-content{background:#059669;color:#fff;border-color:#059669}.typing-indicator{display:flex;gap:4px;padding:8px 4px}.typing-indicator span{width:8px;height:8px;background:#999;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.generated-content{margin-top:16px}.template-preview-card{background:#fff;border:1px solid #e5e5e7;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014}.template-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e7;background:#f9f9fb}.template-header h3{font-size:15px;font-weight:600;color:#1a1a1a;margin:0}.template-actions{display:flex;gap:8px;flex-shrink:0}.template-body{padding:0;background:#fff}.template-body.preview-web{max-width:100%}.template-body.preview-mobile{max-width:375px;margin:0 auto;border-left:1px solid #e5e5e7;border-right:1px solid #e5e5e7}.chat-script-card{background:#fff;border:1px solid #e5e5e7;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.script-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid #e5e5e7;background:#f9fafb}.script-header h3{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 6px}.script-type-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#ecfdf5;color:#065f46;text-transform:capitalize}.script-messages{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.script-message-item{display:flex;flex-direction:column;gap:6px}.script-message-meta{display:flex;align-items:center;gap:10px}.script-label{font-size:12px;font-weight:600;color:#065f46;text-transform:uppercase;letter-spacing:.5px}.script-delay{font-size:11px;color:#999;background:#f5f5f7;padding:2px 8px;border-radius:20px}.script-message-bubble{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:14px;color:#1a1a1a;line-height:1.6;position:relative}.script-message-bubble p{margin:0;padding-right:32px}.copy-inline-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;border:none;background:transparent;cursor:pointer;color:#999;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.copy-inline-btn:hover{background:#e5e7eb;color:#1a1a1a}.social-output-card{background:#fff;border:1px solid #e5e5e7;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.social-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e7;background:#f9fafb}.social-card-header h3{font-size:15px;font-weight:600;color:#1a1a1a;margin:0}.social-platforms{display:flex;flex-direction:column;gap:0}.platform-post{padding:20px 24px;border-bottom:1px solid #f0f0f0;background:var(--platform-bg, #f9fafb)}.platform-post:last-child{border-bottom:none}.platform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.platform-name{font-size:13px;font-weight:700}.platform-caption{font-size:14px;color:#1a1a1a;line-height:1.7;margin:0 0 12px}.platform-hashtags{display:flex;flex-wrap:wrap;gap:6px}.hashtag{font-size:13px;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;white-space:nowrap}.btn-sm{padding:6px 12px;font-size:12px}.btn-outline{background:#fff;border-color:#e5e5e7;color:#374151}.btn-outline:hover:not(:disabled){background:#f5f5f7;border-color:#d1d5db}.btn-primary{background:#059669;border-color:#059669;color:#fff}.btn-primary:hover:not(:disabled){background:#047857;border-color:#047857}.btn:disabled{opacity:.4;cursor:not-allowed}.btn svg{width:14px;height:14px}@media(max-width:1024px){.chat-sidebar{width:280px}.ai-top-toolbar{flex-wrap:wrap;gap:10px}.toolbar-center{order:3;width:100%;justify-content:center}}@media(max-width:768px){.chat-sidebar{display:none}.chat-content{padding:20px}.message-content{max-width:85%}}.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;padding:20px}.brand-details-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#6b7280;transition:all .2s}.modal-body{padding:24px;overflow-y:auto;flex:1}.form-section{margin-bottom:28px}.form-section:last-child{margin-bottom:0}.form-section h3{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1a1a1a;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #f973161a}.form-group textarea{resize:vertical;min-height:60px}.color-input-wrapper{display:flex;gap:8px}.color-input-wrapper input[type=color]{width:48px;height:40px;padding:4px;cursor:pointer}.color-input-wrapper input[type=text]{flex:1}.brand-preview{background:#f9fafb;border-radius:8px;padding:24px;text-align:center}.preview-logo{font-size:32px;font-weight:700;letter-spacing:4px;margin-bottom:8px}.preview-logo img{max-height:48px;max-width:200px}.preview-tagline{font-size:11px;color:#6b7280;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}.preview-accent{width:60px;height:3px;margin:0 auto;border-radius:2px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:6px}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background:#f3f4f6;border-color:#9ca3af}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-primary:hover{opacity:.9}.btn-sm{padding:6px 14px;font-size:13px}@media(max-width:640px){.form-row{grid-template-columns:1fr}.modal-body{padding:16px}}.template-editor-overlay{background:#0009}.template-editor-modal{background:#fff;border-radius:12px;width:95%;max-width:1400px;height:90vh;overflow:hidden;display:flex;flex-direction:column}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.editor-header-left{display:flex;flex-direction:column;gap:4px}.editor-header-left h2{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.template-subject{font-size:13px;color:#6b7280}.editor-toolbar{display:flex;align-items:center;gap:8px}.toolbar-group{display:flex;align-items:center;gap:4px;padding:4px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:transparent;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.toolbar-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.toolbar-btn.active{background:#10b981;color:#fff}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.view-toggle .toolbar-btn{padding:8px 16px}.editor-header-right{display:flex;align-items:center;gap:12px}.editor-body{display:flex;flex:1;overflow:hidden}.editor-sidebar{width:220px;background:#f9fafb;border-right:1px solid #e5e7eb;padding:20px;overflow-y:auto}.editor-sidebar h3{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.section-list{display:flex;flex-direction:column;gap:4px}.section-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:#374151;transition:all .2s}.section-item:hover{background:#e5e7eb}.section-item.active{background:#ecfdf5;color:#10b981;font-weight:500}.section-dot{width:8px;height:8px;border-radius:50%}.editing-hint{margin-top:24px;padding:16px;background:#fef3c7;border-radius:8px;border-left:3px solid #f59e0b}.editing-hint p{margin:0;font-size:13px;color:#92400e;line-height:1.5}.editor-preview-area{flex:1;background:#e5e7eb;padding:40px;overflow:auto;display:flex;justify-content:center}.preview-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0000001a;transition:all .3s ease}.preview-container.mobile{border:12px solid #1a1a1a;border-radius:32px}.template-preview{width:100%;min-height:100%}.template-preview.editing{cursor:text}.editor-properties{width:280px;background:#f9fafb;border-left:1px solid #e5e7eb;padding:20px;overflow-y:auto}.editor-properties h3{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.properties-empty{padding:40px 20px;text-align:center;color:#6b7280;font-size:14px}.properties-info{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.properties-info h4{font-size:12px;font-weight:600;color:#374151;margin:0 0 12px}.properties-info ul{margin:0;padding-left:16px;font-size:13px;color:#6b7280;line-height:1.8}.property-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.property-group label{font-size:12px;font-weight:500;color:#374151}.section-name{font-size:14px;color:#1a1a1a;font-weight:600}@media(max-width:992px){.template-editor-modal{width:100%;height:100vh;border-radius:0}.editor-sidebar,.editor-properties{display:none}}.send-test-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;overflow:hidden}.send-test-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.send-test-modal .modal-header h2{margin:0;font-size:18px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:10px}.send-test-modal .modal-body{padding:24px}.template-preview-small{margin-bottom:24px}.template-preview-small h4{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.preview-card{background:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.preview-subject,.preview-from{display:flex;gap:8px;font-size:13px;margin-bottom:8px}.preview-subject .label,.preview-from .label{color:#6b7280;font-weight:500;min-width:50px}.preview-subject .value{color:#1a1a1a;font-weight:500}.preview-from .value{color:#374151}.form-group input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1a1a1a;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.error-message{display:block;font-size:12px;color:#dc2626;margin-top:6px}.info-box{background:#eff6ff;border-radius:8px;padding:16px;border-left:3px solid #3b82f6}.info-box h4{font-size:13px;font-weight:600;color:#1e40af;margin:0 0 10px}.info-box ul{margin:0;padding-left:16px;font-size:13px;color:#1e40af;line-height:1.7}.success-state{text-align:center;padding:40px 20px}.success-icon{width:64px;height:64px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.success-state h3{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.success-state p{font-size:14px;color:#374151;margin:0 0 8px}.success-hint{font-size:13px;color:#6b7280}.send-test-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.create-campaign-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;overflow:hidden}.create-campaign-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.create-campaign-modal .modal-header h2{margin:0;font-size:18px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:10px}.step-indicator{display:flex;align-items:center;justify-content:center;padding:20px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.step{display:flex;flex-direction:column;align-items:center;gap:6px}.step-number{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .2s}.step.active .step-number{background:#059669;color:#fff}.step.completed .step-number{background:#10b981;color:#fff}.step span{font-size:12px;color:#6b7280;font-weight:500}.step.active span{color:#059669}.step-line{width:60px;height:2px;background:#e5e7eb;margin:0 12px 20px}.create-campaign-modal .modal-body{padding:24px;max-height:400px;overflow-y:auto}.campaign-step h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=date],.form-group input[type=time]{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1a1a1a;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #ea580c1a}.help-text{display:block;font-size:12px;color:#6b7280;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-option{display:flex;align-items:center;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.radio-option:hover{border-color:#059669;background:#fff7ed}.radio-option input[type=radio]{margin-right:12px;accent-color:#059669}.radio-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151}.template-summary{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.template-summary h4{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.template-card-small{display:flex;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.template-info{display:flex;flex-direction:column;justify-content:center}.template-name{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:4px}.template-type{font-size:12px;color:#6b7280}.campaign-summary{margin-top:24px;padding:20px;background:#fff7ed;border-radius:8px;border:1px solid #fed7aa}.campaign-summary h4{font-size:13px;font-weight:600;color:#9a3412;margin:0 0 12px}.summary-list{display:flex;flex-direction:column;gap:8px}.summary-item{display:flex;font-size:13px}.summary-item .label{color:#047857;font-weight:500;min-width:80px}.summary-item .value{color:#7c2d12}.campaign-success{padding:60px 40px;text-align:center}.success-icon{width:56px;height:56px;background:linear-gradient(135deg,#059669,#047857);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff}.success-icon.large{width:80px;height:80px}.success-icon svg{width:32px;height:32px}.campaign-success h3{font-size:24px;font-weight:600;color:#1a1a1a;margin:20px 0 12px}.campaign-success p{font-size:14px;color:#374151;margin:0 0 8px}.create-campaign-modal .modal-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.create-campaign-modal .btn{display:flex;align-items:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.close-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;color:#6b7280;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#1a1a1a}@media(max-width:640px){.form-row{grid-template-columns:1fr}.step-line{width:30px}}