:root{--color-primary:#00a884;--color-primary-hover:#009673;--color-primary-light:#e7f9f4;--color-primary-text:#00a884;--color-bg:#f0f2f5;--color-bg-chat:#efeae2;--color-surface:#fff;--color-surface-hover:#f5f6f6;--color-surface-active:#ebebeb;--color-border:#e9edef;--color-border-input:#d1d7db;--color-text-primary:#111b21;--color-text-secondary:#667781;--color-text-muted:#a0aec0;--color-text-label:#3b4a54;--color-error:#c53030;--color-error-bg:#fff5f5;--color-error-border:#fed7d7;--color-error-text:#c62828;--color-outbound-bubble:#d9fdd3;--color-inbound-bubble:#fff;--color-date-divider-bg:#fffffff2;--color-skeleton:#e9edef;--color-overlay:#0006;--color-ai-badge:#f0f0ff;--color-ai-badge-text:#6b5ce7;--color-resolved-text:#53bdeb;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 2px 12px #0000001f;--shadow-lg:0 4px 24px #00000026;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:20px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--sidebar-bg:#111b21;--sidebar-bg-light:#202c33;--sidebar-text:#e9edef;--sidebar-text-muted:#8696a0;--sidebar-active-bg:#2a3942;--sidebar-hover:#1a262e;--sidebar-width:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);overflow:hidden}:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.loading-screen{min-height:100vh;color:var(--color-text-secondary);background:var(--color-bg);justify-content:center;align-items:center;font-size:16px;display:flex}.login-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:400px;padding:40px}.login-card h1{color:var(--color-text-primary);text-align:center;margin-bottom:4px;font-size:24px}.login-subtitle{color:var(--color-text-secondary);text-align:center;margin-bottom:24px;font-size:14px}.login-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);color:var(--color-error-text);margin-bottom:16px;padding:10px 14px;font-size:14px}.form-group{margin-bottom:16px}.form-group label{color:var(--color-text-label);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--color-surface-hover);cursor:not-allowed}.login-button{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:10px;font-size:15px;font-weight:500;transition:background .2s}.login-button:hover{background:var(--color-primary-hover)}.login-button:disabled{cursor:not-allowed;background:#a0e8c0}.app-layout{background:var(--color-bg);height:100vh;display:flex;overflow:hidden}.app-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-bg);-webkit-user-select:none;user-select:none;border-right:1px solid #ffffff0f;flex-direction:column;display:flex}.sidebar-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:16px 20px;display:flex}.sidebar-logo{background:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-logo svg{color:#fff}.sidebar-brand{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.sidebar-brand-name{color:var(--sidebar-text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.sidebar-connection-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar-hamburger{color:var(--sidebar-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.sidebar-hamburger:hover{color:var(--sidebar-text)}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.sidebar-nav-item{color:var(--sidebar-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:10px 20px;font-size:14px;font-weight:400;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.sidebar-nav-item.active{background:var(--sidebar-active-bg);color:#fff;font-weight:500}.sidebar-nav-item svg{opacity:.7;flex-shrink:0;width:20px;height:20px}.sidebar-nav-item.active svg,.sidebar-nav-item:hover svg{opacity:1}.sidebar-nav-item-label{flex:1}.sidebar-footer{border-top:1px solid #ffffff0f;padding:12px 16px}.sidebar-user{border-radius:var(--radius-md);cursor:default;align-items:center;gap:10px;padding:8px;display:flex}.sidebar-user-avatar{color:#fff;background:#6b7b8d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:600;display:flex;position:relative}.sidebar-user-status{background:var(--color-primary);border:2px solid var(--sidebar-bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--sidebar-text);font-size:14px;font-weight:500;display:block}.sidebar-user-email{color:var(--sidebar-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.sidebar-user-logout{color:var(--sidebar-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;display:flex}.sidebar-user-logout:hover{color:#e74c3c}.app-main{flex:1;min-width:0;display:flex;overflow:hidden}.conversation-panel{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;width:380px;min-width:340px;max-width:420px;display:flex;overflow:hidden}.conversation-panel-header{border-bottom:1px solid var(--color-border);padding:12px 16px}.conversation-panel-title-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.conversation-panel-title{color:var(--color-text-primary);font-size:18px;font-weight:600}.conversation-panel-filter-toggle{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;display:flex}.conversation-panel-filter-toggle:hover{color:var(--color-text-primary)}.conversation-search{position:relative}.conversation-search input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text-primary);outline:none;padding:8px 12px 8px 36px;font-size:13px;transition:all .2s}.conversation-search input::placeholder{color:var(--color-text-muted)}.conversation-search input:focus{border-color:var(--color-primary);background:var(--color-surface)}.conversation-search-icon{color:var(--color-text-muted);display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.conversation-filters{border-bottom:1px solid var(--color-border);flex-wrap:nowrap;gap:6px;padding:8px 16px;display:flex}.conversation-filter-btn{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:5px 14px;font-size:12px;transition:all .15s;display:flex}.conversation-filter-btn:hover{background:var(--color-surface-hover)}.conversation-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.conversation-filter-count{background:#00000014;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.conversation-filter-btn.active .conversation-filter-count{color:#fff;background:#ffffff4d}.conversation-list{scrollbar-width:thin;scrollbar-color:#ccc transparent;flex:1;overflow-y:auto}.conversation-list::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.conversation-item{cursor:pointer;border-bottom:1px solid var(--color-bg);align-items:center;gap:12px;padding:10px 16px;transition:background .12s;display:flex;position:relative}.conversation-item:hover{background:var(--color-surface-hover)}.conversation-item.active{background:var(--color-surface-active)}.conversation-item-avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex;position:relative}.avatar-0{background:#f44336}.avatar-1{background:#e91e63}.avatar-2{background:#9c27b0}.avatar-3{background:#673ab7}.avatar-4{background:#3f51b5}.avatar-5{background:#2196f3}.avatar-6{background:#00bcd4}.avatar-7{background:#009688}.avatar-8{background:#4caf50}.avatar-9{background:#ff9800}.avatar-10{background:#ff5722}.avatar-11{background:#795548}.whatsapp-badge{background:var(--color-primary);border:2px solid var(--color-surface);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:0;right:0}.whatsapp-badge svg{color:#fff;width:10px;height:10px}.conversation-item-content{flex:1;min-width:0}.conversation-item-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.conversation-item-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:400;overflow:hidden}.conversation-item-name.unread{font-weight:600}.conversation-item-time{color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0;margin-left:8px;font-size:11px}.conversation-item-time.unread{color:var(--color-primary-text);font-weight:600}.conversation-item-preview{justify-content:space-between;align-items:center;gap:8px;display:flex}.conversation-item-message{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.conversation-item-badge{flex-shrink:0;align-items:center;gap:6px;display:flex}.conversation-unread-count{background:var(--color-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:flex}.conversation-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.conversation-status-dot.open{background:var(--color-primary)}.conversation-status-dot.resolved{background:var(--color-resolved-text)}.conversation-status-dot.closed{background:var(--color-text-muted)}.conversation-mode-tag{border-radius:4px;padding:1px 6px;font-size:10px;font-weight:500}.conversation-mode-tag.ai{background:var(--color-ai-badge);color:var(--color-ai-badge-text)}.conversation-mode-tag.human{background:var(--color-primary-light);color:var(--color-primary-text)}.conversation-pagination{border-top:1px solid var(--color-border);background:var(--color-surface);justify-content:center;align-items:center;gap:4px;padding:10px 16px;display:flex}.conversation-pagination button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:flex}.conversation-pagination button:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.conversation-pagination button:disabled{opacity:.3;cursor:not-allowed}.conversation-pagination button.active{background:var(--color-primary);color:#fff;font-weight:600}.conversation-pagination-ellipsis{color:var(--color-text-muted);padding:0 4px;font-size:13px}.conversation-area{background:var(--color-bg);color:var(--color-text-secondary);flex-direction:column;flex:1;min-width:0;font-size:16px;display:flex;overflow:hidden}.conversation-area>.chat-window{flex:1;min-height:0}.conversation-empty{text-align:center;color:var(--color-text-secondary);margin:auto}.conversation-empty h3{color:#41525d;margin-bottom:8px;font-size:20px;font-weight:300}.conversation-empty p{font-size:14px}.conversation-list-empty{color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.conversation-list-empty p{font-size:14px}.conversation-list-error{color:var(--color-error-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.conversation-list-error p{margin-bottom:12px;font-size:14px}.retry-button{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 16px;font-size:14px}.retry-button:hover{background:var(--color-primary-hover)}.skeleton-item{border-bottom:1px solid var(--color-bg);align-items:center;gap:12px;padding:12px 16px;display:flex}.skeleton-avatar{background:var(--color-skeleton);border-radius:50%;width:48px;height:48px;animation:1.5s infinite skeleton-pulse}.skeleton-lines{flex:1}.skeleton-line{background:var(--color-skeleton);border-radius:6px;height:12px;margin-bottom:8px;animation:1.5s infinite skeleton-pulse}.skeleton-line.short{width:60%}.skeleton-line.long{width:80%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-chat{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.skeleton-chat-line{background:var(--color-skeleton);border-radius:6px;height:12px;animation:1.5s infinite skeleton-pulse}.skeleton-chat-line:first-child{width:120px}.skeleton-chat-line:nth-child(2){width:200px;animation-delay:.2s}.skeleton-chat-line:nth-child(3){width:160px;animation-delay:.4s}.chat-panel{background:var(--color-bg-chat);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-window{flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-error{color:var(--color-error-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.chat-error p{font-size:14px}.chat-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:14px;min-height:60px;padding:10px 20px;display:flex}.chat-header-clickable{cursor:pointer;border-radius:var(--radius-md);flex:1;align-items:center;gap:12px;min-width:0;margin:-4px -8px;padding:4px 8px;transition:background .15s;display:flex}.chat-header-clickable:hover{background:var(--color-surface-hover)}.chat-header-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.chat-header-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:600;display:flex;position:relative;box-shadow:0 1px 3px #0000001f}.chat-header-text{min-width:0}.chat-header-name{color:var(--color-text-primary);letter-spacing:-.2px;font-size:16px;font-weight:600}.chat-header-phone{color:var(--color-text-secondary);margin-top:2px;font-family:SF Mono,Consolas,monospace;font-size:12px}.chat-header-badges{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.badge{border-radius:var(--radius-pill);letter-spacing:.3px;text-transform:capitalize;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.badge.ai{background:var(--color-ai-badge);color:var(--color-ai-badge-text)}.badge.human{background:var(--color-primary-light);color:var(--color-primary-text)}.badge.status-open{color:#2e7d32;background:#e8f5e9}.badge.status-resolved{color:#0277bd;background:#e1f5fe}.badge.status-closed{color:#616161;background:#f5f5f5}.chat-header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.action-btn{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-label);cursor:pointer;white-space:nowrap;letter-spacing:.2px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.action-btn:hover{background:var(--color-surface-hover);border-color:#c8ccd0}.action-btn.takeover{color:#e65100;background:#fff3e0;border-color:#ff9800;font-weight:600}.action-btn.takeover:hover{background:#ffe0b2}.action-btn.resolve{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:500}.action-btn.resolve:hover{background:var(--color-primary-hover)}.action-btn svg{width:14px;height:14px}.contact-info-panel{background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;width:340px;min-width:340px;animation:.2s contactPanelSlideIn;display:flex;overflow:hidden}@keyframes contactPanelSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.contact-info-header{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:16px;padding:12px 20px;display:flex}.contact-info-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.contact-info-close:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.contact-info-title{color:var(--color-text-primary);font-size:16px;font-weight:600}.contact-info-body{scrollbar-width:thin;flex:1;overflow-y:auto}.contact-info-profile{text-align:center;flex-direction:column;align-items:center;padding:32px 24px 24px;display:flex}.contact-info-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;font-size:32px;font-weight:600;display:flex;box-shadow:0 2px 8px #0000001f}.contact-info-name{color:var(--color-text-primary);margin-bottom:4px;font-size:20px;font-weight:600}.contact-info-phone{color:var(--color-text-secondary);font-family:SF Mono,Consolas,monospace;font-size:14px}.contact-info-section{padding:8px 20px}.contact-info-section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:8px 0 4px;font-size:13px;font-weight:600}.contact-info-divider{background:var(--color-border);height:1px;margin:8px 0}.contact-info-row{align-items:flex-start;gap:14px;padding:12px 0;display:flex}.contact-info-row+.contact-info-row{border-top:1px solid var(--color-bg)}.contact-info-row-icon{background:var(--color-bg);width:32px;height:32px;color:var(--color-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-row-content{flex-direction:column;gap:2px;min-width:0;display:flex}.contact-info-row-label{color:var(--color-text-muted);font-size:12px;font-weight:500}.contact-info-row-value{color:var(--color-text-primary);word-break:break-word;font-size:14px}.message-list{background-image: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='%23d1d5db' fill-opacity='0.15'%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");flex-direction:column;flex:1;gap:3px;padding:20px 60px;display:flex;overflow-y:auto}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.message-date-divider{justify-content:center;align-items:center;padding:14px 0;display:flex}.message-date-label{background:var(--color-date-divider-bg);color:#54656f;letter-spacing:.3px;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:500;box-shadow:0 1px 2px #00000014}.message-bubble-wrapper{margin:1px 0;display:flex}.message-bubble-wrapper.outbound{justify-content:flex-end}.message-bubble-wrapper.inbound{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:8px;max-width:65%;padding:7px 8px 8px 10px;transition:transform .1s;position:relative;box-shadow:0 1px .5px #0b141a14}.message-bubble:hover{transform:scale(1.005)}.message-bubble.outbound{background:var(--color-outbound-bubble);border-top-right-radius:0}.message-bubble.inbound{background:var(--color-inbound-bubble);border-top-left-radius:0}.message-bubble.outbound:before{content:"";border-style:solid;border-width:0 8px 8px 0;border-color:var(--color-outbound-bubble) transparent transparent transparent;position:absolute;top:0;right:-8px}.message-bubble.inbound:before{content:"";border-style:solid;border-width:0 0 8px 8px;border-color:var(--color-inbound-bubble) transparent transparent transparent;position:absolute;top:0;left:-8px}.message-text{color:var(--color-text-primary);white-space:pre-wrap;letter-spacing:.1px;font-size:14.2px;line-height:1.45}.message-meta{justify-content:flex-end;align-items:center;gap:3px;margin-top:2px;display:flex}.message-time{color:#00000059;letter-spacing:.3px;font-size:11px}.message-status{display:inline-flex}.message-status.sent,.message-status.delivered{color:#00000059}.message-status.read{color:#53bdeb}.message-status.failed{color:var(--color-error-text)}.message-status-icon{display:inline-flex}.message-image{cursor:pointer;border-radius:6px;max-width:300px;max-height:300px;margin-bottom:4px;transition:opacity .2s;display:block}.message-image:hover{opacity:.9}.message-file{color:var(--color-text-primary);background:#0000000d;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;font-size:13px;text-decoration:none;transition:background .15s;display:flex}.message-file:hover{background:#0000001a}.message-audio{border-radius:6px;max-width:280px;margin-bottom:4px}.message-video{border-radius:6px;max-width:300px;max-height:300px;margin-bottom:4px;display:block}.message-failed{background:#fff3f3!important;border:1px solid #fed7d7!important}.message-failed-retry{color:var(--color-error-text);cursor:text;margin-top:2px;font-size:11px}.message-timestamp{justify-content:flex-end;align-items:center;gap:3px;margin-top:1px;display:flex}.composer{background:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0;align-items:flex-end;gap:10px;padding:12px 20px;display:flex}.composer-attach{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:color .15s,background .15s;display:flex}.composer-attach:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.composer-input-wrap{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid #0000;flex:1;align-items:flex-end;padding:0 4px;transition:all .2s;display:flex}.composer-input-wrap:focus-within{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 2px #25d3661a}.composer textarea{font-size:14px;font-family:var(--font-family);resize:none;min-height:40px;max-height:100px;color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px 12px;line-height:1.4}.composer-emoji{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:color .15s;display:flex}.composer-emoji:hover{color:var(--color-text-secondary)}.composer-send{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 6px #25d36659}.composer-send:hover{background:var(--color-primary-hover);transform:scale(1.05);box-shadow:0 3px 10px #25d36673}.composer-send:disabled{cursor:not-allowed;box-shadow:none;background:#a0e8c0;transform:none}.composer-hint{text-align:center;color:var(--color-text-muted);background:var(--color-surface);letter-spacing:.3px;padding:0 16px 8px;font-size:11px}.typing-indicator{background:var(--color-bg-chat);align-items:center;gap:6px;padding:4px 16px 8px;display:flex}.typing-dots{align-items:center;gap:3px;display:flex}.typing-dots span{background:var(--color-text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.typing-text{color:var(--color-text-muted);font-size:12px;font-style:italic}.loading-older{color:var(--color-text-muted);justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{cursor:not-allowed;background:#a0e8c0}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border-input);color:var(--color-text-label)}.btn-secondary:hover{background:var(--color-surface-hover)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:4px 10px;font-size:12px}.btn-success{background:var(--color-primary);color:#fff}.btn-success:hover{background:var(--color-primary-hover)}.btn-warning{color:#fff;background:#f59e0b}.btn-warning:hover{background:#d97706}.takeover-btn{border-radius:var(--radius-sm);color:#e65100;cursor:pointer;white-space:nowrap;background:#fff3e0;border:1px solid #ff9800;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.takeover-btn:hover{background:#ffe0b2;border-color:#f57c00}.takeover-btn:disabled{opacity:.6;cursor:not-allowed}.assignment-selector{position:relative}.assignment-trigger{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-label);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.assignment-trigger:hover{background:var(--color-surface-hover);border-color:#c8ccd0}.assignment-trigger:disabled{opacity:.6;cursor:not-allowed}.assignment-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50;min-width:180px;margin-top:4px;animation:.12s dropdownFadeIn;position:absolute;top:100%;right:0;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.assignment-loading,.assignment-empty{color:var(--color-text-secondary);text-align:center;padding:12px 16px;font-size:13px}.assignment-option{width:100%;color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;transition:background .1s;display:flex}.assignment-option:hover{background:var(--color-surface-hover)}.assignment-option.active{background:var(--color-primary-light);color:var(--color-primary-text);font-weight:500}.assignment-option:disabled{opacity:.5;cursor:not-allowed}.assignment-check{color:var(--color-primary);font-weight:600}.transfer-selector{position:relative}.transfer-trigger{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-label);cursor:pointer;white-space:nowrap;padding:7px 14px;font-size:12px;font-weight:500;transition:all .15s}.transfer-trigger:hover{background:var(--color-surface-hover);border-color:#c8ccd0}.transfer-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.15s overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.transfer-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px;animation:.2s modalSlideIn;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.transfer-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.transfer-modal-header h3{color:var(--color-text-primary);font-size:16px;font-weight:600}.transfer-close{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1}.transfer-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.transfer-modal-body{max-height:300px;padding:12px 0;overflow-y:auto}.transfer-loading,.transfer-empty{color:var(--color-text-secondary);text-align:center;padding:20px;font-size:14px}.transfer-option{cursor:pointer;align-items:center;gap:10px;padding:10px 20px;transition:background .1s;display:flex}.transfer-option:hover{background:var(--color-surface-hover)}.transfer-option.selected{background:var(--color-primary-light)}.transfer-option.current{opacity:.5;cursor:not-allowed}.transfer-option input[type=radio]{accent-color:var(--color-primary);width:16px;height:16px}.transfer-option-name{color:var(--color-text-primary);flex:1;font-size:14px}.transfer-option-badge{border-radius:var(--radius-pill);background:var(--color-surface-hover);color:var(--color-text-secondary);padding:2px 8px;font-size:11px}.transfer-modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.transfer-cancel{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-label);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.transfer-cancel:hover{background:var(--color-surface-hover)}.transfer-confirm{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;cursor:pointer;border:none;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s}.transfer-confirm:hover{background:var(--color-primary-hover)}.transfer-confirm:disabled{cursor:not-allowed;background:#a0e8c0}.status-action-btn{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-label);cursor:pointer;white-space:nowrap;padding:7px 14px;font-size:12px;font-weight:500;transition:all .15s}.status-action-btn:hover{background:var(--color-surface-hover);border-color:#c8ccd0}.status-action-btn:disabled{opacity:.6;cursor:not-allowed}.status-action-btn.resolve{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:500}.status-action-btn.resolve:hover{background:var(--color-primary-hover)}.status-action-btn.reopen{color:#1565c0;background:#e3f2fd;border-color:#2196f3;font-weight:500}.status-action-btn.reopen:hover{background:#bbdefb}.status-action-closed{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-hover);color:var(--color-text-muted);cursor:default;white-space:nowrap;padding:7px 14px;font-size:12px;font-weight:500}.modal-overlay{background:var(--color-overlay);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content,.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:var(--color-text-primary);font-size:18px;font-weight:600}.modal-close{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:20px}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{padding:20px}.modal-actions{justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.modal-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);color:var(--color-error-text);margin-bottom:12px;padding:10px 14px;font-size:13px}.modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.modal-footer .btn{border-radius:var(--radius-sm);cursor:pointer;padding:8px 20px;font-size:14px;font-weight:500;transition:all .15s}.modal-footer .btn-secondary{background:var(--color-surface);border:1px solid var(--color-border-input);color:var(--color-text-label)}.modal-footer .btn-secondary:hover{background:var(--color-surface-hover)}.modal-footer .btn-primary{background:var(--color-primary);color:#fff;border:none}.modal-footer .btn-primary:hover{background:var(--color-primary-hover)}.form-hint{color:var(--color-text-muted);margin-top:4px;font-size:12px;display:block}.campaigns-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.campaigns-header h2{color:var(--color-text-primary);font-size:20px;font-weight:600}.campaign-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-bottom:12px;transition:box-shadow .15s;overflow:hidden}.campaign-card:hover{box-shadow:var(--shadow-md)}.campaign-card-main{cursor:pointer;padding:20px}.campaign-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.campaign-name{color:var(--color-text-primary);font-size:16px;font-weight:600}.campaign-status{color:#fff;text-transform:capitalize;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:500}.campaign-progress{align-items:center;gap:10px;margin-bottom:12px;display:flex}.progress-bar-track{background:var(--color-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-bar-fill{background:var(--color-primary);border-radius:3px;height:100%;transition:width .3s}.progress-text{color:var(--color-text-secondary);min-width:32px;font-size:12px}.campaign-stats-row{color:var(--color-text-secondary);gap:16px;margin-bottom:8px;font-size:13px;display:flex}.campaign-date{color:var(--color-text-muted);font-size:12px}.campaign-actions{border-top:1px solid var(--color-border);background:var(--color-surface-hover);gap:6px;padding:12px 20px;display:flex}.campaign-composer{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden}.campaign-composer-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.campaign-composer-header h2{color:var(--color-text-primary);font-size:18px;font-weight:600}.campaign-form{padding:24px}.campaign-form .form-group{margin-bottom:16px}.campaign-form .form-group label{color:var(--color-text-label);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.campaign-form .form-group input,.campaign-form .form-group select,.campaign-form .form-group textarea{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);background:var(--color-surface);padding:10px 12px;font-size:14px;transition:border-color .15s}.campaign-form .form-group input:focus,.campaign-form .form-group select:focus,.campaign-form .form-group textarea:focus{border-color:var(--color-primary);outline:none}.campaign-filters-section,.campaign-schedule-section,.campaign-rate-section{background:var(--color-surface-hover);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:20px;padding:16px}.campaign-filters-section h4,.campaign-schedule-section h4,.campaign-rate-section h4{color:var(--color-text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.filter-row{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.checkbox-label{color:var(--color-text-label);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.checkbox-label input[type=checkbox]{width:auto}.filter-search{margin-bottom:8px}.filter-search input{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);width:100%;padding:8px 12px;font-size:13px}.filter-search input:focus{border-color:var(--color-primary);outline:none}.audience-count{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);padding:8px 12px;font-size:13px}.count-loading{color:var(--color-text-muted)}.count-value{color:var(--color-primary-text);font-weight:500}.count-error{color:var(--color-text-muted)}.variable-input{align-items:center;gap:8px;margin-bottom:8px;display:flex}.variable-input label{color:var(--color-primary-text);min-width:40px;font-size:13px;font-weight:600}.variable-input input{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);flex:1;padding:8px 12px;font-size:13px}.campaign-preview{background:var(--color-surface-hover);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:20px;padding:16px}.campaign-preview h4{color:var(--color-text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.preview-text{color:var(--color-text-primary);white-space:pre-wrap;background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:12px;font-size:14px;line-height:1.5}.preview-warning{color:#d97706;margin-top:8px;font-size:12px}.form-actions{gap:8px;padding-top:16px;display:flex}.campaign-detail{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden}.campaign-detail-header{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:20px;display:flex}.campaign-detail-header h2{color:var(--color-text-primary);flex:1;margin:0;font-size:18px;font-weight:600}.campaign-description{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:16px 20px;font-size:14px}.campaign-stats-grid{grid-template-columns:repeat(6,1fr);gap:12px;padding:20px;display:grid}.stat-card{text-align:center;background:var(--color-surface-hover);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:12px}.stat-value{color:var(--color-text-primary);font-size:24px;font-weight:700}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px}.campaign-progress-bar{padding:0 20px 20px}.campaign-progress-bar .progress-bar-track{height:8px}.progress-label{color:var(--color-text-secondary);margin-top:6px;font-size:12px;display:block}.campaign-recipients-section{border-top:1px solid var(--color-border);padding:20px}.recipients-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.recipients-header h3{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.recipient-filters{flex-wrap:wrap;gap:6px;display:flex}.filter-btn{border:1px solid var(--color-border-input);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;padding:4px 10px;font-size:12px;transition:all .15s}.filter-btn:hover{background:var(--color-surface-hover)}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.recipients-table{border-collapse:collapse;width:100%;font-size:13px}.recipients-table th{text-align:left;background:var(--color-surface-hover);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:10px 12px;font-weight:500}.recipients-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);padding:10px 12px}.recipients-table tr:hover td{background:var(--color-surface-hover)}.recipient-status{color:#fff;text-transform:capitalize;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.message-id-cell,.error-cell{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}.error-cell{color:var(--color-error)}.pagination{justify-content:center;align-items:center;gap:12px;padding:16px 0;display:flex}.pagination button{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-label);cursor:pointer;padding:6px 14px;font-size:13px}.pagination button:hover:not(:disabled){background:var(--color-surface-hover)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:var(--color-text-secondary);font-size:13px}.campaign-meta{border-top:1px solid var(--color-border);color:var(--color-text-secondary);flex-wrap:wrap;gap:16px;padding:16px 20px;font-size:13px;display:flex}.empty-hint{color:var(--color-text-muted);margin-top:4px;font-size:13px}.message-sticker{border-radius:var(--radius-sm);max-width:120px;max-height:120px}.message-template{padding:2px 0}.template-label{color:var(--color-primary-text,#00a884);align-items:center;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.message-location{align-items:flex-start;gap:8px;display:flex}.location-icon{color:var(--color-primary-text);flex-shrink:0;margin-top:2px}.location-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.location-address{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.location-link{color:var(--color-primary-text);margin-top:4px;font-size:12px;text-decoration:none;display:inline-block}.location-link:hover{text-decoration:underline}.message-reaction{align-items:center;display:flex}.reaction-badge{font-size:20px;line-height:1}.reaction-text{color:var(--color-text-secondary);font-size:13px;font-style:italic}.interactive-reply{border-radius:var(--radius-sm);background:#0000000f;margin-bottom:4px;padding:4px 10px;display:inline-block}.reply-label{color:var(--color-text-primary);font-size:13px;font-weight:500}.interactive-type{color:var(--color-text-muted);text-transform:capitalize;margin-top:4px;font-size:11px;display:block}.contact-card{border-radius:var(--radius-sm);background:#00000008;align-items:center;gap:10px;padding:8px;display:flex}.contact-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.contact-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.contact-phone,.contact-email{color:var(--color-text-secondary);font-size:12px}.media-loading{text-align:center;color:var(--color-text-muted);padding:16px;font-size:13px}.composer{background:var(--color-surface);border-top:1px solid var(--color-border);align-items:flex-end;gap:4px;padding:6px 8px;display:flex}.composer-menu-wrap{position:relative}.composer-menu-btn,.composer-attach{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.composer-menu-btn:hover,.composer-attach:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.composer-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:20;min-width:160px;margin-bottom:8px;position:absolute;bottom:100%;left:0;overflow:hidden}.composer-menu button{cursor:pointer;width:100%;color:var(--color-text-primary);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;transition:background .1s;display:flex}.composer-menu button:hover{background:var(--color-surface-hover)}.composer-input-wrap{background:var(--color-surface-hover);border-radius:21px;flex:1;align-items:flex-end;min-height:42px;padding:6px 12px;display:flex}.composer-input-wrap textarea{resize:none;background:0 0;border:none;outline:none;flex:1;max-height:100px;padding:4px 0;font-family:inherit;font-size:14px;line-height:1.4}.composer-send{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.composer-send.active{color:var(--color-primary-text)}.composer-send:hover.active{color:var(--color-primary-hover)}.composer-hint{text-align:center;color:var(--color-text-muted);padding:4px 0 2px;font-size:11px}.picker-overlay{background:var(--color-overlay);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:90%;max-width:420px;max-height:80vh;display:flex;overflow:hidden}.picker-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.picker-header h3{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.picker-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:4px;font-size:18px}.picker-close:hover{color:var(--color-text-primary)}.picker-body{flex:1;padding:16px 20px;overflow-y:auto}.picker-form{padding:16px 20px}.picker-row{margin-bottom:12px}.picker-row label{color:var(--color-text-label);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.picker-row input{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);background:var(--color-surface);padding:8px 12px;font-size:13px}.picker-row input:focus{border-color:var(--color-primary);outline:none}.picker-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.picker-loading,.picker-empty{text-align:center;color:var(--color-text-muted);padding:24px;font-size:13px}.template-list{max-height:200px;margin-bottom:12px;overflow-y:auto}.template-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;transition:all .1s;display:flex}.template-item:hover,.template-item.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.template-name{color:var(--color-text-primary);font-size:13px;font-weight:500}.template-lang{color:var(--color-text-muted);font-size:11px}.template-variables{border-top:1px solid var(--color-border);padding-top:12px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.empty-state-icon{color:var(--color-text-muted);margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--color-text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.empty-state p{color:var(--color-text-secondary);max-width:400px;margin-bottom:20px;font-size:14px}.campaigns-content{background:var(--color-bg);flex:1;padding:24px;overflow-y:auto}.campaigns-content-inner{max-width:900px;margin:0 auto}@media (width<=1024px){.app-sidebar{width:60px;min-width:60px}.sidebar-brand-name,.sidebar-connection-dot,.sidebar-nav-item-label,.sidebar-user-info,.sidebar-user-logout{display:none}.sidebar-header,.sidebar-nav-item{justify-content:center;padding:12px}.sidebar-footer{padding:12px 8px}.sidebar-user{justify-content:center;padding:4px}}@media (width<=768px){.app-sidebar{display:none}.conversation-panel{width:100%;max-width:100%}.contact-info-panel{z-index:50;position:absolute;top:0;bottom:0;right:0;box-shadow:-2px 0 12px #00000026}.message-list{padding:12px 16px}}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-anim{animation:.3s ease-out stepFadeIn}