@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.dashboard-wrapper{height:100vh;font-size:13px;display:flex;overflow:hidden}.sidebar{color:#fff;z-index:100;background:linear-gradient(#075e54,#064940);flex-direction:column;width:210px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{text-align:center;border-bottom:1px solid #ffffff1a;padding:14px 16px}.sidebar-logo-text{letter-spacing:2px;font-size:18px;font-weight:700}.sidebar-logo-subtitle{opacity:.7;margin-top:2px;font-size:10px}.sidebar-nav{flex:1;padding:6px 0;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:1.5px;color:#fff6;padding:12px 16px 4px;font-size:9px;font-weight:600}.nav-item{color:#fffc;border-left:3px solid #0000;align-items:center;gap:10px;padding:9px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#ffffff26;border-left-color:#25d366;font-weight:600}.nav-item-icon{text-align:center;width:20px;font-size:16px}.sidebar-footer{opacity:.6;text-align:center;border-top:1px solid #ffffff1a;padding:12px 16px;font-size:10px}.sidebar-logout-btn{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sidebar-logout-btn:hover{color:#fca5a5;background:#ef444433;border-color:#ef444466}.main-content{flex-direction:column;flex:1;height:100vh;margin-left:210px;display:flex;overflow:hidden}.dashboard-header{z-index:50;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:8px 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.header-left{align-items:center;gap:12px;display:flex}.header-title{color:#333;font-size:14px;font-weight:600}.header-subtitle{color:#999;font-size:11px}.header-right{align-items:center;gap:16px;display:flex}.dashboard-clock{color:#555;align-items:center;gap:4px;font-size:13px;display:flex}.clock-seconds{color:#999;font-size:10px}.theme-toggle-btn{cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:8px;padding:6px 10px;font-size:18px;transition:all .15s}.theme-toggle-btn:hover{background:#f5f5f5}.header-status-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.header-status-badge.connected{color:#2e7d32;background:#e8f5e9}.header-status-badge.waiting{color:#e65100;background:#fff3e0}.header-status-badge.disconnected{color:#c62828;background:#ffebee}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.header-status-badge.connected .status-dot{background:#4caf50;box-shadow:0 0 4px #4caf50}.header-status-badge.waiting .status-dot{background:#ff9800;animation:1.5s infinite pulse}.header-status-badge.disconnected .status-dot{background:#f44336}.dashboard-content{background:#f5f7fa;flex-direction:column;flex:1;padding:14px 20px;display:flex;overflow-y:auto}.breadcrumb{color:#999;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.breadcrumb-item{align-items:center;gap:4px;display:flex}.breadcrumb-active{color:var(--primary-green);font-weight:600}.breadcrumb-separator{color:#ccc}.content-card{background:#fff;border-radius:10px;flex:1;padding:18px;overflow-y:auto;box-shadow:0 1px 4px #0000000f}.dashboard-content-flush{background:#f5f7fa!important;padding:0!important;overflow:hidden!important}.dashboard-content-pages{padding:14px 20px!important;overflow-y:auto!important}.sidebar-overlay{z-index:99;background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}body.dark-mode .dashboard-header{background:#16213e;border-color:#333}body.dark-mode .header-title{color:#e0e0e0}body.dark-mode .content-card{background:#16213e}body.dark-mode .theme-toggle-btn{color:#e0e0e0;border-color:#444}body.dark-mode .theme-toggle-btn:hover{background:#1e2a47}body.dark-mode .breadcrumb{color:#666}@media (width<=768px){.sidebar{width:260px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.mobile-menu-btn{display:block}.dashboard-content,.content-card{padding:16px}.dashboard-header{padding:10px 16px}.dashboard-clock{display:none}}@media (width<=480px){.header-status-badge span:not(.status-dot){display:none}}.agent-profile-wrapper{position:relative}.agent-profile-btn{cursor:pointer;white-space:nowrap;background:#075e5414;border:1px solid #075e5426;border-radius:24px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.agent-profile-btn:hover{background:#075e5426;box-shadow:0 2px 8px #075e541f}.agent-profile-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 4px #00000026}.agent-profile-name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.agent-profile-arrow{color:#888;margin-left:2px;font-size:8px}.agent-profile-dropdown{z-index:200;background:#fff;border-radius:12px;width:240px;animation:.15s ease-out agent-dropdown-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 30px #00000026,0 2px 8px #00000014}@keyframes agent-dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.agent-dropdown-header{align-items:center;gap:10px;padding:14px 16px;display:flex}.agent-dropdown-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 6px #00000026}.agent-dropdown-name{font-size:14px;font-weight:700}.agent-dropdown-username{color:#999;margin-top:1px;font-size:11px}.agent-dropdown-divider{background:#eee;height:1px;margin:0 12px}.agent-dropdown-item{cursor:pointer;color:#333;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;transition:background .12s;display:flex}.agent-dropdown-item:hover{background:#f5f7fa}.agent-dropdown-reset:hover{color:#e65100;background:#fff3e0}.agent-dropdown-logout{color:#c62828}.agent-dropdown-logout:hover{background:#ffebee}.agent-edit-panel{padding:14px 16px}.agent-edit-title{color:#333;margin-bottom:10px;font-size:13px;font-weight:600}.agent-edit-input{box-sizing:border-box;border:1.5px solid #ddd;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .2s}.agent-edit-input:focus{border-color:#075e54;box-shadow:0 0 0 3px #075e541a}.agent-edit-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.agent-edit-cancel{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 14px;font-size:12px;transition:all .12s}.agent-edit-cancel:hover{background:#f5f5f5}.agent-edit-save{color:#fff;cursor:pointer;background:#075e54;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .12s}.agent-edit-save:hover{background:#064940}.agent-color-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.agent-color-swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:32px;height:32px;transition:all .15s;box-shadow:0 1px 4px #0000001f}.agent-color-swatch:hover{transform:scale(1.15);box-shadow:0 2px 8px #0003}.agent-color-swatch.active{border-color:#333;transform:scale(1.1)}body.dark-mode .agent-profile-btn{color:#e0e0e0;background:#ffffff14;border-color:#ffffff26}body.dark-mode .agent-profile-btn:hover{background:#ffffff26}body.dark-mode .agent-profile-dropdown{background:#1e2a47;box-shadow:0 8px 30px #0006}body.dark-mode .agent-dropdown-name{color:#e0e0e0}body.dark-mode .agent-dropdown-divider{background:#2d3a57}body.dark-mode .agent-dropdown-item{color:#ccc}body.dark-mode .agent-dropdown-item:hover{background:#ffffff0f}body.dark-mode .agent-dropdown-logout{color:#ef5350}body.dark-mode .agent-dropdown-logout:hover{background:#ef53501a}body.dark-mode .agent-edit-title{color:#e0e0e0}body.dark-mode .agent-edit-input{color:#e0e0e0;background:#16213e;border-color:#3d4a66}body.dark-mode .agent-edit-input:focus{border-color:#25d366}body.dark-mode .agent-edit-cancel{color:#ccc;background:#16213e;border-color:#3d4a66}body.dark-mode .agent-color-swatch.active{border-color:#fff}@media (width<=768px){.agent-profile-name{max-width:80px}.agent-profile-dropdown{width:220px}}@media (width<=480px){.agent-profile-name,.agent-profile-arrow{display:none}.agent-profile-btn{padding:6px 10px}}.login-overlay{background:var(--sidebar-bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--card-bg);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:40px;animation:.3s slideUp}.login-logo{text-align:center;margin-bottom:30px}.login-logo h2{color:var(--primary-green);margin:0;font-size:1.5em}.login-logo p{color:var(--text-muted);margin-top:5px;font-size:14px}.login-form-group{margin-bottom:20px}.login-form-group label{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.login-form-group input{border:2px solid var(--border-color);border-radius:var(--radius-md);width:100%;transition:var(--transition);box-sizing:border-box;background:var(--card-bg);color:var(--text-primary);padding:12px 14px;font-family:inherit;font-size:14px}.login-form-group input:focus{border-color:var(--primary-green-light);outline:none;box-shadow:0 0 0 3px #128c7e26}.login-btn{background:linear-gradient(135deg, var(--primary-green-light), var(--primary-green));color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition);border:none;padding:14px;font-family:inherit;font-size:15px;font-weight:600}.login-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #075e544d}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-error{color:#c62828;border-radius:var(--radius-sm);text-align:center;background:#ffebee;margin-bottom:20px;padding:12px;font-size:13px}body.dark-mode .login-card{background:var(--card-bg)}body.dark-mode .login-logo h2{color:var(--accent-green)}body.dark-mode .login-form-group label{color:var(--text-primary)}body.dark-mode .login-form-group input{background:var(--bg-dark);color:var(--text-primary);border-color:var(--border-color)}.qr-dropdown{z-index:100;background:#fff;border:1px solid #ddd;border-radius:12px;max-height:300px;animation:.15s qrDropIn;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #0000002e}@keyframes qrDropIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qr-dropdown::-webkit-scrollbar{width:4px}.qr-dropdown::-webkit-scrollbar-thumb{background:#25d366;border-radius:4px}.qr-dropdown-header{color:#25d366;text-transform:uppercase;letter-spacing:.5px;z-index:1;background:#fff;border-bottom:1px solid #f0f0f0;align-items:center;gap:6px;padding:10px 14px 6px;font-size:11px;font-weight:600;display:flex;position:sticky;top:0}.qr-dropdown-item{cursor:pointer;border-bottom:1px solid #f7f7f7;flex-direction:column;gap:2px;padding:10px 14px;transition:background .12s;display:flex}.qr-dropdown-item:last-child{border-bottom:none}.qr-dropdown-item:hover{background:linear-gradient(90deg,#f0fef4 0%,#e8f5e9 100%)}.qr-dropdown-item.focused{background:linear-gradient(90deg,#e8f5e9 0%,#c8e6c9 100%)}.qr-dropdown-item-title{color:#1a1a1a;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.qr-dropdown-item-title:before{content:"⚡";font-size:12px}.qr-dropdown-item-preview{color:#777;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.qr-dropdown-empty{text-align:center;color:#aaa;padding:16px 14px;font-size:13px}.chat-footer,.chat-input-wrapper{overflow:visible!important}.chat-page-wrapper{background:var(--bg-primary,#f0f2f5);flex-direction:column;height:100%;display:flex;overflow:hidden}.stats-bar{background:linear-gradient(135deg,#075e54,#064940);border-bottom:1px solid #ffffff14;flex-shrink:0;gap:4px;padding:6px 12px;display:flex}.stat-card-mini{background:#ffffff14;border-radius:6px;flex:1;align-items:center;gap:6px;min-width:0;padding:4px 10px;display:flex}.stat-card-mini .stat-icon{flex-shrink:0;font-size:13px}.stat-card-mini .stat-value{color:#25d366;font-size:15px;font-weight:700;line-height:1}.stat-card-mini .stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.chat-layout{flex:1;display:flex;overflow:hidden}.conv-list-panel{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:340px;min-width:280px;display:flex}.conv-list-header{border-bottom:1px solid #0000000f;flex-shrink:0;padding:10px 12px 8px}.conv-search-container{align-items:center;gap:8px;display:flex}.new-chat-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .2s;display:flex}.new-chat-btn:hover{background:#1fad55}.conv-search-input{color:#111;background:#f0f2f5;border:none;border-radius:8px;outline:none;flex:1;padding:9px 14px 9px 36px;font-size:13px}.conv-filter-row{gap:4px;margin-top:8px;padding-bottom:2px;display:flex;overflow-x:auto}.conv-filter-row::-webkit-scrollbar{height:4px}.conv-filter-row::-webkit-scrollbar-track{background:0 0}.conv-filter-row::-webkit-scrollbar-thumb{background:#b0b7bc;border-radius:4px}.conv-filter-row::-webkit-scrollbar-thumb:hover{background:#25d366}.conv-filter-row{scrollbar-width:thin;scrollbar-color:#b0b7bc transparent}.conv-filter-btn{cursor:pointer;white-space:nowrap;color:#54656f;background:#e9edef;border:none;border-radius:16px;padding:5px 12px;font-size:12px;transition:all .2s}.conv-filter-btn:hover{background:#d9dbde}.conv-filter-btn.active{color:#fff;background:#25d366}.conv-list-scroll{flex:1;overflow-y:auto}.conv-item{cursor:pointer;border-bottom:1px solid #00000008;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex;position:relative}.conv-item:hover{background:#f5f6f6}.conv-item.active{background:#e9f5ee}.conv-item.pending{border-left:3px solid #ff9800}.conv-avatar{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden}.conv-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.conv-avatar-initials{justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:700}.conv-avatar.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.conv-avatar.clickable:hover{transform:scale(1.1);box-shadow:0 2px 10px #25d3664d}.conv-info{flex:1;min-width:0;overflow:hidden}.conv-info-top{justify-content:space-between;align-items:center;display:flex}.conv-name{color:#111;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.conv-time{color:#667781;flex-shrink:0;font-size:11px}.conv-info-bottom{align-items:center;gap:6px;margin-top:2px;display:flex}.conv-last-msg{color:#667781;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.conv-status-badge{white-space:nowrap;border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:10px}.conv-status-badge.active{color:#2e7d32;background:#e8f5e9}.conv-status-badge.expired{color:#c62828;background:#fce4ec}.conv-status-badge.pending_advisor{color:#e65100;background:#fff3e0}.conv-status-badge.out_of_hours{color:#1565c0;background:#e3f2fd}.conv-status-badge.advisor_handled{color:#6a1b9a;background:#ede7f6}.conv-group-badge{color:#00695c;white-space:nowrap;vertical-align:middle;letter-spacing:.3px;background:#e0f2f1;border-radius:8px;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:600}.conv-actions{flex-shrink:0;gap:2px;display:none}.conv-item:hover .conv-actions{display:flex}.conv-action-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px}.conv-action-btn:hover{opacity:1;background:#0000000d}.conv-list-empty{color:#667781;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;font-size:14px;display:flex}.conv-load-more-btn{color:#25d366;cursor:pointer;background:0 0;border:none;border-top:1px solid #0000000d;width:100%;padding:12px;font-size:13px;font-weight:600}.conv-load-more-btn:hover{background:#f0f2f5}.chat-panel{background:#efeae2;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.chat-panel:before{content:"";opacity:.3;pointer-events:none;z-index:0;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='%23c8c8c8' 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");position:absolute;inset:0}.chat-empty-state{color:#667781;z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.chat-empty-state .empty-icon{margin-bottom:16px;font-size:60px}.chat-empty-state h2{color:#41525d;margin-bottom:8px;font-size:28px;font-weight:300}.chat-empty-state p{max-width:400px;font-size:14px;line-height:1.5}.chat-header{z-index:2;background:#f0f2f5;border-bottom:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.chat-header-left{align-items:center;gap:12px;display:flex}.chat-header-avatar{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.chat-header-avatar.clickable{cursor:pointer}.chat-header-avatar.clickable:hover{transform:scale(1.1);box-shadow:0 2px 12px #25d36659}.chat-header-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.chat-header-avatar-initials{justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:700}.chat-header-info{flex-direction:column;display:flex}.chat-header-name{color:#111;font-size:15px;font-weight:600}.chat-header-phone{color:#667781;font-size:12px}.chat-header-status{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.chat-header-actions{align-items:center;gap:8px;display:flex}.chat-action-btn{cursor:pointer;color:#555;background:0 0;border:1px solid #ddd;border-radius:8px;padding:6px 12px;font-size:12px;transition:all .2s}.chat-action-btn:hover{background:#e9edef}.chat-action-btn.take{color:#2e7d32;border-color:#2e7d32}.chat-action-btn.release{color:#e65100;border-color:#e65100}.chat-action-btn.reset{color:#c62828;border-color:#c62828}.ia-toggle-wrapper{align-items:center;gap:6px;display:flex}.ia-toggle-label{color:#555;font-size:13px;font-weight:600}.ia-switch{width:42px;height:22px;display:inline-block;position:relative}.ia-switch input{opacity:0;width:0;height:0}.ia-slider{cursor:pointer;background:#ccc;border-radius:22px;transition:all .3s;position:absolute;inset:0}.ia-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}.ia-switch input:checked+.ia-slider{background:#25d366}.ia-switch input:checked+.ia-slider:before{transform:translate(20px)}.chat-messages-area{z-index:1;flex-direction:column;flex:1;padding:12px 40px;display:flex;overflow-y:auto}.chat-date-separator{text-align:center;margin:12px 0}.chat-date-separator span{color:#54656f;background:#fff;border-radius:8px;padding:4px 14px;font-size:12px;box-shadow:0 1px 2px #0000001a}.chat-message{max-width:65%;margin-bottom:4px}.chat-message.user{align-self:flex-start}.chat-message.bot,.chat-message.admin{align-self:flex-end}.message-sender{margin-bottom:2px;padding-left:10px;font-size:11px;font-weight:600}.chat-message.user .message-sender{color:#e65100}.chat-message.bot .message-sender{color:#667781}.chat-message.admin .message-sender{color:#25d366}.message-bubble{word-break:break-word;border-radius:8px;padding:6px 10px;position:relative;box-shadow:0 1px 1px #00000014}.chat-message.user .message-bubble{background:#fff;border-top-left-radius:0}.chat-message.bot .message-bubble{background:#dcf8c6;border-top-right-radius:0}.chat-message.admin .message-bubble{background:#d9fdd3;border-top-right-radius:0}.message-text{color:#111;white-space:pre-wrap;font-size:14px;line-height:1.4}.message-meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;display:flex}.message-time{color:#667781;font-size:11px}.message-checks{color:#667781}.message-checks .read{color:#53bdeb}.message-image img{cursor:pointer;border-radius:6px;max-width:280px;display:block}.message-document{background:#0000000a;border-radius:6px;align-items:center;gap:10px;padding:8px;display:flex}.message-document-icon{font-size:28px}.message-document-name{color:#111;font-size:13px;font-weight:600}.message-document-link{color:#25d366;font-size:12px}.quoted-message{cursor:pointer;background:#0000000f;border-left:3px solid #25d366;border-radius:4px;margin-bottom:4px;padding:4px 8px}.quoted-sender{color:#25d366;font-size:11px;font-weight:600}.quoted-text{color:#667781;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.msg-reply-btn{cursor:pointer;opacity:.7;background:#ffffffe6;border:none;border-radius:50%;width:24px;height:24px;font-size:12px;display:none;position:absolute;top:4px;right:4px}.message-bubble:hover .msg-reply-btn{justify-content:center;align-items:center;display:flex}.reply-preview{z-index:2;background:#f0f2f5;border-top:1px solid #0000000f;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.reply-preview-content{border-left:3px solid #25d366;flex:1;padding-left:8px}.reply-preview-sender{color:#25d366;font-size:12px;font-weight:600}.reply-preview-text{color:#667781;font-size:12px}.reply-preview-close{cursor:pointer;color:#667781;background:0 0;border:none;padding:4px 8px;font-size:16px}.load-more-messages-btn{color:#25d366;cursor:pointer;background:#f0f2f5;border:none;border-radius:8px;margin:8px auto;padding:8px;font-size:12px;font-weight:600}.chat-footer{z-index:2;background:#f0f2f5;border-top:1px solid #0000000f;align-items:flex-end;gap:6px;padding:8px 14px;display:flex}.chat-footer-btn{cursor:pointer;color:#54656f;background:0 0;border:none;border-radius:50%;padding:6px;font-size:20px;transition:background .2s}.chat-footer-btn:hover{background:#0000000f}.chat-footer-btn.bold-btn{color:#54656f;border:1.5px solid #8696a0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:4px;padding:0;font-size:15px;font-weight:800;display:flex}.chat-footer-btn.bold-btn:hover{color:#111;background:#00000014;border-color:#54656f}.chat-input-wrapper{flex:1}.chat-input-wrapper textarea{resize:none;background:#fff;border:none;border-radius:8px;outline:none;width:100%;min-height:40px;max-height:120px;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.4}.chat-send-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.chat-send-btn:hover{background:#1fad55}.attach-menu{z-index:10;background:#fff;border-radius:12px;gap:6px;padding:10px;display:none;position:absolute;bottom:60px;left:50px;box-shadow:0 4px 24px #00000026}.attach-menu.active{display:flex}.attach-menu-item{cursor:pointer;color:#667781;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;font-size:11px;transition:background .2s;display:flex}.attach-menu-item:hover{background:#f0f2f5}.attach-menu-item .item-icon{font-size:24px}.emoji-picker-panel{z-index:10;background:#fff;border-radius:12px;max-width:320px;max-height:200px;padding:12px;display:none;position:absolute;bottom:60px;left:10px;overflow-y:auto;box-shadow:0 4px 24px #00000026}.emoji-picker-panel.active{display:block}.emoji-picker-grid{flex-wrap:wrap;gap:2px;display:flex}.emoji-picker-item{cursor:pointer;border-radius:4px;padding:4px;font-size:22px;line-height:1;transition:background .15s}.emoji-picker-item:hover{background:#e9edef}.modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-content{background:#fff;border-radius:12px;width:400px;max-width:90%;box-shadow:0 8px 32px #0003}.modal-header{border-bottom:1px solid #e9edef;padding:16px 20px}.modal-title{font-size:16px;font-weight:600}.modal-body{padding:20px}.modal-footer{border-top:1px solid #e9edef;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600}.modal-btn.secondary{color:#555;background:#e9edef}.modal-btn.primary{color:#fff;background:#25d366}.modal-btn.danger{color:#fff;background:#c62828}.modal-btn:hover{opacity:.9}.modal-input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}.modal-input:focus{border-color:#25d366}.modal-label{color:#555;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.spinner{border:3px solid #e9edef;border-top-color:#25d366;border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.conv-list-loading,.chat-loading-messages{color:#667781;flex-direction:column;justify-content:center;align-items:center;padding:40px;font-size:14px;display:flex}.media-preview-overlay{z-index:10000;background:#0b141afa;flex-direction:column;animation:.2s ease-out fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast-container{z-index:99999;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{color:#fff;background:#323232;border-radius:8px;padding:10px 20px;font-size:13px;animation:.3s ease-out slideInRight;box-shadow:0 4px 12px #0003}.toast.error{background:#c62828}.toast.success{background:#2e7d32}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=900px){.conv-list-panel{width:100%;min-width:unset}.chat-panel,.chat-layout.chat-open .conv-list-panel{display:none}.chat-layout.chat-open .chat-panel{display:flex}.chat-messages-area{padding:12px 16px}.stats-bar{flex-wrap:wrap}}.media-download-btn{color:#667781;background:#0000000a;border-radius:4px;align-items:center;gap:4px;margin-top:4px;padding:3px 8px;font-size:11px;text-decoration:none;transition:all .15s;display:inline-flex}.media-download-btn:hover{color:var(--primary-green,#075e54);background:#00000014}.message-audio{align-items:center;gap:6px;display:flex}.message-audio .media-download-btn{margin-top:0}.drag-overlay{z-index:100;pointer-events:none;background:#003b33d9;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:absolute;inset:0}.drag-overlay-content{text-align:center;color:#fff;border:2px dashed #fff6;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:40px 60px;display:flex}.chat-panel{position:relative}.chat-mic-btn{color:#8696a0;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px 10px;transition:color .15s;display:flex}.chat-mic-btn:hover{color:var(--primary-green,#25d366)}.recording-bar{align-items:center;gap:12px;width:100%;padding:0 4px;display:flex}.recording-indicator{flex:1;align-items:center;gap:10px;display:flex}.recording-dot{background:#e74c3c;border-radius:50%;width:10px;height:10px;animation:1s infinite pulse-dot}.recording-timer{color:#e74c3c;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.recording-cancel{color:#e74c3c!important}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.lightbox-overlay{z-index:20000;background:#000000eb;outline:none;flex-direction:column;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.lightbox-toolbar{z-index:1;background:#00000080;justify-content:flex-end;align-items:center;gap:6px;padding:12px 20px;display:flex}.lightbox-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;text-decoration:none;transition:background .2s;display:flex}.lightbox-btn:hover{background:#ffffff40}.lightbox-close{margin-left:8px;font-size:22px;font-weight:700}.lightbox-zoom-label{color:#ffffffb3;text-align:center;font-variant-numeric:tabular-nums;min-width:48px;font-size:13px;font-weight:600}.lightbox-content{flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;cursor:zoom-in;border-radius:4px;max-width:90%;max-height:85vh;transition:transform .15s ease-out}.lightbox-video{border-radius:8px;outline:none;max-width:90%;max-height:85vh}.message-video{cursor:pointer;position:relative}.message-video video{pointer-events:none}.video-play-overlay{color:#fff;pointer-events:none;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-video:hover .video-play-overlay{background:#000000bf}.conv-label-filter-row{align-items:center;gap:4px;margin-top:6px;padding-bottom:2px;display:flex;overflow-x:auto}.conv-label-filter-row::-webkit-scrollbar{height:4px}.conv-label-filter-row::-webkit-scrollbar-thumb{background:#b0b7bc;border-radius:4px}.conv-label-filter-row{scrollbar-width:thin;scrollbar-color:#b0b7bc transparent}.conv-label-chip{cursor:pointer;white-space:nowrap;color:#54656f;background:0 0;border:1px solid #d1d7db;border-radius:16px;padding:4px 10px;font-size:11px;transition:all .2s}.conv-label-chip:hover{background:#0000000a}.conv-label-chip.active{color:#fff;background:#25d366;border-color:#25d366}.conv-label-chip.manage{border-style:dashed;padding:4px 8px;font-size:13px}.conv-label-badges{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.conv-label-badge{color:#fff;white-space:nowrap;border-radius:10px;padding:1px 8px;font-size:10px;font-weight:600;line-height:1.5}.label-picker-list{flex-direction:column;gap:4px;max-height:320px;display:flex;overflow-y:auto}.label-picker-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.label-picker-item:hover{background:#f0f2f5}.label-picker-item.checked{background:#e7f8ee}.label-picker-item input{cursor:pointer}.label-picker-name{color:#111b21;flex:1;font-size:14px}.label-swatch{border-radius:50%;flex-shrink:0;width:14px;height:14px}.label-create-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.label-color-input{cursor:pointer;background:0 0;border:1px solid #d1d7db;border-radius:8px;width:40px;height:36px;padding:0}.label-manage-list{flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.label-manage-item{background:#f0f2f5;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.label-delete-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px}.label-delete-btn:hover{opacity:1;background:#e74c3c1f}body.dark-mode .conv-label-chip{color:#b0b7bc;border-color:#444}body.dark-mode .conv-label-chip:hover{background:#ffffff0f}body.dark-mode .label-picker-item:hover{background:#1e2a47}body.dark-mode .label-picker-item.checked{background:#1a4a2e}body.dark-mode .label-picker-name{color:#e0e0e0}body.dark-mode .label-manage-item{background:#1e2a47}body.dark-mode .label-color-input{border-color:#444}.wm-tabs{border-bottom:2px solid var(--border-color,#e0e0e0);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex;overflow-x:auto}.wm-tab-btn{color:var(--text-secondary,#777);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s}.wm-tab-btn:hover{color:var(--text-primary,#333);background:var(--hover-bg,#f5f5f5);border-radius:6px 6px 0 0}.wm-tab-btn.active{color:var(--primary-green,#2e7d32);border-bottom-color:var(--primary-green,#2e7d32);font-weight:600}.wm-global-banner{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #a5d6a7;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;transition:all .3s;display:flex}.wm-global-banner.disabled{border-color:var(--border-color,#e0e0e0);background:linear-gradient(135deg,#fafafa,#f0f0f0)}.wm-global-banner-text{color:var(--text-primary,#333);font-size:14px;font-weight:600}.wm-global-banner-text small{color:var(--text-secondary,#777);margin-top:2px;font-size:12px;font-weight:400;display:block}.wm-toggle{flex-shrink:0;width:42px;height:22px;display:inline-block;position:relative}.wm-toggle input{opacity:0;width:0;height:0}.wm-toggle-slider{cursor:pointer;background-color:#ccc;border-radius:22px;transition:all .3s;position:absolute;inset:0}.wm-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:2px;left:2px}.wm-toggle input:checked+.wm-toggle-slider{background-color:var(--primary-green,#2e7d32)}.wm-toggle input:checked+.wm-toggle-slider:before{transform:translate(20px)}.wm-card{background:var(--card-bg,white);border:2px solid var(--border-color,#e8e8e8);cursor:grab;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .25s;position:relative}.wm-card:active{cursor:grabbing}.wm-card:hover{border-color:#a5d6a7;box-shadow:0 3px 12px #2e7d3214}.wm-card.dragging{opacity:.5;border-color:var(--primary-green,#2e7d32);transform:scale(1.02);box-shadow:0 8px 24px #2e7d3233}.wm-card.drag-over{background:#f1f8e9;border-style:dashed;border-color:#4caf50}.wm-card.disabled-card{opacity:.5;background:var(--hover-bg,#fafafa)}.wm-card-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.wm-drag-handle{color:#bbb;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;padding:2px 4px;font-size:18px;transition:color .2s}.wm-drag-handle:hover{color:#666;background:var(--hover-bg,#f0f0f0)}.wm-order-badge{background:var(--primary-green,#2e7d32);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.wm-card-title{color:var(--text-primary,#333);flex:1;font-size:14px;font-weight:600}.wm-type-badge{text-transform:uppercase;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.wm-type-badge.type-text{color:#1565c0;background:#e3f2fd}.wm-type-badge.type-image{color:#7b1fa2;background:#f3e5f5}.wm-type-badge.type-video{color:#c62828;background:#fce4ec}.wm-type-badge.type-audio{color:#e65100;background:#fff3e0}.wm-card-body{flex-direction:column;gap:12px;display:flex}.wm-textarea{border:2px solid var(--border-color,#e0e0e0);resize:vertical;box-sizing:border-box;background:var(--card-bg,white);width:100%;min-height:70px;color:var(--text-primary,#333);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .2s}.wm-textarea:focus{border-color:var(--primary-green,#2e7d32);outline:none;box-shadow:0 0 0 3px #2e7d3214}.wm-delay-row{align-items:center;gap:12px;padding:8px 0;display:flex}.wm-delay-label{color:var(--text-secondary,#777);white-space:nowrap;min-width:100px;font-size:12px}.wm-delay-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#a5d6a7,#2e7d32);border-radius:3px;outline:none;flex:1;height:6px}.wm-delay-slider::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--primary-green,#2e7d32);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;box-shadow:0 2px 6px #00000026}.wm-delay-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.wm-delay-slider::-moz-range-thumb{border:3px solid var(--primary-green,#2e7d32);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #00000026}.wm-delay-value{color:var(--primary-green,#2e7d32);text-align:center;background:#e8f5e9;border-radius:6px;min-width:40px;padding:3px 10px;font-size:12px;font-weight:700}.wm-card-actions{border-top:1px solid var(--border-color,#f0f0f0);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.wm-card-actions-left,.wm-card-actions-right{align-items:center;gap:6px;display:flex}.wm-action-btn{border:1px solid var(--border-color,#e0e0e0);background:var(--card-bg,white);cursor:pointer;color:var(--text-primary,#333);border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;transition:all .2s;display:flex}.wm-action-btn:hover{background:var(--hover-bg,#f5f5f5);border-color:#ccc}.wm-action-btn.btn-delete{color:#c62828;border-color:#ffcdd2}.wm-action-btn.btn-delete:hover{background:#ffebee;border-color:#ef9a9a}.wm-options-row{flex-wrap:wrap;gap:16px;display:flex}.wm-option-check{color:var(--text-secondary,#555);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.wm-option-check input[type=checkbox]{accent-color:var(--primary-green,#2e7d32)}.wm-add-btn{width:100%;color:var(--primary-green,#2e7d32);cursor:pointer;background:#f1f8e9;border:2px dashed #c8e6c9;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.wm-add-btn:hover{background:#e8f5e9;border-color:#a5d6a7;transform:translateY(-1px)}.wm-section-card{background:var(--card-bg,white);border:2px solid var(--border-color,#e8e8e8);border-radius:12px;margin-bottom:16px;padding:20px}.wm-section-card h3{color:var(--text-primary,#333);margin:0 0 4px;font-size:16px}.wm-section-card>p{color:var(--text-secondary,#777);margin:0 0 16px;font-size:13px}.wm-closure-card{background:var(--card-bg,white);border:2px solid var(--border-color,#e8e8e8);border-radius:12px;margin-bottom:12px;padding:16px}.wm-closure-type{align-items:center;gap:8px;margin-bottom:10px;display:flex}.wm-closure-type-icon{font-size:20px}.wm-closure-type-label{color:var(--text-primary,#333);flex:1;font-size:14px;font-weight:600}.wm-setting-row{border-bottom:1px solid var(--border-color,#f0f0f0);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.wm-setting-row:last-child{border-bottom:none}.wm-setting-info{flex:1}.wm-setting-info label{color:var(--text-primary,#333);margin-bottom:2px;font-size:14px;font-weight:600;display:block}.wm-setting-info small{color:var(--text-secondary,#999);font-size:12px}.wm-save-bar{border-top:1px solid var(--border-color,#e0e0e0);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;display:flex}.wm-save-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:600;transition:all .2s}.wm-save-btn.primary{color:#fff;background:linear-gradient(135deg,#2e7d32,#1b5e20)}.wm-save-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2e7d324d}.wm-save-btn.secondary{background:var(--card-bg,white);color:var(--text-secondary,#666);border:2px solid var(--border-color,#e0e0e0)}.wm-save-btn.secondary:hover{background:var(--hover-bg,#f5f5f5)}.wm-type-select{border:2px solid var(--border-color,#e0e0e0);cursor:pointer;background:var(--card-bg,white);color:var(--text-primary,#333);border-radius:6px;padding:6px 10px;font-size:12px}.wm-type-select:focus{border-color:var(--primary-green,#2e7d32);outline:none}.wm-empty{text-align:center;color:var(--text-secondary,#999);padding:40px 20px}.wm-empty-icon{margin-bottom:12px;font-size:48px}.wm-empty h3{color:var(--text-secondary,#666);margin:0 0 8px}.wm-empty p{margin:0 0 16px;font-size:13px}.wm-toast{z-index:9999;color:#fff;border-radius:8px;padding:12px 20px;font-size:13px;animation:.3s wmSlideIn,.3s 2.7s wmFadeOut;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #0003}.wm-toast.success{background:#2e7d32}.wm-toast.error{background:#c62828}@keyframes wmSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wmFadeOut{0%{opacity:1}to{opacity:0}}.wm-tip{color:#e65100;background:#fff3e0;border-left:4px solid #ff9800;border-radius:0 8px 8px 0;margin-bottom:16px;padding:12px 15px;font-size:13px}@media (width<=768px){.wm-tabs{gap:2px}.wm-tab-btn{padding:8px 12px;font-size:12px}.wm-card-header,.wm-delay-row{flex-wrap:wrap}.wm-card-actions{flex-direction:column;gap:8px}.wm-card-actions-left,.wm-card-actions-right{justify-content:center;width:100%}.wm-save-bar{flex-direction:column}.wm-save-btn{width:100%}}.settings-tabs{background:#f0f2f5;border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.settings-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.settings-tab:hover{color:var(--text-primary);background:#fff9}.settings-tab.active{color:var(--primary-green);background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.settings-section{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:20px;padding:20px}.settings-section-title{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 4px;font-size:15px;font-weight:600;display:flex}.settings-section-desc{color:var(--text-muted);margin:0 0 16px;font-size:13px}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.connected{color:#2e7d32;background:#e8f5e9}.status-badge.error{color:#c62828;background:#ffebee}.status-badge.untested{color:#999;background:#f5f5f5}.provider-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.provider-card{border:2px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s;position:relative}.provider-card.active{border-color:var(--primary-green);background:linear-gradient(135deg,#075e5408,#25d3660d)}.provider-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.provider-card-name{color:var(--text-primary);font-size:16px;font-weight:600}.provider-card-priority{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.provider-card-priority.primary{color:#2e7d32;background:#e8f5e9}.provider-card-priority.fallback{color:#e65100;background:#fff3e0}.provider-card-model{color:var(--text-secondary);margin-bottom:14px;font-size:13px}.toggle-wrapper{align-items:center;gap:10px;display:flex}.toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#ccc;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--primary-green)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{color:var(--text-secondary);font-size:13px;font-weight:500}.model-selector-group{margin-bottom:20px}.model-selector-label{color:var(--text-primary);margin-bottom:10px;font-size:14px;font-weight:600}.model-cards{flex-direction:column;gap:8px;display:flex}.model-card{border:2px solid var(--border-color);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.model-card:hover{background:#fafafa;border-color:#b0bec5}.model-card.selected{border-color:var(--primary-green);background:linear-gradient(135deg,#075e5408,#25d3660f)}.model-card-radio{border:2px solid #ccc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.model-card.selected .model-card-radio{border-color:var(--primary-green)}.model-card.selected .model-card-radio:after{content:"";background:var(--primary-green);border-radius:50%;width:10px;height:10px}.model-card-info{flex:1;min-width:0}.model-card-name{color:var(--text-primary);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.model-card-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-top:4px;font-size:11px;display:flex}.model-meta-chip{white-space:nowrap;background:#f5f5f5;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;display:inline-flex}.tier-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.tier-badge.efficient{color:#2e7d32;background:#e8f5e9}.tier-badge.balanced{color:#1565c0;background:#e3f2fd}.tier-badge.premium{color:#7b1fa2;background:#f3e5f5}.tier-badge.reasoning{color:#e65100;background:#fff3e0}.tier-badge.fast{color:#00695c;background:#e0f7fa}.context-options{flex-direction:column;gap:8px;display:flex}.context-option{border:2px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:all .15s;display:flex}.context-option:hover{border-color:#b0bec5}.context-option.selected{border-color:var(--primary-green);background:#075e5408}.context-option input[type=radio]{accent-color:var(--primary-green);width:16px;height:16px}.context-recommended{color:#2e7d32;background:#e8f5e9;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:500}.param-slider-group{margin-bottom:20px}.param-slider-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.param-slider-label{color:var(--text-primary);font-size:13px;font-weight:600}.param-slider-value{color:var(--primary-green);background:#e8f5e9;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:600}.param-slider-desc{color:var(--text-muted);margin-bottom:8px;font-size:11px}.param-slider{appearance:none;background:#e0e0e0;border-radius:3px;outline:none;width:100%;height:6px}.param-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-green);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 1px 4px #0003}.param-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.param-slider::-moz-range-thumb{background:var(--primary-green);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}.test-area{flex-direction:column;gap:16px;display:flex}.test-controls{grid-template-columns:1fr 1fr;gap:12px;display:grid}.test-select-group label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.test-select-group select{border:2px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.test-select-group select:focus{border-color:var(--primary-green);outline:none}.test-textarea{border:2px solid var(--border-color);resize:vertical;box-sizing:border-box;border-radius:10px;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.test-textarea:focus{border-color:var(--primary-green);outline:none}.test-send-btn{background:linear-gradient(135deg, var(--primary-green-light), var(--primary-green));color:#fff;cursor:pointer;border:none;border-radius:8px;align-self:flex-end;align-items:center;gap:6px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.test-send-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.test-send-btn:disabled{opacity:.6;cursor:not-allowed}.test-chat-window{border:1px solid var(--border-color);background:#ece5dd;border-radius:12px;flex-direction:column;height:350px;margin-top:10px;margin-bottom:15px;padding:15px;display:flex;overflow-y:auto}.test-chat-empty{text-align:center;color:#777;background:#fff9;border-radius:16px;margin:auto;padding:8px 16px;font-size:14px}.test-chat-messages{flex-direction:column;gap:12px;display:flex}.test-chat-bubble{border-radius:12px;max-width:80%;padding:10px 14px;font-size:14px;line-height:1.5;animation:.2s ease-out fadeIn;position:relative;box-shadow:0 1px 2px #0000001a}.test-chat-bubble.user{background-color:#dcf8c6;border-bottom-right-radius:4px;align-self:flex-end}.test-chat-bubble.assistant{background-color:#fff;border-bottom-left-radius:4px;align-self:flex-start}.test-chat-role{color:#555;margin-bottom:4px;font-size:11px;font-weight:700}.test-chat-content{white-space:pre-wrap;color:#303030}.test-chat-content.typing{color:#888;font-style:italic}.test-chat-metrics{color:#999;border-top:1px solid #0000000d;justify-content:flex-end;gap:10px;margin-top:6px;padding-top:4px;font-size:10px;display:flex}.test-chat-input-area{align-items:flex-end;gap:10px;display:flex}.btn-clear-chat{color:#ff8f00;cursor:pointer;background:#ffecb3;border:1px solid #ffe082;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-clear-chat:hover{color:#e65100;background:#ffe082}.settings-action-bar{border-top:1px solid var(--border-color);gap:10px;margin-top:24px;padding-top:20px;display:flex}.settings-action-bar .btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:10px;flex:1;padding:13px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.settings-action-bar .btn-save:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.settings-action-bar .btn-test{color:#fff;cursor:pointer;background:linear-gradient(135deg,#42a5f5,#1565c0);border:none;border-radius:10px;flex:1;padding:13px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.settings-action-bar .btn-test:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.settings-action-bar button:disabled{opacity:.6;cursor:not-allowed}.settings-info-banner{color:#5d4037;background:#fff3e0;border-left:4px solid #ff9800;border-radius:0 8px 8px 0;margin-bottom:20px;padding:12px 16px;font-size:13px;line-height:1.5}.settings-alert{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:500;animation:.3s fadeIn}.settings-alert.success{color:#2e7d32;background:#e8f5e9}.settings-alert.error{color:#c62828;background:#ffebee}.key-input-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.key-input-row input{border:2px solid var(--border-color);box-sizing:border-box;border-radius:8px;flex:1;padding:11px 14px;font-family:Courier New,monospace;font-size:13px;transition:border-color .2s}.key-input-row input:focus{border-color:var(--primary-green);outline:none}.key-delete-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ef5350,#c62828);border:none;border-radius:8px;padding:8px 12px;font-size:12px;transition:all .2s}.key-delete-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #c628284d}.key-test-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#42a5f5,#1565c0);border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s}.key-test-btn:hover:not(:disabled){transform:translateY(-1px)}.key-test-btn:disabled{opacity:.6;cursor:not-allowed}.settings-checkbox{border:2px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:14px;transition:all .15s;display:flex}.settings-checkbox:hover{border-color:#b0bec5}.settings-checkbox input[type=checkbox]{accent-color:var(--primary-green);width:16px;height:16px}@media (width<=600px){.settings-tabs{flex-wrap:wrap}.settings-tab{text-align:center;flex:45%;font-size:12px}.test-controls,.provider-cards{grid-template-columns:1fr}}.stats-page{--stats-bg:var(--bg-primary,#0f0f1a);--stats-card-bg:var(--bg-secondary,#1a1a2e);--stats-text:var(--text-primary,#e0e0e0);--stats-text-muted:var(--text-secondary,#888);--stats-border:var(--border-color,#2a2a3e);--stats-grid-color:#2a2a3e;--stats-tooltip-bg:#1a1a2e;--stats-text-color:#aaa;--stats-accent:var(--primary-green,#4caf50)}.stats-loading{color:var(--stats-text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.stats-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.stats-header-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.stats-pdf-inline{align-items:center;gap:8px;display:flex}.stats-select-sm{padding:6px 10px;font-size:.82em}.stats-pdf-btn-sm{padding:6px 16px;font-size:.82em}.stats-title{color:var(--stats-accent);margin:0;font-size:1.5em}.stats-subtitle{color:var(--stats-text-muted);margin:4px 0 0;font-size:.9em}.stats-period-selector{background:var(--stats-card-bg);border:1px solid var(--stats-border);border-radius:10px;gap:4px;padding:4px;display:flex}.stats-period-btn{color:var(--stats-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:.85em;font-weight:500;transition:all .2s}.stats-period-btn:hover{color:var(--stats-text);background:#4caf501a}.stats-period-btn.active{background:var(--stats-accent);color:#fff;box-shadow:0 2px 8px #4caf504d}.stats-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stats-kpi-card{background:var(--stats-card-bg);text-align:center;border:1px solid var(--stats-border);border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s}.stats-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.stats-kpi-icon{margin-bottom:8px;font-size:1.5em}.stats-kpi-value{color:var(--stats-text);font-size:1.8em;font-weight:700;line-height:1.2}.stats-kpi-label{color:var(--stats-text-muted);margin-top:4px;font-size:.8em}.stats-kpi-sub{color:var(--stats-accent);margin-top:2px;font-size:.75em;font-weight:600}.stats-charts-row{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px;display:grid}.stats-chart-card{background:var(--stats-card-bg);border:1px solid var(--stats-border);border-radius:12px;padding:20px}.stats-chart-title{color:var(--stats-text);margin:0 0 16px;font-size:1em}.stats-empty{text-align:center;color:var(--stats-text-muted);padding:40px 20px;font-style:italic}.stats-tables-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.stats-table-card{background:var(--stats-card-bg);border:1px solid var(--stats-border);border-radius:12px;padding:20px;overflow:hidden}.stats-table-title{color:var(--stats-text);margin:0 0 16px;font-size:1em}.stats-table{border-collapse:collapse;width:100%}.stats-table th{text-align:left;border-bottom:2px solid var(--stats-border);color:var(--stats-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;font-size:.8em}.stats-table td{border-bottom:1px solid var(--stats-border);color:var(--stats-text);padding:10px 12px;font-size:.85em}.stats-table tbody tr:hover{background:#4caf500d}.stats-rank{color:var(--stats-accent);text-align:center;width:30px;font-weight:700}.stats-text{word-break:break-word;max-width:300px}.stats-count{text-align:center;color:var(--stats-accent);width:60px;font-weight:600}.stats-pdf-section{background:var(--stats-card-bg);border:1px solid var(--stats-border);border-left:4px solid var(--stats-accent);border-radius:12px;padding:24px}.stats-pdf-title{color:var(--stats-text);margin:0 0 16px;font-size:1em}.stats-pdf-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stats-select{border:1px solid var(--stats-border);background:var(--stats-bg);color:var(--stats-text);cursor:pointer;border-radius:8px;padding:10px 14px;font-size:.9em}.stats-select:focus{border-color:var(--stats-accent);outline:none}.stats-pdf-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;padding:10px 24px;font-size:.9em;font-weight:600;transition:all .2s}.stats-pdf-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.stats-pdf-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.stats-charts-row,.stats-tables-row{grid-template-columns:1fr}.stats-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats-kpi-grid{grid-template-columns:1fr}.stats-header{flex-direction:column}.stats-header-actions{align-items:stretch;width:100%}.stats-pdf-inline{flex-wrap:wrap}.stats-pdf-controls{flex-direction:column;align-items:stretch}}[data-theme=light] .stats-page,:root:not(.dark) .stats-page{--stats-bg:#f5f5f5;--stats-card-bg:#fff;--stats-text:#333;--stats-text-muted:#666;--stats-border:#e0e0e0;--stats-grid-color:#e0e0e0;--stats-tooltip-bg:#fff;--stats-text-color:#555}.statuses-wrapper{background:var(--bg-light,#f5f7fa);height:100%;display:flex;overflow:hidden}.statuses-sidebar{background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;width:320px;min-width:280px;height:100%;display:flex;overflow:hidden}.statuses-sidebar-header{border-bottom:1px solid #f0f0f0;padding:18px 16px 12px}.statuses-sidebar-header h2{color:var(--primary-green,#075e54);margin:0 0 2px;font-size:17px;font-weight:700}.statuses-sidebar-header p{color:#999;margin:0;font-size:11px}.statuses-sidebar-list{flex:1;padding:6px 0;overflow-y:auto}.status-list-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 16px;transition:background .12s;display:flex;position:relative}.status-list-item:hover{background:#f5f7fa}.status-list-item.active{background:#e8f5e9}.status-avatar{flex-shrink:0;position:relative}.status-avatar-ring{border:2.5px solid var(--accent-green,#25d366);border-radius:50%;width:48px;height:48px;padding:2px}.status-avatar-ring.mine{border-color:var(--primary-green,#075e54)}.status-avatar-inner{color:#fff;background:linear-gradient(135deg, var(--primary-green,#075e54), var(--accent-green,#25d366));border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:700;display:flex;overflow:hidden}.status-avatar-inner img{object-fit:cover;border-radius:50%;width:100%;height:100%}.status-add-btn-overlay{background:var(--primary-green,#075e54);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:-2px;right:-2px}.status-list-info{flex:1;min-width:0}.status-list-name{color:#222;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.status-list-preview{color:#888;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.status-list-time{color:#bbb;flex-shrink:0;font-size:11px}.statuses-section-label{text-transform:uppercase;letter-spacing:1px;color:#bbb;padding:10px 16px 4px;font-size:11px;font-weight:700}.status-upload-trigger{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;transition:background .12s;display:flex}.status-upload-trigger:hover{background:#f0faf3}.status-upload-trigger-icon{background:linear-gradient(135deg, var(--primary-green,#075e54), var(--accent-green,#25d366));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.status-upload-trigger-text{flex:1}.status-upload-trigger-text strong{color:#222;font-size:14px;font-weight:600;display:block}.status-upload-trigger-text span{color:#888;font-size:12px}.statuses-main{background:#111;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.statuses-empty-state{text-align:center;color:#fff9;max-width:320px;padding:40px}.statuses-empty-state .empty-icon{opacity:.5;margin-bottom:16px;font-size:64px}.statuses-empty-state h3{color:#fffc;margin-bottom:8px;font-size:20px}.statuses-empty-state p{font-size:14px;line-height:1.6}.story-viewer{flex-direction:column;width:100%;height:100%;animation:.3s story-fade-in;display:flex;position:relative}@keyframes story-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.story-progress-bars{z-index:10;gap:4px;padding:10px 10px 0;display:flex;position:absolute;top:0;left:0;right:0}.story-progress-bar-track{background:#ffffff4d;border-radius:2px;flex:1;height:3px;overflow:hidden}.story-progress-bar-fill{background:#fff;border-radius:2px;height:100%;transition:none}.story-progress-bar-fill.done{width:100%}.story-progress-bar-fill.active{width:0%;animation:linear forwards story-progress}@keyframes story-progress{0%{width:0%}to{width:100%}}.story-header{z-index:10;align-items:center;gap:10px;padding:0 14px;display:flex;position:absolute;top:20px;left:0;right:0}.story-header-avatar{color:#fff;background:linear-gradient(135deg, var(--primary-green,#075e54), var(--accent-green,#25d366));border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.story-header-info{flex:1}.story-header-name{color:#fff;text-shadow:0 1px 4px #00000080;font-size:14px;font-weight:600}.story-header-time{color:#ffffffbf;font-size:11px}.story-header-close{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s;display:flex}.story-header-close:hover{background:#0009}.story-content{cursor:pointer;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.story-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;display:block}.story-text-content{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex}.story-text-body{word-break:break-word;text-shadow:0 2px 8px #0003;font-size:clamp(20px,4vw,32px);font-weight:700;line-height:1.4}.story-caption{color:#fff;text-shadow:0 1px 4px #00000080;pointer-events:none;background:linear-gradient(#0000,#0009);padding:60px 20px 20px;font-size:14px;position:absolute;bottom:0;left:0;right:0}.story-nav-btn{color:#fff;cursor:pointer;z-index:10;opacity:0;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .15s,opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.story-viewer:hover .story-nav-btn{opacity:1}.story-nav-btn.prev{left:12px}.story-nav-btn.next{right:12px}.story-nav-btn:hover{background:#0000008c}.story-nav-btn:disabled{opacity:0;pointer-events:none}.story-action-bar{z-index:15;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;padding:16px 20px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.story-action-bar>*{pointer-events:auto}.story-delete-btn{color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#dc2626bf;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:background .15s,opacity .15s;display:flex}.story-viewer:hover .story-delete-btn{opacity:1}.story-delete-btn:hover{background:#b91c1ce6}.story-delete-btn.confirming{animation:.6s ease-in-out infinite alternate confirming-pulse;opacity:1!important;background:#d97706eb!important}@keyframes confirming-pulse{0%{box-shadow:0 0 #d9770680}to{box-shadow:0 0 0 6px #d9770600}}.story-wa-publish-btn{color:#fff;cursor:pointer;opacity:0;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-overflow:ellipsis;background:#075e54e0;border:none;border-radius:20px;align-items:center;gap:6px;max-width:260px;padding:8px 16px;font-size:13px;transition:background .15s,opacity .15s;display:flex;overflow:hidden}.story-viewer:hover .story-wa-publish-btn{opacity:1}.story-wa-publish-btn:hover:not(:disabled){background:#128c7efa}.story-wa-publish-btn:disabled{cursor:not-allowed;opacity:.75}.story-wa-publish-btn.success{background:#25d366e6;opacity:1!important}.story-wa-publish-btn.error{background:#dc2626e6;opacity:1!important}.story-publish-error-detail{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#dc2626d9;border-radius:10px;width:100%;padding:8px 14px;font-size:12px;line-height:1.4;animation:.2s story-fade-in}.status-modal-overlay{z-index:2000;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.status-modal{background:#fff;border-radius:18px;width:100%;max-width:500px;animation:.25s cubic-bezier(.34,1.56,.64,1) slideUp;overflow:hidden;box-shadow:0 20px 60px #00000040}.status-modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.status-modal-header h3{color:var(--primary-green,#075e54);margin:0;font-size:16px;font-weight:700}.status-modal-close{cursor:pointer;color:#666;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .12s;display:flex}.status-modal-close:hover{color:#333;background:#eee}.status-modal-tabs{border-bottom:1px solid #f0f0f0;display:flex}.status-modal-tab{cursor:pointer;color:#888;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:13px;font-weight:600;transition:all .15s}.status-modal-tab.active{color:var(--primary-green,#075e54);border-bottom-color:var(--primary-green,#075e54)}.status-modal-body{padding:20px}.status-text-preview{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:140px;margin-bottom:14px;padding:20px;transition:filter .15s;display:flex;position:relative;overflow:hidden}.status-text-preview textarea{text-align:center;resize:none;cursor:text;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:20px;font-weight:700;line-height:1.4}.status-color-picker{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.status-color-dot{cursor:pointer;border:3px solid #0000;border-radius:50%;width:30px;height:30px;transition:transform .12s,box-shadow .12s}.status-color-dot:hover{transform:scale(1.15)}.status-color-dot.selected{border-color:#fff;transform:scale(1.1);box-shadow:0 0 0 2px #333}.status-image-dropzone{text-align:center;cursor:pointer;border:2px dashed #d0d0d0;border-radius:12px;padding:30px 20px;transition:border-color .15s,background .15s;position:relative;overflow:hidden}.status-image-dropzone:hover,.status-image-dropzone.dragging{border-color:var(--primary-green,#075e54);background:#f0faf3}.status-image-dropzone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.status-image-dropzone .drop-icon{margin-bottom:10px;font-size:40px}.status-image-dropzone p{color:#888;margin:4px 0 0;font-size:13px}.status-image-preview-wrap{margin-bottom:12px;position:relative}.status-image-preview{object-fit:cover;border-radius:12px;width:100%;max-height:220px;display:block}.status-image-preview-remove{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;position:absolute;top:8px;right:8px}.status-caption-input{resize:none;box-sizing:border-box;border:1.5px solid #ddd;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .15s}.status-caption-input:focus{border-color:var(--primary-green,#075e54);box-shadow:0 0 0 3px #075e541a}.status-submit-btn{background:linear-gradient(135deg, var(--primary-green-light,#128c7e), var(--primary-green,#075e54));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:14px;padding:13px;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s}.status-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.status-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-modal-feedback{text-align:center;border-radius:8px;margin-top:10px;padding:10px 14px;font-size:13px}.status-modal-feedback.success{color:#2e7d32;background:#e8f5e9}.status-modal-feedback.error{color:#c62828;background:#ffebee}.status-expiry-badge{color:#bbb;margin-top:2px;font-size:10px}.statuses-info-banner{color:#92400e;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #f59e0b;padding:10px 14px;font-size:11.5px;line-height:1.5}body.dark-mode .statuses-sidebar{background:#16213e;border-color:#2d3a57}body.dark-mode .statuses-sidebar-header h2{color:#25d366}body.dark-mode .status-list-item:hover{background:#ffffff0d}body.dark-mode .status-list-item.active{background:#25d3661a}body.dark-mode .status-list-name{color:#e0e0e0}body.dark-mode .status-list-preview{color:#666}body.dark-mode .statuses-section-label{color:#555}body.dark-mode .statuses-section-label-divider{border-color:#2d3a57}body.dark-mode .status-modal{color:#e0e0e0;background:#16213e}body.dark-mode .status-modal-header,body.dark-mode .status-modal-tabs{border-color:#2d3a57}body.dark-mode .status-modal-tab{color:#666}body.dark-mode .status-modal-tab.active{color:#25d366;border-bottom-color:#25d366}body.dark-mode .status-modal-close{color:#aaa;background:#1a1a2e}body.dark-mode .status-caption-input{color:#e0e0e0;background:#1a1a2e;border-color:#3d4a66}body.dark-mode .status-image-dropzone{border-color:#3d4a66}body.dark-mode .status-image-dropzone:hover{background:#25d3660d}body.dark-mode .statuses-info-banner{color:#fbbf24;background:#f59e0b1a;border-color:#d97706}@media (width<=768px){.statuses-wrapper{flex-direction:column}.statuses-sidebar{width:100%;min-width:unset;border-bottom:1px solid #e0e0e0;border-right:none;height:240px}.statuses-main{min-height:300px}}.story-video{object-fit:contain;background:#000;outline:none;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.story-video-controls{z-index:10;opacity:0;background:linear-gradient(#0000,#0000008c);align-items:center;gap:10px;padding:50px 16px 16px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.story-viewer:hover .story-video-controls{opacity:1}.story-video-play-btn{color:#fff;cursor:pointer;background:#fff3;border:2px solid #fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:background .15s;display:flex}.story-video-play-btn:hover{background:#ffffff59}.story-video-bar-wrap{cursor:pointer;background:#ffffff4d;border-radius:2px;flex:1;height:4px;position:relative}.story-video-bar-fill{pointer-events:none;background:#fff;border-radius:2px;height:100%}.story-video-time{color:#ffffffd9;white-space:nowrap;flex-shrink:0;font-size:11px}.story-video-mute-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:16px;transition:opacity .15s}.story-video-mute-btn:hover{opacity:1}.status-video-preview-wrap{background:#000;border-radius:12px;margin-bottom:12px;position:relative;overflow:hidden}.status-video-preview{object-fit:cover;width:100%;max-height:220px;display:block}.status-video-preview-remove{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;position:absolute;top:8px;right:8px}.status-type-badge{color:#888;align-items:center;gap:3px;font-size:11px;display:inline-flex}.bulk-page{box-sizing:border-box;flex-direction:column;gap:12px;height:100%;padding:14px 20px;display:flex}.bulk-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bulk-header h2{color:var(--primary-green);align-items:center;gap:8px;margin:0;font-size:19px;font-weight:700;display:flex}.bulk-tabs{background:#075e540f;border-radius:10px;gap:4px;width:fit-content;padding:3px;display:flex}.bulk-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .2s;display:flex}.bulk-tab:hover{color:var(--primary-green);background:#075e5414}.bulk-tab.active{color:var(--primary-green);background:#fff;font-weight:600;box-shadow:0 2px 6px #0000000f}.bulk-content{background:#fff;border-radius:12px;flex:1;padding:18px;overflow-y:auto;box-shadow:0 2px 10px #0000000d}.bulk-steps{align-items:center;gap:0;margin-bottom:16px;padding:0 4px;display:flex}.bulk-step{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.bulk-step-number{color:#888;background:#e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.bulk-step.active .bulk-step-number{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 2px 8px #25d3664d}.bulk-step.completed .bulk-step-number{background:var(--primary-green);color:#fff}.bulk-step.active{color:var(--primary-green);font-weight:600}.bulk-step-connector{background:#e0e0e0;width:40px;height:2px;margin:0 4px}.bulk-step-connector.completed{background:var(--primary-green)}.source-options{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.source-option{cursor:pointer;text-align:center;background:#fff;border:2px solid #e8e8e8;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;transition:all .2s;display:flex}.source-option:hover{border-color:var(--primary-green-light);background:#075e5405;transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.source-option.active{border-color:var(--primary-green);background:#075e540a;box-shadow:0 2px 12px #075e5426}.source-option-icon{font-size:32px}.source-option-title{color:var(--text-primary);font-size:14px;font-weight:600}.source-option-desc{color:var(--text-muted);font-size:11px}.drop-zone{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #ccc;border-radius:14px;margin-bottom:16px;padding:40px 20px;transition:all .2s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--primary-green);background:#075e5408}.drop-zone-icon{margin-bottom:8px;font-size:40px}.drop-zone-text{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.drop-zone-hint{color:var(--text-muted);font-size:12px}.manual-input-area{resize:vertical;border:1.5px solid #ddd;border-radius:10px;outline:none;width:100%;min-height:150px;padding:14px;font-family:Inter,monospace;font-size:13px;line-height:1.6;transition:border-color .2s}.manual-input-area:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #075e5414}.manual-input-area::placeholder{color:#bbb}.list-selector{flex-direction:column;gap:8px;display:flex}.list-selector-item{cursor:pointer;border:1.5px solid #e8e8e8;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .15s;display:flex}.list-selector-item:hover{border-color:var(--primary-green-light);background:#075e5405}.list-selector-item.selected{border-color:var(--primary-green);background:#075e540d}.list-selector-info{flex-direction:column;gap:2px;display:flex}.list-selector-name{color:var(--text-primary);font-size:14px;font-weight:600}.list-selector-meta{color:var(--text-muted);font-size:12px}.list-selector-check{border:2px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;transition:all .15s;display:flex}.list-selector-item.selected .list-selector-check{background:var(--primary-green);border-color:var(--primary-green);color:#fff}.message-editor{flex-direction:column;gap:12px;display:flex}.message-editor-label{color:var(--text-primary);font-size:14px;font-weight:600}.message-textarea{resize:vertical;border:1.5px solid #ddd;border-radius:10px;outline:none;width:100%;min-height:240px;padding:14px;font-family:inherit;font-size:14px;line-height:1.6;transition:border-color .2s}.message-textarea:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #075e5414}.variable-buttons{flex-wrap:wrap;gap:6px;display:flex}.variable-btn{cursor:pointer;color:var(--primary-green);background:#f8f8f8;border:1px solid #ddd;border-radius:20px;padding:5px 12px;font-family:Courier New,monospace;font-size:12px;font-weight:600;transition:all .15s}.variable-btn:hover{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}.char-count{text-align:right;color:var(--text-muted);font-size:11px}.delay-config{background:#f8faf9;border:1px solid #e8ece8;border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.delay-config-label{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.delay-config-value{color:var(--primary-green);background:#075e5414;border-radius:6px;padding:2px 10px;font-size:14px;font-weight:700}.delay-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#25d366,#e65100);border-radius:3px;outline:none;width:100%;height:6px}.delay-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--primary-green);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #00000026}.delay-slider::-moz-range-thumb{border:3px solid var(--primary-green);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px}.delay-hints{color:var(--text-muted);justify-content:space-between;font-size:10px;display:flex}.preview-list{flex-direction:column;gap:10px;display:flex}.preview-item{border-left:4px solid var(--primary-green);background:#e8f5e9;border-radius:10px;padding:14px 16px}.preview-item-phone{color:var(--primary-green);margin-bottom:4px;font-size:12px;font-weight:600}.preview-item-message{color:var(--text-primary);white-space:pre-wrap;font-size:14px}.progress-section{text-align:center;padding:20px}.progress-bar-wrapper{background:#e8e8e8;border-radius:10px;height:14px;margin:16px 0;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#25d366,#128c7e);border-radius:10px;min-width:2%;height:100%;transition:width .3s}.progress-stats{justify-content:center;gap:20px;margin-top:12px;font-size:13px;display:flex}.progress-stat{align-items:center;gap:6px;font-weight:600;display:flex}.progress-stat.sent{color:#2e7d32}.progress-stat.failed{color:#c62828}.progress-stat.pending{color:#e65100}.campaign-table{border-collapse:collapse;width:100%;font-size:13px}.campaign-table th{background:var(--primary-green);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:12px 14px;font-size:11px;font-weight:600}.campaign-table th:first-child{border-radius:8px 0 0}.campaign-table th:last-child{border-radius:0 8px 0 0}.campaign-table td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:12px 14px}.campaign-table tr:hover td{background:#f9fafb}.campaign-status{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.campaign-status.completed{color:#2e7d32;background:#e8f5e9}.campaign-status.sending{color:#1565c0;background:#e3f2fd}.campaign-status.paused{color:#e65100;background:#fff3e0}.campaign-status.failed{color:#c62828;background:#ffebee}.campaign-status.draft{color:#666;background:#f5f5f5}.lists-table{border-collapse:collapse;width:100%;font-size:13px}.lists-table th{background:var(--primary-green);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:12px 14px;font-size:11px;font-weight:600}.lists-table th:first-child{border-radius:8px 0 0}.lists-table th:last-child{border-radius:0 8px 0 0}.lists-table td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:12px 14px}.lists-table tr:hover td{background:#f9fafb}.bulk-alert{border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px 16px;font-size:13px;display:flex}.bulk-alert.info{color:#1565c0;background:#e3f2fd}.bulk-alert.warning{color:#e65100;background:#fff3e0}.bulk-alert.success{color:#2e7d32;background:#e8f5e9}.bulk-alert.error{color:#c62828;background:#ffebee}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state-icon{margin-bottom:12px;font-size:48px}.empty-state-text{color:var(--text-secondary);margin-bottom:4px;font-size:15px;font-weight:500}.empty-state-hint{font-size:13px}.section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.bulk-action-bar{border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 0;display:flex}.bulk-summary{color:var(--text-secondary);font-size:13px}.bulk-summary strong{color:var(--primary-green);font-size:16px}.delete-btn{color:#c62828;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px;transition:all .15s}.delete-btn:hover{background:#ffebee}.form-row{align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.form-group{flex-direction:column;flex:1;gap:6px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.form-group input,.form-group select{border:1.5px solid #ddd;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #075e5414}body.dark-mode .bulk-content{background:#16213e}body.dark-mode .bulk-tabs{background:#ffffff0d}body.dark-mode .bulk-tab{color:#aaa}body.dark-mode .bulk-tab.active{color:#25d366;box-shadow:none;background:#1e2a47}body.dark-mode .bulk-tab:hover{background:#ffffff0f}body.dark-mode .source-option{background:#1e2a47;border-color:#2d3a57}body.dark-mode .source-option:hover{background:#1e2a47;border-color:#25d366}body.dark-mode .source-option.active{background:#25d36614;border-color:#25d366}body.dark-mode .source-option-title{color:#e0e0e0}body.dark-mode .drop-zone{background:#1e2a47;border-color:#2d3a57}body.dark-mode .drop-zone:hover{border-color:#25d366}body.dark-mode .manual-input-area,body.dark-mode .message-textarea{color:#e0e0e0;background:#1a1a2e;border-color:#2d3a57}body.dark-mode .list-selector-item{border-color:#2d3a57}body.dark-mode .list-selector-item:hover{background:#25d3660a;border-color:#25d366}body.dark-mode .list-selector-name{color:#e0e0e0}body.dark-mode .list-selector-check{border-color:#444}body.dark-mode .delay-config{background:#1e2a47;border-color:#2d3a57}body.dark-mode .preview-item{background:#25d36614;border-left-color:#25d366}body.dark-mode .preview-item-message{color:#e0e0e0}body.dark-mode .progress-bar-wrapper{background:#2d3a57}body.dark-mode .campaign-table td{border-color:#2d3a57}body.dark-mode .campaign-table tr:hover td{background:#1e2a47}body.dark-mode .lists-table td{border-color:#2d3a57}body.dark-mode .lists-table tr:hover td{background:#1e2a47}body.dark-mode .bulk-action-bar{border-color:#2d3a57}body.dark-mode .variable-btn{color:#25d366;background:#1e2a47;border-color:#2d3a57}body.dark-mode .variable-btn:hover{color:#1a1a2e;background:#25d366}body.dark-mode .section-title{color:#e0e0e0}body.dark-mode .form-group label{color:#aaa}body.dark-mode .form-group input,body.dark-mode .form-group select{color:#e0e0e0;background:#1a1a2e;border-color:#2d3a57}body.dark-mode .bulk-step-number{color:#666;background:#2d3a57}.campaign-builder{grid-template-columns:1fr 360px;gap:20px;min-height:500px;display:grid}.campaign-main{flex-direction:column;gap:16px;display:flex}.campaign-form-section{background:#f8faf8;border-radius:12px;padding:16px}.campaign-form-section .section-title{margin-bottom:12px}.campaign-form-row{gap:12px;margin-bottom:12px;display:flex}.campaign-form-row .form-group{flex:1}.contact-search-bar{background:#f4f6f4;border:1.5px solid #e0e0e0;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.contact-search-bar:focus-within{border-color:var(--primary-green);box-shadow:0 0 0 3px #075e5414}.contact-search-bar input{color:var(--text-primary,#222);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.contact-search-bar .search-icon{color:#888;font-size:14px}.contact-list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.toolbar-actions{gap:6px;display:flex}.toolbar-btn{cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #ddd;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.toolbar-btn:hover{border-color:var(--primary-green);color:var(--primary-green)}.toolbar-btn.primary{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}.toolbar-btn.primary:hover{background:#128c7e}.contact-table-wrapper{-webkit-user-select:none;user-select:none;border:1.5px solid #e8e8e8;border-radius:10px;max-height:360px;overflow-y:auto}.contact-table{border-collapse:collapse;width:100%;font-size:13px}.contact-table thead{z-index:2;position:sticky;top:0}.contact-table th{text-align:left;color:var(--text-secondary,#555);text-transform:uppercase;letter-spacing:.5px;background:#f4f6f4;border-bottom:1.5px solid #e8e8e8;padding:10px 12px;font-size:11px;font-weight:600}.contact-table td{color:var(--text-primary,#222);border-bottom:1px solid #f0f0f0;padding:8px 12px}.contact-row{cursor:pointer;transition:background .1s}.contact-row:hover{background:#075e5408}.contact-row.selected{background:#25d36614}.contact-row.selected:hover{background:#25d3661f}.contact-row.drag-over{background:#25d36626}.contact-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-green);cursor:pointer}.contact-name{font-weight:500}.contact-phone{color:#666;font-family:SF Mono,Menlo,monospace;font-size:12px}.contact-list-badge{color:var(--primary-green);background:#075e5414;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.selected-panel{background:#f8faf8;border:1.5px solid #e8e8e8;border-radius:12px;flex-direction:column;gap:12px;height:fit-content;max-height:750px;padding:16px;display:flex;position:sticky;top:16px}.selected-panel-header{justify-content:space-between;align-items:center;display:flex}.selected-panel-title{color:var(--primary-green);font-size:14px;font-weight:700}.selected-count-badge{background:var(--primary-green);color:#fff;text-align:center;border-radius:10px;min-width:24px;padding:2px 10px;font-size:12px;font-weight:700}.selected-list{flex-direction:column;gap:4px;max-height:450px;display:flex;overflow-y:auto}.selected-item{background:#fff;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.selected-item-info{flex-direction:column;display:flex}.selected-item-name{color:var(--text-primary,#222);font-weight:600}.selected-item-phone{color:#888;font-size:11px}.selected-item-remove{cursor:pointer;color:#c62828;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px;transition:background .2s}.selected-item-remove:hover{background:#c6282814}.selected-panel-actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:420px;max-width:90vw;padding:24px;animation:.25s modalIn;box-shadow:0 20px 60px #0003}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:var(--primary-green);font-size:16px;font-weight:700}.modal-close{cursor:pointer;color:#888;background:0 0;border:none;padding:4px;font-size:20px}.modal-footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.contacts-tab-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.contacts-tab-toolbar .contact-search-bar{flex:1;min-width:200px}.contacts-tab-actions{gap:8px;display:flex}.saved-lists-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.saved-list-card{cursor:pointer;background:#fff;border:1.5px solid #e8e8e8;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.saved-list-card:hover{border-color:var(--primary-green-light);background:#075e5405}.saved-list-card.selected{border-color:var(--primary-green);background:#075e540f;box-shadow:0 2px 8px #075e541f}.saved-list-card input[type=checkbox]{accent-color:var(--primary-green);flex-shrink:0;width:16px;height:16px}.saved-list-info{flex-direction:column;gap:2px;display:flex}.saved-list-name{color:var(--text-primary);font-size:13px;font-weight:600}.saved-list-count{color:var(--text-muted);font-size:11px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.template-card{background:#fff;border:1.5px solid #e8e8e8;border-radius:12px;transition:all .2s;overflow:hidden}.template-card:hover{border-color:var(--primary-green-light);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.template-card-header{background:#f8faf8;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.template-card-name{color:var(--text-primary);font-size:14px;font-weight:600}.template-card-actions{gap:4px;display:flex}.template-card-body{color:var(--text-secondary);white-space:pre-wrap;min-height:60px;padding:12px 14px;font-size:13px;line-height:1.5}.template-card-footer{color:var(--text-muted);border-top:1px solid #f0f0f0;padding:8px 14px;font-size:11px}body.dark-mode .saved-list-card{background:#1e2a47;border-color:#2d3a57}body.dark-mode .saved-list-card:hover{background:#25d3660f;border-color:#25d366}body.dark-mode .saved-list-card.selected{background:#25d3661a;border-color:#25d366}body.dark-mode .saved-list-name{color:#e0e0e0}body.dark-mode .template-card{background:#1e2a47;border-color:#2d3a57}body.dark-mode .template-card:hover{border-color:#25d366}body.dark-mode .template-card-header{background:#1a1a2e;border-color:#2d3a57}body.dark-mode .template-card-name{color:#e0e0e0}body.dark-mode .template-card-body{color:#aaa}body.dark-mode .template-card-footer{border-color:#2d3a57}body.dark-mode .campaign-form-section{background:#1e2a47}body.dark-mode .contact-search-bar{background:#1a1a2e;border-color:#2d3a57}body.dark-mode .contact-search-bar input{color:#e0e0e0}body.dark-mode .contact-table-wrapper{border-color:#2d3a57}body.dark-mode .contact-table th{color:#aaa;background:#1e2a47;border-color:#2d3a57}body.dark-mode .contact-table td{color:#e0e0e0;border-color:#2d3a57}body.dark-mode .contact-row:hover{background:#25d3660f}body.dark-mode .contact-row.selected{background:#25d3661f}body.dark-mode .selected-panel{background:#1e2a47;border-color:#2d3a57}body.dark-mode .selected-item{background:#1a1a2e;border-color:#2d3a57}body.dark-mode .selected-item-name{color:#e0e0e0}body.dark-mode .modal-content{background:#16213e}body.dark-mode .toolbar-btn{color:#e0e0e0;background:#1e2a47;border-color:#2d3a57}body.dark-mode .toolbar-btn:hover{color:#25d366;border-color:#25d366}body.dark-mode .contact-list-badge{background:#25d36626}@media (width<=768px){.campaign-builder{grid-template-columns:1fr}.selected-panel{max-height:200px;position:static}.source-options{grid-template-columns:1fr}.bulk-tabs{flex-wrap:wrap}.bulk-steps{flex-wrap:wrap;gap:8px}.bulk-step-connector{display:none}.form-row{flex-direction:column}.bulk-action-bar{flex-direction:column;gap:12px}.progress-stats{flex-direction:column;gap:8px}.campaign-form-row,.contacts-tab-toolbar{flex-direction:column}.saved-lists-grid,.templates-grid{grid-template-columns:1fr}}:root{--primary-green:#075e54;--primary-green-light:#128c7e;--primary-green-dark:#064940;--accent-green:#25d366;--light-green:#25d366;--whatsapp-green:#dcf8c6;--bg-light:#f5f7fa;--bg-dark:#1a1a2e;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--border-color:#e0e0e0;--card-bg:#fff;--sidebar-bg:linear-gradient(180deg, #075e54, #064940);--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:all .2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg-light);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#root{height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aaa}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:linear-gradient(135deg, var(--primary-green-light), var(--primary-green));color:#fff;border:none;justify-content:center;align-items:center;gap:5px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:#333;background:#f5f5f5;border:1px solid #ddd}.btn-secondary:hover{background:#eee}.upload-btn{background:linear-gradient(135deg, var(--primary-green-light), var(--primary-green));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:5px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.upload-btn:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-1px)}.upload-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.stats-cards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:16px;display:grid}.stat-card{border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:12px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-number{color:var(--primary-green);font-size:1.5em;font-weight:700}.stat-label{color:var(--text-secondary);margin-top:3px;font-size:.75em}.table-responsive{overflow-x:auto}.conversations-table{border-collapse:collapse;width:100%;font-size:13px}.conversations-table th{background:var(--primary-green);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;font-size:11px;font-weight:600}.conversations-table td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:10px 12px}.conversations-table tr:hover td{background:#f9fafb}.conv-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:#2e7d32;background:#e8f5e9}.badge-warning{color:#e65100;background:#fff3e0}.badge-danger{color:#c62828;background:#ffebee}.badge-purple{color:#7b1fa2;background:#f3e5f5}.conv-filter-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:20px;align-items:center;gap:4px;padding:6px 13px;font-family:inherit;font-size:12px;display:inline-flex}.conv-filter-btn.active,.conv-filter-btn:hover{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-container{border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;animation:.2s slideUp;overflow-y:auto}.modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--primary-green);font-size:16px;font-weight:600}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:24px}.modal-close:hover{color:#333;background:#f5f5f5}.loading-spinner,.spinner{border:4px solid #e0e0e0;border-top:4px solid var(--primary-green);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite spin}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body.dark-mode{--bg-light:#1a1a2e;--text-primary:#e0e0e0;--text-secondary:#aaa;--text-muted:#777;--border-color:#333;--card-bg:#16213e}body.dark-mode .dashboard-content{background:#1a1a2e}body.dark-mode .content-card{color:#e0e0e0;background:#16213e}body.dark-mode .conversations-table td{border-color:#333}body.dark-mode .conversations-table tr:hover td{background:#1e2a47}body.dark-mode .stat-card{color:#e0e0e0}body.dark-mode .modal-container{color:#e0e0e0;background:#16213e}body.dark-mode .modal-header{border-color:#333}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{color:#e0e0e0!important;background:#1a1a2e!important;border-color:#444!important}body.dark-mode .conv-filter-btn{color:#aaa;background:#1a1a2e;border-color:#444}body.dark-mode .conv-filter-btn.active{background:var(--primary-green);color:#fff}@media (width<=768px){.stats-cards{grid-template-columns:repeat(2,1fr)}.conversations-table{font-size:12px}.conversations-table th,.conversations-table td{padding:8px 10px}}@media (width<=480px){.stats-cards{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px}.stat-number{font-size:1.3em}}