code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.avatar-img,.profile-picture img,.user-avatar img,img[src*=photoURL],img[src*=profile-photos],img[src*=user-profiles]{object-fit:cover;will-change:transform}.skeleton{animation:skeleton-loading 1.8s ease-in-out infinite;background:linear-gradient(90deg,#e8e8e8,#f5f5f5 50%,#e8e8e8);background:linear-gradient(90deg,var(--skeleton-base,#e0e0e0) 0,var(--skeleton-shine,#f0f0f0) 50%,var(--skeleton-base,#e0e0e0) 100%);border-radius:4px;overflow:hidden;position:relative}.skeleton:after{animation:skeleton-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);background-size:200% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}:root{--skeleton-base:#e8e8e8;--skeleton-shine:#f5f5f5}[data-theme=dark]{--skeleton-base:#2a2a2a;--skeleton-shine:#3a3a3a}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000)}.skeleton-container{display:flex;flex-direction:column;gap:12px;padding:16px}.skeleton-conversation-item{align-items:center;animation:skeleton-fade-in .3s ease-out forwards;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;opacity:0;padding:16px}.skeleton-conversation-item:first-child{animation-delay:.05s}.skeleton-conversation-item:nth-child(2){animation-delay:.1s}.skeleton-conversation-item:nth-child(3){animation-delay:.15s}.skeleton-conversation-item:nth-child(4){animation-delay:.2s}.skeleton-conversation-item:nth-child(5){animation-delay:.25s}.skeleton-conversation-item:nth-child(6){animation-delay:.3s}.skeleton-conversation-item:nth-child(7){animation-delay:.35s}.skeleton-conversation-item:nth-child(8){animation-delay:.4s}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton-conversation-content{flex:1 1}.skeleton-conversation-header{align-items:center;display:flex;justify-content:space-between}.skeleton-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:24px}.skeleton-stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:16px;padding:24px}.skeleton-messages{display:flex;flex-direction:column;gap:16px;padding:24px}.skeleton-message{display:flex}.skeleton-message.sent{justify-content:flex-end}.skeleton-message.received{justify-content:flex-start}.skeleton-user-list{display:flex;flex-direction:column;gap:16px;padding:24px}.skeleton-user-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:20px}.skeleton-user-content{flex:1 1}.skeleton-kb-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:24px}.skeleton-kb-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.skeleton-recent-section{margin-top:24px;padding:24px}.skeleton-message-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;margin-bottom:12px;padding:12px 16px}.skeleton-table{display:flex;flex-direction:column;gap:12px;padding:24px}.skeleton-table-row{grid-gap:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:16px}.skeleton-table-cell{align-items:center;display:flex}@media (max-width:768px){.skeleton-kb-grid,.skeleton-stats-grid{grid-template-columns:1fr}.skeleton-conversation-item{padding:12px}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.load-more-btn{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;box-shadow:0 2px 8px #25d36633;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:16px;padding:12px 24px;transition:all .2s ease;width:calc(100% - 32px)}.load-more-btn:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.load-more-btn:active{transform:translateY(0)}.conversation-list{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:visible}.conversation-list.fade-in{animation:conversationListFadeIn .4s ease-out}@keyframes conversationListFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.new-chat-button{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:24px;box-shadow:0 2px 8px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.new-chat-button:hover{box-shadow:0 4px 12px #25d36666;transform:translateY(-2px)}.conversation-list-header{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom:2px solid var(--border-color);box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;overflow:visible;padding:18px 22px;position:relative;z-index:10}.conversation-list-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:21px;font-weight:800;letter-spacing:-.02em;margin:0}.new-chat-header-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;box-shadow:0 2px 8px #25d36640;color:#fff;cursor:pointer;display:flex!important;flex-shrink:0;font-size:14px;font-weight:600;gap:6px;justify-content:center;overflow:visible;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:20}.new-chat-header-btn svg{height:16px;width:16px}.new-chat-header-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.new-chat-header-btn:hover:before{left:100%}.new-chat-header-btn:hover{box-shadow:0 6px 16px #25d36659;transform:translateY(-2px)}.new-chat-header-btn svg{font-size:18px}.conversation-actions{gap:8px}.mobile-header-actions{display:none;position:relative}.mobile-menu-button{background:none;color:var(--text-secondary)}.mobile-menu-button:hover{background:var(--whatsapp-light-gray)}.mobile-menu-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-medium);min-width:120px;opacity:0;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-1px);transition:all .2s ease;visibility:hidden;z-index:1000}.mobile-menu-dropdown.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-dropdown button{align-items:center;background:none;border:none;color:#dc2626;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.mobile-menu-dropdown button:hover{background:#fef2f2}.conversation-search{align-items:center;background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #00000005;display:flex;gap:10px;padding:18px 22px}.search-input-container{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{transition:color .3s ease;z-index:1}.search-input{border-radius:12px;box-shadow:0 2px 4px #0000000a;font-weight:500;padding:12px 16px 12px 48px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input::placeholder{font-weight:400}.search-input:focus{background:var(--bg-secondary);box-shadow:0 4px 12px #25d3661f,0 0 0 3px #25d36614;transform:translateY(-1px)}.search-input:focus~.search-icon{color:var(--whatsapp-green)}.conversations{background:var(--bg-secondary);flex:1 1;overflow-x:hidden;overflow-y:auto}.conversation-item{align-items:center;animation:conversationItemFadeIn .4s ease-out backwards;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;min-height:76px;overflow:visible;padding:14px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.conversation-item:first-child{animation-delay:.05s}.conversation-item:nth-child(2){animation-delay:.1s}.conversation-item:nth-child(3){animation-delay:.15s}.conversation-item:nth-child(4){animation-delay:.2s}.conversation-item:nth-child(5){animation-delay:.25s}.conversation-item:nth-child(6){animation-delay:.3s}.conversation-item:nth-child(7){animation-delay:.35s}.conversation-item:nth-child(8){animation-delay:.4s}.conversation-item:nth-child(9){animation-delay:.45s}.conversation-item:nth-child(10){animation-delay:.5s}@keyframes conversationItemFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.conversation-item:before{background:linear-gradient(90deg,#25d36614,#0000);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0}.conversation-item:hover{background-color:var(--bg-tertiary);box-shadow:0 2px 8px #0000000f}.conversation-item:hover:before{width:100%}.conversation-item.unread{background:linear-gradient(90deg,#25d3660d 0,var(--bg-tertiary) 100%);border-left:4px solid var(--whatsapp-green);box-shadow:0 1px 3px #25d3661a}.conversation-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 3px 8px #25d36640;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:52px;justify-content:center;margin-right:16px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px}.conversation-item:hover .conversation-avatar{box-shadow:0 4px 12px #25d36659;transform:scale(1.05)}.conversation-avatar .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.conversation-content{justify-content:center;max-width:100%;min-width:0;overflow:hidden}.conversation-item .conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.delete-conversation-btn{background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:12px;opacity:.7;padding:6px;pointer-events:all;position:relative;transition:all .2s ease;z-index:100}.delete-conversation-btn:hover{background:#dc35451a;opacity:1}.conversation-item:hover .delete-conversation-btn{opacity:1}.conversation-name{color:var(--text-primary);font-size:15.5px;font-weight:700;letter-spacing:-.01em;margin:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.conversation-item:hover .conversation-name{color:var(--whatsapp-green)}.participant-avatars{align-items:center;display:flex;margin-right:8px}.participant-avatar{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green) 0,#128c7e 100%);border:2px solid var(--bg-secondary);box-shadow:0 2px 4px #25d36633;color:#fff;display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;margin-left:-8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.participant-avatar:first-child{margin-left:0}.participant-avatar:hover{box-shadow:0 4px 8px #25d3664d;transform:scale(1.2) translateY(-2px);z-index:10}.participant-avatar.more{background:var(--bg-tertiary);color:var(--text-primary);font-size:9px}.conversation-time{color:var(--text-tertiary);font-size:12px;font-weight:500;margin-left:8px;transition:color .2s ease;white-space:nowrap}.conversation-item:hover .conversation-time{color:var(--whatsapp-green)}.conversation-preview{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:4px}.preview-text{color:var(--text-secondary);flex:1 1;font-size:13px;font-weight:400;margin:0;max-width:250px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.conversation-item:hover .preview-text{color:var(--text-primary)}.last-message{color:var(--text-secondary);flex:1 1;font-size:13px;font-weight:400;line-height:1.5;margin:0;max-width:250px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.conversation-item:hover .last-message{color:var(--text-primary)}.unread-badge{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:2px solid #fff;border-radius:12px;box-shadow:0 3px 8px #25d36659;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;margin-left:8px;min-width:22px;padding:0 6px;transition:all .3s ease}.conversation-item:hover .unread-badge{transform:scale(1.1)}.empty-icon,.message-type-icon{color:var(--text-secondary)}.message-type-icon{font-size:12px;margin-right:4px}@media (max-width:768px){.conversation-list{background:#fff;border-radius:0;height:100vh;margin:0}.conversation-item,.conversation-item.unread,.conversation-item:active,.conversation-item:focus,.conversation-item:hover{background-color:#fff!important;background:#fff!important}.mobile-header-actions{display:block}.new-chat-button{display:none}.mobile-new-chat-btn{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #25d36666;color:#fff;cursor:pointer;display:block;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:20px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:56px;z-index:10001}.mobile-new-chat-btn:hover{background:var(--whatsapp-green-dark);transform:scale(1.05)}.mobile-new-chat-btn svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.mobile-new-chat-btn.active{background:#ef4444}.mobile-new-chat-btn.active svg{transform:rotate(45deg)}.conversation-list-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.conversation-list-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.new-chat-header-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:6px;box-shadow:0 2px 4px #25d36633;color:#fff;cursor:pointer;display:flex!important;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.new-chat-header-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 3px 8px #25d3664d;transform:translateY(-1px)}.new-chat-header-btn svg{font-size:18px}.conversation-search{background:var(--bg-primary)!important;margin:0;padding:8px 16px}.conversation-item{max-height:64px;min-height:64px;padding:8px 12px;transition:none!important}.conversation-item,.conversation-item:active,.conversation-item:hover{background-color:#fff!important;background:#fff!important;transform:none!important}.conversation-item.unread{border-left:3px solid var(--whatsapp-green)}.conversation-item.unread,.conversation-item.unread:hover{background-color:#fff!important;background:#fff!important}.conversation-avatar{flex-shrink:0;font-size:16px;height:44px!important;margin-right:10px;min-height:44px;min-width:44px;width:44px!important}.conversation-name{font-size:15px!important;line-height:1.3;margin-bottom:2px}.conversation-preview{font-size:13px!important;line-height:1.3}.conversation-time{font-size:11px!important}.conversation-content{flex:1 1;max-height:48px;min-width:0;overflow:hidden}.conversation-content,.conversation-header{background:#0000!important;background-color:initial!important}.conversation-header{margin-bottom:2px;transform:none!important}.conversation-name,.conversation-preview{background:#0000!important;background-color:initial!important}.conversation-preview{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item .conversation-header{background:#0000!important;background-color:initial!important}.conversations{height:calc(100vh - 140px);overflow-y:auto}.conversation-list,.conversations{background:var(--bg-primary)!important}}.unread-checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:8px;height:40px;margin:0;padding:0;-webkit-user-select:none;user-select:none}.unread-checkbox{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.checkbox-label{white-space:nowrap}.filter-toggle-btn{background:var(--bg-tertiary);box-shadow:0 2px 4px #0000000a;color:var(--text-secondary);font-size:18px;height:40px;justify-content:center;min-width:40px;padding:10px 12px;position:relative}.filter-toggle-btn:hover{box-shadow:0 4px 8px #25d36640}.filter-toggle-btn.active{box-shadow:0 3px 6px #25d3664d}.filter-count{background:#ef4444;border:2px solid var(--bg-secondary);border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:10px;font-weight:700;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:-6px;text-align:center;top:-6px}.conversation-filters{animation:slideDown .2s ease;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 20px}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:101}.filter-group{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 2px 4px #00000008;min-width:160px;padding:10px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.filter-group:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 8px #25d3661a}.filter-group:focus-within{border-color:var(--whatsapp-green);box-shadow:0 4px 12px #25d3661f,0 0 0 3px #25d36614;transform:translateY(-1px);z-index:10001}.filter-icon{color:var(--text-secondary);flex-shrink:0;font-size:16px}.filter-select{background:none;border:none;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:0;outline:none}.filter-select option{background:var(--bg-secondary);color:var(--text-primary);padding:8px}.searchable-select{flex:1 1;position:relative}.searchable-input{cursor:text!important}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-medium);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:10000}.dropdown-item{padding:10px 12px;transition:background .2s ease}.dropdown-item:hover:not(.disabled){background:var(--bg-tertiary)}.dropdown-item.selected{background:#25d3661a;color:var(--whatsapp-green);font-weight:600}.dropdown-item.disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:.5}.clear-filters-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;gap:6px;height:40px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.clear-filters-btn:hover{background:#dc2626}.selected-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filter-chip{box-shadow:0 2px 4px #0000000f;font-size:13px;font-weight:600;padding:7px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.filter-chip:hover{box-shadow:0 3px 8px #0000001a;transform:translateY(-1px)}.filter-chip.tag-chip{background:linear-gradient(135deg,#25d36626,#25d36614);border:2px solid #25d36666;color:var(--whatsapp-green)}.filter-chip.agent-chip{background:linear-gradient(135deg,#3b82f626,#3b82f614);border:2px solid #3b82f666;color:#3b82f6}.chip-remove{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:2px;transition:all .2s ease}.chip-remove:hover{background:#0000001a}.clear-all-filters-btn{background:none;border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.clear-all-filters-btn:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.filter-label{align-items:center;color:var(--text-primary);display:flex;font-size:13px;gap:6px;margin-bottom:6px}.checkbox-item{display:flex!important;gap:10px;padding:10px 12px!important}.checkbox-item input[type=checkbox]{accent-color:var(--whatsapp-green);flex-shrink:0;height:16px;width:16px}.checkbox-item span{color:var(--text-primary)}.checkbox-item:hover{background:var(--bg-tertiary)}#agent-dropdown{display:none;position:relative}#agent-dropdown.show{display:block}#agent-dropdown .dropdown-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-medium);left:0;max-height:300px;overflow-y:auto;position:absolute;top:0;width:100%;z-index:10000}.quick-actions-container{position:relative}.quick-actions-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;opacity:0;padding:6px;transition:all .2s ease}.conversation-item:hover .quick-actions-btn{opacity:1}.quick-actions-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.quick-actions-menu{animation:slideDown .15s ease;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-heavy);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.quick-action-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 14px;text-align:left;transition:all .15s ease;width:100%}.quick-action-item:last-child{border-bottom:none}.quick-action-item:hover{background:var(--bg-tertiary);padding-left:18px}.quick-action-item svg{flex-shrink:0;font-size:15px}.quick-action-item.danger{color:#ef4444}.quick-action-item.danger:hover{background:#fef2f2;color:#dc2626}.tag-editor-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.tag-editor-modal{animation:slideUp .2s ease;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-heavy);max-width:500px;width:90%}.tag-editor-header{align-items:center;border-bottom:1.5px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.tag-editor-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.tag-editor-header .close-btn{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:6px;transition:all .2s ease}.tag-editor-header .close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tag-editor-body{padding:20px}.tag-editor-body label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.tag-editor-body input{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.tag-editor-body input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d36614;outline:none}.tag-editor-body select.agent-select{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.tag-editor-body select.agent-select:focus{background:var(--bg-secondary);border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d36614;outline:none}.tag-hint{color:var(--text-secondary);font-size:12px;margin-top:8px}.tag-editor-actions{border-top:1.5px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.tag-editor-actions .cancel-btn{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.tag-editor-actions .cancel-btn:hover{background:var(--border-color)}.tag-editor-actions .save-btn{background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.tag-editor-actions .save-btn:hover{background:var(--whatsapp-green-dark);transform:translateY(-1px)}.conversation-meta{gap:8px;margin-top:4px}.conversation-meta,.conversation-tags{align-items:center;display:flex;flex-wrap:wrap}.conversation-tags{gap:4px}.conversation-tag{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px;box-shadow:0 1px 2px #1d4ed81a;color:#1d4ed8;display:flex;font-size:10px;font-weight:600;gap:2px;padding:3px 7px;transition:all .2s ease}.conversation-item:hover .conversation-tag{box-shadow:0 2px 4px #1d4ed826;transform:scale(1.05)}.tag-icon{font-size:8px}.more-tags{background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:10px;font-weight:500;padding:2px 6px}.conversation-agent{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:12px;box-shadow:0 1px 2px #1665341a;color:#166534;display:flex;font-size:10px;font-weight:600;gap:3px;padding:3px 7px;transition:all .2s ease}.conversation-item:hover .conversation-agent{box-shadow:0 2px 4px #16653426;transform:scale(1.05)}.agent-icon{font-size:8px}.agent-name{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.conversation-search{padding:12px 16px}.filter-row{align-items:stretch;flex-direction:column;gap:8px}.filter-group{min-width:auto;width:100%}.clear-filters-btn{width:100%}.quick-actions-btn{opacity:1}.quick-actions-menu{min-width:160px;right:-8px}.tag-editor-modal{max-width:95vw;width:95%}.conversation-meta{gap:6px;margin-top:6px}.conversation-agent,.conversation-tag{font-size:9px;padding:1px 4px}.agent-icon,.tag-icon{font-size:7px}}.app-notification{align-items:center;animation:slideDown .3s ease-out;box-shadow:0 2px 8px #0000001a;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:space-between;left:0;margin-bottom:0;padding:14px 20px;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:1000}.app-notification.error{background:linear-gradient(135deg,#f44,#c00);color:#fff}.app-notification.warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.app-notification.success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.notification-content{align-items:center;display:flex;flex:1 1;gap:10px}.notification-icon{font-size:18px}.notification-close{color:#fff;justify-content:center;opacity:.8}.notification-close:hover{background:#fff3;opacity:1}@media (max-width:768px){.app-notification{font-size:13px;padding:12px 16px}.notification-close,.notification-icon{font-size:16px}}.conversation-context-menu{animation:contextMenuFadeIn .15s ease-out;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;max-height:calc(100vh - 20px);max-width:280px;min-width:240px;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--whatsapp-green) var(--bg-secondary);scrollbar-width:thin;z-index:10000}.conversation-context-menu::-webkit-scrollbar{width:6px}.conversation-context-menu::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:0 12px 12px 0}.conversation-context-menu::-webkit-scrollbar-thumb{background:var(--whatsapp-green);border-radius:3px}.conversation-context-menu::-webkit-scrollbar-thumb:hover{background:#128c7e}.context-menu-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:10px 10px 0 0;color:var(--text-primary);font-size:14px;font-weight:600;padding:12px 16px}.context-menu-header span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-item{border-radius:0;padding:12px 16px}.context-menu-item span{flex:1 1}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background:#ef44441a;color:#dc2626}[data-theme=dark] .conversation-context-menu{background:var(--bg-secondary);box-shadow:0 8px 24px #0006}@media (max-width:768px){.conversation-context-menu{left:5vw!important;max-width:90vw}}.archive-toggle-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #00000014;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;gap:6px;padding:10px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.archive-toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--whatsapp-green);box-shadow:0 4px 12px #25d36633;transform:translateY(-2px)}.archive-toggle-btn.active{background:linear-gradient(135deg,#25d366,#128c7e);border-color:#0000;box-shadow:0 4px 12px #25d3664d;color:#fff}.archive-toggle-btn .badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:700;line-height:1.2;min-width:20px;padding:2px 7px;text-align:center}.archived-count-badge{background:#667eea26;border-radius:12px;color:#667eea;cursor:help;font-size:13px;font-weight:600;margin-left:8px;padding:4px 10px}.conversation-count{background:var(--whatsapp-green);border-radius:16px;color:#fff;font-size:14px;font-weight:600;margin-left:12px;padding:4px 12px}.title-icon{font-size:28px;margin-right:8px}.image-viewer-overlay{animation:fadeIn .2s ease;background:#000000f2;bottom:0;cursor:zoom-out;flex-direction:column;justify-content:center;z-index:10000}.image-viewer-controls,.image-viewer-overlay{align-items:center;display:flex;left:0;position:fixed;right:0;top:0}.image-viewer-controls{background:linear-gradient(180deg,#000c,#0000);gap:12px;padding:16px 24px;z-index:10001}.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.control-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.control-btn svg{font-size:18px}.zoom-level{color:#fff;font-size:14px;font-weight:600;opacity:.8;padding:0 8px}.download-btn{background:var(--whatsapp-green);border-color:var(--whatsapp-green);margin-left:auto}.download-btn:hover{background:var(--whatsapp-green-dark);border-color:var(--whatsapp-green-dark)}.close-btn{background:#ef444433;border-color:#ef444466}.close-btn:hover{background:#ef444466;border-color:#ef444499}.image-viewer-content{align-items:center;cursor:default;display:flex;flex-direction:column;justify-content:center;max-height:90vh;max-width:90vw;padding:60px 20px 20px}.viewer-image{border-radius:12px;box-shadow:0 20px 60px #00000080;cursor:zoom-in;max-height:calc(90vh - 100px);transition:transform .3s ease}.image-caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:15px;line-height:1.5;margin-top:20px;max-width:600px;padding:16px 24px;text-align:center}@media (max-width:768px){.image-viewer-controls{gap:8px;padding:12px 16px}.control-btn{font-size:14px;padding:8px 12px}.control-btn svg{font-size:16px}.download-btn .btn-text{display:none}.zoom-level{font-size:12px}.image-viewer-content{padding:50px 10px 10px}.viewer-image{border-radius:8px;max-height:calc(90vh - 80px)}.image-caption{font-size:14px;max-width:90%;padding:12px 16px}}[data-theme=dark] .control-btn{background:#ffffff26;border-color:#ffffff40}[data-theme=dark] .control-btn:hover{background:#ffffff40;border-color:#ffffff59}.message-bubble{animation:fadeInUp .2s ease-out;border:none!important;clear:both;display:flex;flex-direction:column;margin-bottom:12px;outline:none!important}.message-bubble.customer{align-items:flex-start}.message-bubble.business{align-items:flex-end}.message-content{max-width:85%;min-width:0}.message-author-container{align-items:center;display:flex;gap:6px;margin-bottom:6px;padding:0}.message-author{font-size:12.5px;font-weight:600;line-height:1.2}.message-text .message-body{word-wrap:break-word;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;line-height:inherit;overflow-wrap:break-word;padding:0!important}.train-ai-btn{background:none;border:none;color:#10b981;cursor:pointer;font-size:14px;opacity:.7;padding:2px 6px;transition:opacity .2s}.train-ai-btn:hover{opacity:1}.message-text{border-radius:8px;color:#111b21;overflow-wrap:break-word}.message-bubble.customer .message-text{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px .5px #00000021}.message-bubble.business .message-text{background:#d9fdd3;border-bottom-right-radius:4px;box-shadow:0 1px .5px #00000021}.message-meta{align-items:center;align-self:flex-end;color:#667781;display:flex;font-size:11px;gap:4px;justify-content:flex-end;margin-top:3px;padding:0}.message-time{color:#667781}.message-status{align-items:center;color:#667781;display:flex;font-size:14px}.message-status.read{color:#53bdeb}.message-link{color:#027eb5;cursor:pointer;text-decoration:underline;transition:color .2s}.message-link:hover{color:#025f8c}.message-media{background:#0000;border-radius:8px;max-width:100%;overflow:hidden}.message-image{border-radius:8px;cursor:pointer;display:block;height:auto;max-height:400px;max-width:320px;object-fit:cover;width:100%}.message-caption{word-wrap:break-word;background:#0000;color:#111b21;font-size:14px;margin-top:8px;padding:8px 12px;white-space:pre-wrap}.image-load-error,.image-loading{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:40px 20px}.image-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#25d366;height:32px;margin-bottom:12px;width:32px}.image-load-error span,.image-loading span{color:#6b7280;font-size:13px}.image-load-error .error-icon{color:#9ca3af;font-size:32px;margin-bottom:8px}.message-document{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;gap:12px;min-width:280px;padding:12px 16px;transition:all .2s ease}.message-document:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}.document-icon{color:#128c7e;font-size:36px}.document-info{flex:1 1;min-width:0}.document-name{color:#111b21}.document-size{color:#6b7280;font-size:12px}.document-actions{align-items:center;display:flex;gap:6px}.document-download,.document-view{align-items:center;background:#25d366;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px;transition:all .2s ease}.document-download:hover,.document-view:hover{background:#128c7e}.reaction-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.reaction-menu{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;gap:4px;padding:8px;position:fixed;z-index:1001}.reaction-option{background:none;border:none;border-radius:8px;cursor:pointer;font-size:24px;padding:8px;transition:background .2s}.reaction-option:hover{background:#f3f4f6}.training-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.training-modal{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;max-width:500px;width:90%}.training-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.training-modal-header h3{color:#111b21;font-size:18px;font-weight:600;margin:0}.close-training-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.close-training-btn:hover{background:#f3f4f6}.training-modal-body{padding:24px}.original-message{background:#f3f4f6;border-radius:8px;color:#374151;font-size:14px;margin-bottom:16px;padding:12px}.training-modal-body label{color:#111b21;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.training-modal-body textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;width:100%}.training-modal-body textarea:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.training-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-training-btn,.submit-training-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-training-btn{background:#f3f4f6;color:#374151}.cancel-training-btn:hover{background:#e5e7eb}.submit-training-btn{background:#25d366;color:#fff}.submit-training-btn:hover{background:#128c7e}.submit-training-btn:disabled{background:#d1d5db;cursor:not-allowed}@media (max-width:768px){.message-content{max-width:85%}.message-text{font-size:14px;min-width:100px;padding:12px 16px!important}.message-image{max-height:320px;max-width:240px}.message-document{min-width:220px}}@media (min-width:769px) and (max-width:1024px){.message-content{max-width:75%}}@media (min-width:1025px){.message-content{max-width:65%}}[data-theme=dark] .message-text{color:#e9edef}[data-theme=dark] .message-bubble.customer .message-text{background:#202c33}[data-theme=dark] .message-bubble.business .message-text{background:#005c4b}[data-theme=dark] .message-meta,[data-theme=dark] .message-time{color:#8696a0}[data-theme=dark] .message-document{background:#202c33;border-color:#374151}[data-theme=dark] .message-document:hover{background:#2a3942}[data-theme=dark] .training-modal{background:#202c33;color:#e9edef}[data-theme=dark] .training-modal-header{border-bottom-color:#374151}[data-theme=dark] .original-message{background:#2a3942;color:#e9edef}[data-theme=dark] .training-modal-body textarea{background:#2a3942;border-color:#374151;color:#e9edef}[data-theme=dark] .cancel-training-btn{background:#374151;color:#e9edef}.message-bubble :not(a):not(.message-link){border-bottom:none!important;text-decoration:none!important;-webkit-text-decoration-line:none!important;text-decoration-line:none!important;-webkit-text-decoration:none!important;-moz-text-decoration:none!important}.message-text a,a.message-link{text-decoration:underline!important}.message-bubble .message-content,.message-bubble .message-text,.message-bubble .message-text *{border-bottom:0!important;text-decoration:none!important;-webkit-text-decoration-color:#0000!important;text-decoration-color:#0000!important;-webkit-text-decoration-line:none!important;text-decoration-line:none!important}.message-text{box-sizing:border-box!important;display:inline-block!important;padding:16px 20px!important}.message-input-container{background:#f0f2f5;border-top:none;box-shadow:none;box-sizing:border-box;padding-bottom:8px;position:relative;width:100%;z-index:10}[data-theme=dark] .message-input-container{background:#202c33}.drag-overlay{align-items:center;background:#25d366e6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.drag-content{color:#fff;text-align:center}.drag-icon{display:block;font-size:48px;margin-bottom:16px}.drag-content p{font-size:18px;font-weight:500}.quick-replies{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.quick-replies-header{align-items:center;color:var(--text-primary);display:flex;font-weight:500;justify-content:space-between;padding:12px 16px}.quick-replies-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px}.quick-replies-list{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.loading-message,.no-replies-message{color:var(--text-secondary);font-size:14px;font-style:italic;padding:16px;text-align:center}.quick-reply-btn{background:var(--whatsapp-light-gray);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.quick-reply-btn:hover{background:var(--whatsapp-light-green);border-color:var(--whatsapp-green)}.message-input{background:#f0f2f5;box-sizing:border-box;display:flex;gap:4px;padding:10px 16px;width:100%}[data-theme=dark] .message-input{background:#202c33}.input-actions{display:flex;flex-shrink:0;gap:2px}.action-btn{background:#0000;border-radius:50%!important;box-shadow:none;color:#54656f;flex-shrink:0;height:28px;min-height:28px;min-width:28px;overflow:visible!important;padding:0;width:28px}.action-btn svg{display:block;height:20px;width:20px}.action-btn:hover{background:#0000000d;box-shadow:none;color:#128c7e;transform:none}[data-theme=dark] .action-btn:hover{background:#ffffff0d;color:#00a884}.emoji-menu{position:relative}.emoji-picker{animation:slideUpFade .2s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;bottom:50px;box-shadow:0 4px 12px #00000026;left:0;max-height:300px;overflow-y:auto;position:absolute;width:320px;z-index:1000}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr);padding:12px}.emoji-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.emoji-btn:hover{background:var(--bg-secondary);transform:scale(1.2)}.attach-menu{position:relative}.attach-dropdown{animation:slideUp .2s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;bottom:100%;box-shadow:var(--shadow-heavy);left:0;margin-bottom:8px;min-width:140px;padding:8px;position:absolute}.attach-option{align-items:center;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px;transition:background-color .2s ease}.attach-option:hover{background-color:var(--bg-tertiary)}.attach-option:hover .attach-icon{color:#25d366}.attach-icon{color:var(--text-secondary);font-size:18px}.message-textarea{align-self:center;border:none;border-bottom:none!important;border-radius:8px;box-sizing:border-box;color:#111b21;flex:1 1;font-family:inherit;font-size:15px;line-height:1.5;max-height:120px;min-height:44px;outline:none;overflow-y:auto;padding:11px 14px!important;resize:none;text-decoration:none!important;transition:all .2s ease;width:100%}.message-textarea,.message-textarea:focus{background:#fff;box-shadow:none}[data-theme=dark] .message-textarea{background:#2a3942;color:#e9edef}[data-theme=dark] .message-textarea:focus{background:#2a3942}.send-btn,[data-theme=dark] .message-textarea::placeholder{color:#8696a0}.send-btn{align-items:center;background:#0000;border:none;border-radius:50%!important;box-shadow:none;cursor:not-allowed;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;min-height:28px;min-width:28px;overflow:visible!important;padding:0;transition:all .2s ease;width:28px}.send-btn svg{display:block;height:20px;width:20px}.send-btn.active{background:#0000;box-shadow:none;color:#128c7e;cursor:pointer;transform:scale(1)}.send-btn.active:hover{background:#0000000d;box-shadow:none;transform:none}.send-btn:disabled{background:#0000;box-shadow:none;color:#8696a0;cursor:not-allowed}[data-theme=dark] .send-btn.active{color:#00a884}[data-theme=dark] .send-btn.active:hover{background:#ffffff0d}@media (max-width:768px){.message-input-container{background:#f0f2f5;border-top:1px solid #e9edef;bottom:0;box-shadow:none;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:100}[data-theme=dark] .message-input-container{background:#202c33;border-top:1px solid #2a3942}.message-input{align-items:flex-end;background:#f0f2f5;gap:6px;padding:8px 12px}[data-theme=dark] .message-input{background:#202c33}.quick-replies{background:var(--bg-secondary);border-bottom:none;border-top:1px solid var(--border-color)}.quick-replies-list{padding:8px 12px}.quick-reply-btn{font-size:13px;padding:6px 12px}.message-textarea{-webkit-appearance:none;appearance:none;border-radius:8px;font-size:16px;max-height:100px;min-height:38px;padding:9px 12px;-webkit-user-select:text;user-select:text}.message-textarea,.message-textarea:focus{background:#fff;border:none;border-bottom:none!important;text-decoration:none!important}.message-textarea:focus{box-shadow:none}[data-theme=dark] .message-textarea{background:#2a3942;color:#e9edef}[data-theme=dark] .message-textarea:focus{background:#2a3942}.send-btn{border-radius:50%!important;flex-shrink:0;font-size:18px;height:28px;min-height:28px;min-width:28px;overflow:visible!important;padding:0;width:28px}.send-btn svg{height:18px;width:18px}.action-btn{border-radius:50%!important;box-shadow:none;flex-shrink:0;font-size:18px;height:28px;min-height:28px;min-width:28px;overflow:visible!important;padding:0;width:28px}.action-btn svg{height:18px;width:18px}.input-actions{align-items:center!important;gap:2px;margin-bottom:0;overflow:visible!important}.attach-dropdown{bottom:120%;box-shadow:0 4px 16px #0003;left:-20px;min-width:120px}.attach-option{font-size:13px;padding:10px 12px}.quick-replies{max-height:200px;overflow-y:auto}}.template-input{align-items:center;background:#ff98001a;border-top:2px solid #ff9800;display:flex;gap:16px;justify-content:space-between;padding:16px}[data-theme=dark] .template-input{background:#ff980026;border-top-color:#fb8c00}.template-message{flex:1 1}.template-text{color:#e65100;display:block;font-size:14px;font-weight:600;margin-bottom:4px}[data-theme=dark] .template-text{color:#ffb74d}.template-description{color:#bf360c;font-size:12px;margin:0;opacity:.9}[data-theme=dark] .template-description{color:#ff9800;opacity:.8}.template-send-btn{align-items:center;background:#ff9800;border:none;border-radius:8px;box-shadow:0 2px 4px #ff98004d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.template-send-btn:hover{background:#f57c00;box-shadow:0 4px 8px #ff980066;transform:translateY(-1px)}.template-send-btn:active{box-shadow:0 2px 4px #ff98004d;transform:translateY(0)}.template-send-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.template-send-btn .button-spinner{animation:spinner-rotate .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.template-input{gap:12px;padding:12px 16px}.template-send-btn{font-size:13px;padding:10px 20px}}.queued-input{align-items:flex-end;background:#f0f2f5;border-top:none;box-sizing:border-box;display:flex;gap:8px;padding:10px 16px;width:100%}.message-textarea.queued{background:#fff3cd;color:#856404}.message-textarea.queued,[data-theme=dark] .message-textarea.queued{border:none;border-bottom:none!important;text-decoration:none!important}[data-theme=dark] .message-textarea.queued{background:#fff3cd26;color:#ffeaa7}.message-textarea.queued:focus{border:none;border-bottom:none!important;box-shadow:0 0 0 2px #fd79a81a;text-decoration:none!important}.message-textarea.queued::placeholder{color:#856404;opacity:.7}[data-theme=dark] .message-textarea.queued::placeholder{color:#ffeaa7;opacity:.6}.queue-btn{background:#6c757d;border:none;border-radius:20px;color:#fff;cursor:not-allowed;flex-shrink:0;font-size:14px;font-weight:600;opacity:.6;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.queue-btn.active{background:#fd79a8;box-shadow:0 2px 4px #fd79a84d;cursor:pointer;opacity:1}.queue-btn.active:hover{background:#e84393;box-shadow:0 4px 8px #fd79a866;transform:translateY(-1px)}.queue-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6}.clear-queue-btn,.clear-queue-btn:hover{border-color:#dc3545;color:#dc3545}.clear-queue-btn:hover{background-color:#dc35451a}@media (max-width:768px){.queued-input{gap:8px;padding:12px 16px}.queue-btn{font-size:13px;padding:8px 16px}}.message-input{align-items:center!important;background:#f0f2f5!important;box-sizing:border-box!important;display:flex!important;gap:8px!important;justify-content:space-between!important;min-height:62px!important;overflow:visible!important;padding:10px 16px!important}[data-theme=dark] .message-input{background:#202c33!important}.input-actions{gap:8px!important}.action-btn,.input-actions,.send-btn{align-items:center!important;display:flex!important;overflow:visible!important}.action-btn,.send-btn{border-radius:50%!important;flex-shrink:0!important;height:36px!important;justify-content:center!important;min-height:36px!important;min-width:36px!important;padding:0!important;width:36px!important}.action-btn svg,.send-btn svg{display:block!important;height:22px!important;width:22px!important}.contact-edit-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.contact-edit-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{padding:20px 24px 16px}.modal-header h3{font-weight:600}.close-btn{border-radius:4px}.close-btn:hover{background:#f3f4f6;color:#374151}.contact-edit-form{padding:24px}.form-group label svg{color:#6b7280}.form-group input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.tags-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:32px;padding:8px}.tag{background:#25d366;border-radius:4px;display:inline-flex;gap:4px;padding:4px 8px}.tag,.tag-remove{align-items:center;color:#fff}.tag-remove{background:none;border:none;border-radius:2px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:16px;justify-content:center;margin-left:4px;padding:0;transition:background-color .2s ease;width:16px}.tag-remove:hover{background:#fff3}.tag-input-container{display:flex;gap:8px}.tag-input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:13px;padding:8px 10px}.add-tag-btn{background:#25d366;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:background-color .2s ease}.add-tag-btn:hover:not(:disabled){background:#22c55e}.add-tag-btn:disabled{background:#d1d5db;cursor:not-allowed}.form-actions{border-top:1px solid #e5e7eb}.cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:500;padding:10px 16px}.cancel-btn:hover{background:#e5e7eb}.save-btn{border-radius:6px;font-weight:500;gap:6px;padding:10px 16px;transition:background-color .2s ease}.save-btn:hover{background:#22c55e}.save-btn svg{font-size:16px}@media (max-width:768px){.contact-edit-modal{margin:20px;max-height:calc(100vh - 40px)}.contact-edit-form,.modal-header{padding:16px 20px}.form-actions{flex-direction:column}.cancel-btn,.save-btn{justify-content:center;width:100%}}.ai-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100vh;max-width:400px;overflow:hidden;position:relative;transition:all .3s ease;width:400px}.ai-sidebar-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.ai-sidebar-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.ai-header-actions{display:flex;gap:8px}.ai-close-btn,.ai-refresh-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.ai-close-btn:hover,.ai-refresh-btn:hover{background:var(--border-color);color:var(--text-primary)}.ai-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.ai-participants{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:12px 20px}.participants-label{color:var(--text-secondary);font-size:13px;font-weight:500}.participants-avatars{align-items:center;display:flex;gap:4px}.participant-avatar{background:var(--bg-tertiary);border:2px solid var(--bg-primary);border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;position:relative;transition:all .2s ease;width:32px}.participant-avatar:not(:first-child){margin-left:-8px}.participant-avatar:hover{transform:scale(1.15);z-index:10!important}.participant-avatar img{height:100%;object-fit:cover;width:100%}.participant-placeholder{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-size:13px;height:100%;width:100%}.participant-more,.participant-placeholder{align-items:center;display:flex;font-weight:600;justify-content:center}.participant-more{background:var(--bg-tertiary);border:2px solid var(--bg-primary);border-radius:50%;color:var(--text-secondary);cursor:help;flex-shrink:0;font-size:11px;height:32px;margin-left:-8px;width:32px}.ai-sidebar-content{flex:1 1;overflow-y:auto;padding:0}.ai-section{border-bottom:1px solid var(--border-color);padding:20px}.ai-section:last-child{border-bottom:none}.ai-section h4{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.ai-summary{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.ai-summary p{line-height:1.5;margin:0;white-space:pre-line}.ai-loading,.ai-summary p{color:var(--text-secondary);font-size:14px}.ai-loading{align-items:center;display:flex;gap:12px;padding:16px}.loading-spinner{border-top:2px solid var(--border-color);border:2px solid var(--border-color);height:16px;width:16px}.ai-suggestions{display:flex;flex-direction:column;gap:12px}.suggestion-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px;transition:all .2s ease}.suggestion-item:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 4px #25d3661a}.suggestion-text{color:var(--text-primary);font-size:14px;line-height:1.4;margin:0 0 8px}.suggestion-actions{justify-content:flex-end}.suggestion-btn{align-items:center;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s ease}.copy-btn:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.use-btn{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.use-btn:hover{background:var(--whatsapp-green-dark);border-color:var(--whatsapp-green-dark)}.ai-insights{display:flex;flex-direction:column;gap:8px}.insight-item{background:var(--bg-tertiary);border-left:3px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0;padding:8px 12px}@media (max-width:768px){.ai-sidebar{box-shadow:-4px 0 20px #00000026;max-width:400px;position:fixed;right:0;top:0;width:90vw;z-index:1001}.ai-participants{padding:10px 16px}.participants-label{font-size:12px}.participant-avatar,.participant-more{height:28px;width:28px}.participant-placeholder{font-size:12px}}@media (max-width:480px){.ai-sidebar{max-width:100%;width:100%}}.customer-profile-panel{animation:slideInRight .3s ease-out;background:var(--bg-primary);box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:1000}.customer-profile-panel.closing{animation:slideOutRight .3s ease-out}.customer-profile-header{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:28px 24px 20px;position:relative}.customer-profile-header:after{background:linear-gradient(90deg,#0000 0,var(--whatsapp-green) 50%,#0000 100%);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.profile-title{align-items:center;display:flex;gap:12px}.profile-icon{color:var(--whatsapp-green);height:24px;width:24px}.profile-title h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.profile-close-btn{align-items:center;background:#0000000d;border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#1f2937;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:10px;transition:all .3s ease}.profile-close-btn:hover{background:#ef44441a;border-color:#ef44444d;box-shadow:0 4px 8px #ef444426;color:#ef4444;transform:scale(1.05)}.customer-profile-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-x:hidden;overflow-y:auto;padding:24px}.profile-card{align-items:center;box-shadow:0 4px 12px #0000000d;display:flex;gap:16px;padding:16px}.profile-avatar{border:2px solid #fff;box-shadow:0 4px 12px #25d3664d;color:#fff;font-size:20px;font-weight:700;height:48px;max-height:48px;max-width:48px;min-height:48px;min-width:48px;width:48px}.profile-info{min-width:0}.customer-name{word-wrap:break-word;color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 8px}.profile-detail{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;margin-bottom:6px}.profile-detail:last-child{margin-bottom:0}.detail-icon{color:var(--whatsapp-green);flex-shrink:0;height:16px;width:16px}.profile-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.section-title{border-bottom:2px solid var(--border-color);font-size:16px;gap:10px;padding-bottom:12px}.section-title svg{color:var(--whatsapp-green);height:18px;width:18px}.document-count{background:#25d36626;border:1px solid #25d3664d;border-radius:12px;color:var(--whatsapp-green);font-size:12px;font-weight:700;margin-left:auto;padding:4px 10px}.timeline-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.timeline-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:6px;padding:14px}.timeline-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.timeline-value{color:var(--text-primary);font-size:14px;font-weight:600}.documents-grid{display:flex;flex-direction:column;gap:10px}.document-card{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px;text-decoration:none;transition:all .2s ease}.document-card:hover{background:var(--bg-primary);border-color:var(--whatsapp-green);box-shadow:0 4px 12px #25d36626;transform:translateY(-2px)}.document-icon{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:10px;box-shadow:0 2px 6px #25d3664d;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.document-icon svg{height:20px;width:20px}.document-details{flex:1 1;min-width:0}.document-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-meta{color:var(--text-secondary);font-size:12px}.document-download{border-radius:6px;color:var(--text-secondary);padding:8px;transition:all .2s ease}.document-card:hover .document-download{background:#25d3661a;color:var(--whatsapp-green)}.document-download svg{height:18px;width:18px}.empty-icon{color:var(--text-tertiary);height:48px;margin-bottom:12px;width:48px}.empty-state-small{padding:20px;text-align:center}.empty-state-small p{color:var(--text-secondary);font-size:13px;margin:0}.add-note-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.note-input{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.note-input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.note-input::placeholder{color:var(--text-tertiary)}.add-note-btn{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 2px 6px #25d3664d;gap:6px}.add-note-btn:hover:not(:disabled){box-shadow:0 4px 12px #25d36666;transform:translateY(-2px)}.add-note-btn:disabled{opacity:.6}.note-item{align-items:flex-start;background:var(--bg-tertiary);border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:14px;transition:all .2s ease}.note-item:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 8px #25d3661a}.note-content{flex:1 1;min-width:0}.note-text{word-wrap:break-word;color:var(--text-primary);font-size:14px;line-height:1.5;margin:0 0 8px;white-space:pre-wrap}.note-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:12px}.note-date{color:var(--text-tertiary)}.note-actions{flex-shrink:0;gap:6px}.note-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.note-btn svg{height:14px;width:14px}.edit-btn{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.edit-btn:hover{background:#3b82f633;transform:translateY(-1px)}.delete-btn{border:1px solid #ef444433}.delete-btn:hover{background:#ef444433;transform:translateY(-1px)}.note-edit{display:flex;flex-direction:column;gap:10px;width:100%}.note-edit-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.note-edit-input:focus{border-color:var(--whatsapp-green);outline:none}.save-btn{background:linear-gradient(135deg,#25d366,#128c7e)}.save-btn:hover{box-shadow:0 2px 8px #25d3664d;transform:translateY(-1px)}[data-theme=dark] .profile-close-btn{background:#ffffff0d;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .profile-close-btn:hover{background:#ef444426;color:#ef4444}@media (max-width:768px){.customer-profile-panel{width:100%}.timeline-grid{grid-template-columns:1fr}.profile-card{flex-direction:column;text-align:center}}.recent-chats{background:#fff;border-bottom:1px solid var(--border-color);padding:12px 0}.recent-chats-header{border-bottom:1px solid #0000000d;margin-bottom:8px;padding:0 16px 8px}.recent-chats-header h4{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;margin:0;text-transform:uppercase}.recent-chats-header h4 svg{font-size:12px}.recent-chats-list{max-height:300px;overflow-y:auto}.recent-chat-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:10px;padding:8px 16px;transition:all .2s ease}.recent-chat-item:hover{background-color:#f5f5f5;border-left-color:var(--whatsapp-green)}.recent-chat-item.unread{background-color:#25d3660d}.chat-avatar{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.chat-avatar .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.chat-details{flex:1 1;max-width:100%;min-width:0;overflow:hidden}.chat-name{color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:2px}.chat-name,.chat-preview{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-preview{color:var(--text-secondary);font-size:11px}.chat-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.chat-time{color:var(--text-tertiary);font-size:10px}.unread-dot{background:var(--whatsapp-green);border-radius:50%;height:8px;width:8px}.no-recent-chats{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;padding:20px;text-align:center}.empty-icon{font-size:24px;margin-bottom:8px}.no-recent-chats p{font-size:12px;margin:0}.recent-chats-list::-webkit-scrollbar{width:3px}.recent-chats-list::-webkit-scrollbar-track{background:#0000}.recent-chats-list::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.recent-chats-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.update-notification-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:99999}.update-notification-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:2px solid #25d36633;border-radius:20px;box-shadow:0 24px 64px #0006,0 8px 16px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:640px;overflow:hidden;width:90%}.update-notification-header{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-bottom:2px solid var(--border-color);display:flex;gap:16px;padding:28px;position:relative}.update-notification-header:after{background:linear-gradient(90deg,#0000 0,var(--whatsapp-green) 50%,#0000 100%);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.update-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#25d36626,#25d3660d);border:2px solid #25d3664d;border-radius:50%;box-shadow:0 4px 12px #25d36633;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.update-icon .icon-alert{color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));font-size:32px}.update-icon .icon-check{color:var(--whatsapp-green);filter:drop-shadow(0 2px 4px rgba(37,211,102,.3));font-size:32px}.update-notification-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0}.update-notification-header .close-btn{align-items:center;background:#0000000d;border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#1f2937;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:10px;transition:all .3s ease}.update-notification-header .close-btn:hover{background:#ef44441a;border-color:#ef44444d;box-shadow:0 4px 8px #ef444426;color:#ef4444;transform:scale(1.05)}.update-notification-content{word-wrap:break-word;flex:1 1;line-height:1.7;overflow-x:hidden;overflow-y:auto;padding:24px 32px 32px}.version-info{margin-bottom:24px}.update-message{color:var(--text-secondary);font-size:16px;line-height:1.7;margin-bottom:20px;padding-bottom:4px}.version-badge{align-items:center;background:linear-gradient(135deg,#25d36626,#25d36614);border:2px solid #25d36666;border-radius:16px;box-shadow:0 4px 12px #25d36626;display:inline-flex;gap:12px;padding:14px 24px;transition:all .3s ease}.version-badge:hover{border-color:var(--whatsapp-green);box-shadow:0 6px 16px #25d36633;transform:translateY(-2px)}.version-label{color:var(--text-secondary);letter-spacing:.5px}.version-number{color:var(--whatsapp-green);font-family:Courier New,monospace}.version-date{color:var(--text-tertiary);font-size:12px}.release-notes{margin-top:24px;overflow:visible}.release-notes h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 16px;padding-bottom:12px}.notes-section{margin-bottom:20px}.notes-section:last-child{margin-bottom:0}.notes-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:6px;margin:0 0 12px}.notes-list{list-style:none;margin:0;padding:0}.notes-list li{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.notes-list li:last-child{margin-bottom:0}.notes-list li:before{color:var(--whatsapp-green);content:"•";font-size:16px;font-weight:700;left:6px;position:absolute}.notes-summary{word-wrap:break-word;color:var(--text-secondary);font-size:15px;line-height:1.75;margin:0;overflow-wrap:break-word;text-align:left}.update-notification-actions{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-top:2px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:24px 28px;position:relative}.update-notification-actions:before{background:linear-gradient(90deg,#0000 0,var(--whatsapp-green) 50%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}.update-notification-actions button{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-update{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));color:#fff}.btn-update:hover:not(:disabled){box-shadow:0 8px 20px #25d36666;transform:translateY(-3px) scale(1.02)}.btn-update:disabled{cursor:not-allowed;opacity:.6}.btn-primary:hover{box-shadow:0 8px 20px #25d36666;transform:translateY(-3px) scale(1.02)}.btn-check-updates{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-check-updates:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.btn-check-updates:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.update-notification-modal{max-height:90vh;width:95%}.update-notification-header{padding:20px}.update-notification-header h2{font-size:20px}.update-notification-content{padding:20px}.update-notification-actions{flex-direction:column}.update-notification-actions button{justify-content:center;width:100%}}.conversation-view{animation:slideInUp .3s cubic-bezier(.25,.46,.45,.94) forwards;background:var(--bg-primary);display:flex;flex-direction:column;height:100%;opacity:0;position:relative;transform:translateY(20px);transition:margin-right .3s ease}.conversation-view~.internal-chat-toggle{display:none}.conversation-with-notes .conversation-view.sidebar-open{margin-right:0;transition:margin-right .3s ease}.conversation-view.slide-out{animation:slideOutRight .3s cubic-bezier(.55,.06,.68,.19) forwards}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.conversation-layout,.conversation-with-notes{display:flex;height:100vh;width:100%}.conversation-layout .conversation-main{max-width:100%;width:100%}.conversation-layout{display:flex;height:100%;width:100%}.conversation-layout .conversation-view{flex:1 1;min-width:0}.date-break{margin:24px 0;text-align:center}.date-text{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #0000000f;border-radius:20px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000d;color:#54656f;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:7px 16px;transition:all .2s ease}.date-text:hover{box-shadow:0 3px 12px #0000001f;transform:translateY(-1px)}.messaging-restriction{align-items:center;background:#dc262614;border:1px solid #dc262640;border-radius:12px;color:#dc2626;display:flex;font-size:11px;font-weight:600;gap:6px;margin-top:4px;padding:4px 10px}.messaging-restriction .clock-icon{color:#dc2626;font-size:12px}.messaging-restriction .timer-text{font-weight:600;white-space:nowrap}.conversation-main{display:flex;flex:1 1;flex-direction:column;min-width:0;transition:width .3s ease}.conversation-with-notes .conversation-main{max-width:calc(100% - 400px);width:calc(100% - 400px)}.conversation-with-notes .ai-sidebar,.conversation-with-notes .notes-panel{background:var(--bg-secondary);border-left:1px solid var(--border-color);flex-shrink:0;width:400px}.conversation-with-notes .ai-sidebar{max-width:400px}.conversation-view .conversation-header{align-items:center;background:linear-gradient(135deg,#128c7e,#25d366)!important;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;display:flex;flex-direction:row;flex-shrink:0;gap:12px;justify-content:flex-start;min-height:68px;padding:12px 20px;position:relative;z-index:100}.conversation-view .conversation-header:after{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.back-button{align-items:center!important;align-self:center!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a!important;border:1px solid #ffffff26!important;border-radius:50%!important;box-shadow:0 2px 8px #00000026!important;color:#fffffff2!important;cursor:pointer!important;display:flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:24px!important;height:42px!important;justify-content:center!important;margin:0 12px 0 0!important;max-width:42px!important;min-width:42px!important;padding:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:42px!important}.back-button svg{color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))!important;height:24px!important;width:24px!important}.back-button:hover{background-color:#ffffff40!important;border-color:#ffffff4d!important;box-shadow:0 4px 12px #0003!important;transform:scale(1.08) translateY(-1px)!important}.back-button:active{transform:scale(.95)!important;transition:transform .1s ease!important}.back-button:hover svg{color:#fff!important}[data-theme=dark] .back-button{background:#0000!important;color:#aebac1!important}[data-theme=dark] .back-button svg{color:#aebac1!important}[data-theme=dark] .back-button:hover{background-color:#ffffff14!important}[data-theme=dark] .back-button:hover svg{color:#d9dee2!important}.contact-info{align-items:center!important;align-self:center!important;border-radius:0;cursor:pointer;display:flex!important;flex-direction:row!important;gap:12px;justify-content:flex-start!important;padding:0;transition:background-color .15s ease}.contact-info:hover{background-color:initial}.conversation-header .contact-info .contact-avatar{align-items:center!important;background:#25d366!important;background:linear-gradient(135deg,#25d366,#128c7e)!important;border:2px solid #ffffff4d!important;border-radius:50%!important;box-shadow:0 4px 12px #0000004d,inset 0 0 0 1px #ffffff1a!important;box-sizing:border-box!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;font-weight:700!important;height:42px!important;justify-content:center!important;max-height:42px!important;max-width:42px!important;min-height:42px!important;min-width:42px!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important;position:relative!important;transition:all .3s ease!important;visibility:visible!important;width:42px!important;z-index:10!important}.contact-info:hover .contact-avatar{box-shadow:0 6px 16px #00000059,inset 0 0 0 1px #ffffff26!important;transform:scale(1.05)}.contact-avatar.clickable:hover{box-shadow:0 6px 20px #25d36680,inset 0 0 0 2px #ffffff4d!important;transform:scale(1.1)!important}.contact-avatar.clickable:active{transform:scale(1.02)!important}.conversation-header .contact-info .contact-avatar *{opacity:1!important;visibility:visible!important}.conversation-header .contact-info .contact-avatar .avatar-fallback{align-items:center!important;color:#fff!important;display:flex!important;font-size:18px!important;font-weight:700!important;height:100%!important;justify-content:center!important;line-height:1!important;opacity:1!important;text-transform:uppercase!important;visibility:visible!important;width:100%!important;z-index:11!important}.contact-details{align-items:flex-start;align-self:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;min-width:0}.contact-details h3{align-items:center;color:#fff!important;display:flex;font-size:18px;font-weight:700;gap:4px;letter-spacing:-.2px;line-height:1.4;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:0 2px 4px #0003;transition:all .2s ease;white-space:nowrap}.contact-info:hover .contact-details h3{letter-spacing:0}.contact-details h3 .name-separator{color:#ffffff80;font-weight:400}.contact-details h3 .phone-number-inline{color:#ffffffb3;font-size:15px;font-weight:400}.conversation-actions{gap:4px;margin-left:8px}.action-button,.conversation-actions{align-items:center;display:flex;flex-shrink:0}.action-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#ffffffe6;cursor:pointer;font-size:20px;height:38px;justify-content:center;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1);width:38px}.action-button svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.action-button:hover{background-color:#ffffff40;border-color:#ffffff4d;box-shadow:0 4px 8px #00000026;color:#fff;transform:scale(1.08) translateY(-1px)}.action-button.active{background-color:#ffffff4d;box-shadow:0 2px 8px #0003,inset 0 0 0 2px #fff3;color:#fff}[data-theme=dark] .action-button{color:#aebac1}[data-theme=dark] .action-button:hover{background-color:#ffffff14;color:#d9dee2}[data-theme=dark] .action-button.active{background-color:#ffffff1f;color:#d9dee2}.action-button svg{height:20px;width:20px}.ai-toggle{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid #fff3!important;border-radius:20px!important;box-shadow:0 2px 8px #00000026!important;display:flex!important;flex-shrink:0!important;font-size:12px!important;font-weight:700!important;gap:6px!important;height:34px!important;padding:6px 12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:auto!important}.ai-toggle.enabled{background:linear-gradient(135deg,#22c55e40,#22c55e26)!important;border-color:#22c55e66!important;color:#22c55e!important}.ai-toggle.disabled{background:linear-gradient(135deg,#ef444440,#ef444426)!important;border-color:#ef444466!important;color:#ef4444!important}.ai-toggle:hover.enabled{background:linear-gradient(135deg,#22c55e59,#22c55e40)!important;box-shadow:0 4px 12px #22c55e4d!important;transform:scale(1.05)!important}.ai-toggle:hover.disabled{background:linear-gradient(135deg,#ef444459,#ef444440)!important;box-shadow:0 4px 12px #ef44444d!important;transform:scale(1.05)!important}.ai-toggle-label{font-size:11px;font-weight:600;white-space:nowrap}.more-menu-container{position:relative}.more-dropdown{animation:slideDown .2s ease;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 12px 32px #00000026,0 4px 8px #0000001a;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{display:block;font-weight:600;padding:14px 18px;pointer-events:all;position:relative;transition:all .2s ease;z-index:1001}.dropdown-item.delete-item{color:#ef4444}.dropdown-item.delete-item:hover{background-color:#fef2f2;color:#dc2626}.dropdown-item:hover{background:linear-gradient(90deg,#25d36614 0,var(--bg-tertiary) 100%);color:var(--whatsapp-green);padding-left:22px}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.conversation-content{display:flex;flex:1 1;flex-direction:column;transition:margin-right .3s ease}.conversation-content.with-notes{margin-right:400px}.messages-container{background:#e5ddd5;background-attachment:fixed;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");flex:1 1;max-width:100%;overflow-y:auto;padding:20px}[data-theme=dark] .messages-container{background:#0b141a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E")}.messages{display:flex;flex-direction:column;gap:8px;margin:0;max-width:none}.error-state,.loading-state{height:100%;text-align:center}.loading-spinner{border:3px solid #f3f3f3}.error-state h3{color:var(--text-primary);margin-bottom:16px}@media (max-width:768px){.conversation-view{background:#fff;border-radius:0;height:100vh;margin:0}.conversation-header{padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.conversation-header,.conversation-view .conversation-header{background:linear-gradient(135deg,#128c7e,#25d366)!important}.messages-container{background:#e5ddd5;flex:1 1;height:calc(100vh - 140px);overflow-y:auto;padding:12px 12px 120px;scroll-behavior:smooth}[data-theme=dark] .messages-container{background:#0b141a}.contact-details h3{color:#fff;font-size:16px;font-weight:500}.contact-details p{color:#fff;font-size:13px}.conversation-content{display:flex;flex-direction:column;height:100vh}.conversation-content.with-notes{margin-right:0}.conversation-with-notes .conversation-main{max-width:100%;width:100%}.conversation-with-notes .ai-sidebar{box-shadow:-4px 0 20px #00000026;height:100vh;max-width:400px;position:fixed;right:0;top:0;width:90vw;z-index:1001}.conversation-main{display:flex;flex-direction:column;height:100vh}.back-button{align-items:center;display:flex;justify-content:center}.action-button{display:none!important}.more-menu-container{display:flex!important}.conversation-actions{gap:0}}.queued-message-container{display:flex;justify-content:flex-end;margin-bottom:8px;padding:8px 16px}.queued-message-bubble{animation:pulse 2s infinite;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px dashed #fd79a8;border-radius:18px;box-shadow:0 2px 8px #fd79a833;max-width:70%;padding:12px 16px;position:relative}.queued-message-header{align-items:center;display:flex;font-size:12px;gap:6px;margin-bottom:8px}.queued-icon{animation:spin-slow 2s linear infinite;font-size:14px}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.queued-label{color:#e84393;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.queued-info{color:#856404;font-style:italic;opacity:.8}.queued-message-text{word-wrap:break-word;color:#2d3436;font-size:14px;line-height:1.4;margin:8px 0}.queued-message-footer{border-top:1px solid #fd79a84d;display:flex;justify-content:flex-end;margin-top:8px;padding-top:4px}.queued-agent{color:#e84393;font-size:11px;font-weight:500}@media (max-width:768px){.queued-message-bubble{max-width:85%;padding:10px 12px}.queued-message-header{font-size:11px;gap:4px}.queued-message-text{font-size:13px}}.quick-replies-manager{display:flex;flex-direction:column;height:100%}.quick-replies-header{border-bottom:1px solid var(--border-color);padding:24px 24px 16px}.quick-replies-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.add-reply-section{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:24px}.add-reply-form{display:flex;flex-direction:column;gap:16px}.edit-textarea,.reply-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;width:100%}.edit-textarea:focus,.reply-textarea:focus{border-color:var(--whatsapp-green);outline:none}.replies-list{flex:1 1;overflow-y:auto;padding:16px 24px}.reply-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:box-shadow .2s ease}.reply-item:hover{box-shadow:var(--shadow-medium)}.reply-content{flex:1 1;margin-right:16px}.reply-text{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0 0 8px;white-space:pre-wrap}.reply-meta{align-items:center;display:flex;gap:16px}.usage-count{background-color:var(--bg-tertiary);border-radius:12px;color:var(--text-secondary);font-size:12px;padding:4px 8px}.reply-actions{display:flex;gap:8px}.action-btn{padding:8px}.action-btn:hover{background-color:var(--bg-tertiary)}.edit-btn{color:var(--whatsapp-green)}.edit-btn:hover{background-color:#25d3661a}.delete-btn:hover{background-color:#dc26261a}.edit-form{width:100%}.edit-actions{display:flex;gap:12px;margin-top:16px}.empty-state,.loading-state{padding:48px 24px}.loading-spinner{border-top:3px solid var(--border-color)}@media (max-width:768px){.add-reply-section,.quick-replies-header,.replies-list{padding-left:16px;padding-right:16px}.reply-item{align-items:stretch;flex-direction:column}.reply-content{margin-bottom:12px;margin-right:0}.reply-actions{align-self:flex-end}.edit-actions{flex-direction:column}}.file-upload-manager{display:flex;flex-direction:column;height:100%}.file-upload-header{border-bottom:1px solid var(--border-color);padding:24px 24px 16px}.file-upload-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.header-description{color:var(--text-secondary);font-size:14px;margin:0}.upload-section{background-color:#f8f9fa;border-bottom:1px solid var(--border-color);padding:24px}.dropzone{background-color:#fff;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:48px 24px;text-align:center;transition:all .2s ease}.dropzone.active,.dropzone:hover{background-color:var(--whatsapp-light-green);border-color:var(--whatsapp-green)}.dropzone.uploading{opacity:.7;pointer-events:none}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:12px}.dropzone-icon{font-size:48px;opacity:.6}.dropzone-content p{color:var(--text-primary);font-size:16px;margin:0}.dropzone-hint{color:var(--text-secondary);font-size:12px}.upload-progress{background:#fff;border:1px solid var(--border-color);border-radius:8px;margin-top:16px;padding:16px}.progress-item{align-items:center;display:flex;gap:12px;margin-bottom:8px}.progress-item:last-child{margin-bottom:0}.progress-filename{color:var(--text-primary);font-size:14px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar{background-color:#e0e0e0;border-radius:3px}.progress-fill{background-color:var(--whatsapp-green)}.progress-percent{color:var(--text-secondary);font-size:12px}.files-list{flex:1 1;overflow-y:auto}.files-header{background-color:#f8f9fa;border-bottom:1px solid var(--border-color);padding:16px 24px}.files-header h3{color:var(--text-primary);font-size:16px;font-weight:500;margin:0}.files-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:16px 24px}.file-item{background:#fff;border:1px solid var(--border-color);border-radius:8px;transition:box-shadow .2s ease}.file-item:hover{box-shadow:0 2px 8px #0000001a}.file-preview{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.file-thumbnail{height:100%;object-fit:cover;width:100%}.file-icon{align-items:center;background-color:var(--whatsapp-light-gray);border-radius:6px;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.file-name{margin:0 0 4px}.file-details{color:var(--text-secondary);font-size:12px;margin:0}.file-actions{gap:4px}.action-btn{background:none;border-radius:4px;padding:6px;transition:background-color .2s ease}.action-btn:hover{background-color:var(--whatsapp-light-gray)}.download-btn:hover{background-color:#e3f2fd}.copy-btn:hover{background-color:#f3e5f5}.delete-btn:hover{background-color:#ffebee}.empty-state{padding:48px 24px}.empty-icon{font-size:48px}.empty-state h3{margin-bottom:8px}@media (max-width:768px){.file-upload-header,.upload-section{padding-left:16px;padding-right:16px}.files-grid{grid-template-columns:1fr;padding:16px}.dropzone{padding:32px 16px}.dropzone-icon{font-size:36px}.dropzone-content p{font-size:14px}.progress-filename{min-width:100px}}.signup-link-management{margin:0 auto;max-width:1400px;padding:24px}.management-header{align-items:flex-start;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.management-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:28px;gap:12px;margin:0 0 8px}.management-header p{color:var(--text-secondary);font-size:14px;margin:0}.create-link-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.create-link-btn:hover{background:#1fa855;box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.links-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.link-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.link-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.link-card.inactive{opacity:.6}.link-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.link-info h3{color:var(--text-primary);font-size:18px;margin:0 0 8px}.role-badge{padding:4px 12px}.role-badge.freelancer{background:#d1fae5;color:#065f46}.role-badge.admin{background:#fee2e2;color:#991b1b}.link-actions{display:flex;gap:8px}.icon-btn{background:var(--bg-tertiary);border:none;color:var(--text-secondary);height:32px;justify-content:center;transition:all .2s;width:32px}.icon-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.icon-btn.delete:hover{background:#fee2e2;color:#dc2626}.link-url{background:var(--bg-tertiary);border-radius:8px;margin-bottom:16px;padding:12px}.link-url code{color:var(--text-primary);font-family:Courier New,monospace;font-size:13px;word-break:break-all}.link-stats{border-bottom:1px solid var(--border-color);display:flex;gap:24px;margin-bottom:16px;padding-bottom:16px}.stat-value{font-size:16px;font-weight:600}.stat-value.expired{color:#dc2626}.link-permissions h4{color:var(--text-secondary);font-size:13px;font-weight:600;margin:0 0 8px}.permission-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary)}.link-toggle{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:12px;padding-top:12px}.checkbox-label input[type=checkbox]{accent-color:#25d366;accent-color:var(--whatsapp-green,#25d366)}.checkbox-text{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:500}.modal-header h3{color:var(--text-primary);font-size:20px}.form-group input,.form-group select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--whatsapp-green)}.checkbox-group{background:var(--bg-tertiary);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:12px}.checkbox-label{color:var(--text-primary);font-size:14px}.checkbox-label input[type=checkbox]{width:auto}.modal-actions{border-top:1px solid var(--border-color);padding-top:20px}.cancel-btn,.submit-btn{padding:10px 20px;transition:all .2s}.cancel-btn{background:none}.cancel-btn:hover{color:var(--text-primary)}.submit-btn:hover{background:#1fa855;box-shadow:0 2px 8px #25d3664d}@media (max-width:768px){.form-row,.links-grid{grid-template-columns:1fr}.management-header{flex-direction:column;gap:16px}.create-link-btn{justify-content:center;width:100%}}[data-theme=dark] .role-badge.agent{background:#3b82f633;color:#93c5fd}[data-theme=dark] .role-badge.helpdesk{background:#fbbf2433;color:#fcd34d}[data-theme=dark] .role-badge.freelancer{background:#10b98133;color:#6ee7b7}[data-theme=dark] .role-badge.supervisor{background:#a855f733;color:#d8b4fe}[data-theme=dark] .role-badge.admin{background:#ef444433;color:#fca5a5}[data-theme=dark] .icon-btn.delete:hover{background:#dc262633;color:#fca5a5}[data-theme=dark] .link-card:hover{box-shadow:0 4px 12px #0006}[data-theme=dark] .checkbox-text{color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.new-users-container{background:var(--bg-primary);height:100%;overflow-y:auto;width:100%}.new-users-tabs{background:var(--bg-primary);border-bottom:2px solid var(--border-color);display:flex;gap:8px;padding:24px 32px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tab-btn{font-size:15px}.tab-btn:hover{border-radius:8px 8px 0 0}.tab-btn.active{border-bottom-color:#25d366;color:#25d366}.signup-links-tab-content,.users-tab-content{padding:32px}.new-users-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.header-content{text-align:left}.header-content h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 8px;text-align:left}.header-content p{color:var(--text-secondary);font-size:16px;margin:0;text-align:left}.btn-add-user{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-add-user:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.search-box{max-width:600px}.search-icon{font-size:20px}.search-input{font-size:15px;padding:14px 48px}.search-input:focus{background:var(--bg-primary);box-shadow:0 0 0 4px #25d3661a}.clear-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s}.clear-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.users-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s}.user-card:hover{border-color:var(--whatsapp-green);box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.user-card-header{align-items:flex-start;display:flex;justify-content:space-between}.user-avatar{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:50%;height:72px;width:72px}.user-avatar .avatar-placeholder{animation:none;background:none;color:var(--whatsapp-green);font-size:28px;font-weight:700;height:auto;position:static;width:auto}.user-status{align-items:center;display:flex}.status-dot{border:2px solid var(--bg-secondary);height:10px;width:10px}.status-dot.active{background:#10b981}.status-dot.inactive{background:#ef4444}.user-card-body{flex:1 1}.user-name{font-size:20px;font-weight:700;margin:0 0 6px}.user-email{color:var(--text-secondary);margin:0 0 12px;word-break:break-word}.user-meta{flex-wrap:wrap;gap:8px}.role-tag{border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.role-tag.role-admin{background:#dbeafe;color:#1e40af}.role-tag.role-manager{background:#e0e7ff;color:#4338ca}.role-tag.role-agent{background:#f3e8ff;color:#7c3aed}.role-tag.role-freelancer{background:#fef3c7;color:#92400e}.desk-tag{background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:12px;font-weight:600;padding:6px 12px}.user-card-actions{border-top:2px solid var(--border-color);display:flex;gap:8px;padding-top:16px}.action-btn{border:1px solid var(--border-color);font-size:18px}.action-btn.view{border-color:#3b82f6;color:#3b82f6}.action-btn.view:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 8px #3b82f64d;color:#fff}.action-btn.edit{border-color:#10b981;color:#10b981}.action-btn.edit:hover{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 8px #10b9814d}.action-btn.link{border-color:#8b5cf6;color:#8b5cf6}.action-btn.link:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;box-shadow:0 4px 8px #8b5cf64d;color:#fff}.action-btn.delete{border-color:#ef4444}.action-btn.delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 8px #ef44444d}.loading-state{min-height:60vh}.um-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--whatsapp-green);height:48px;width:48px}.modal-content{background:var(--bg-primary);border-radius:20px}.close-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px}.close-btn:hover{border-color:var(--text-primary);transform:rotate(90deg)}.detail-section{display:flex;flex-direction:column;gap:20px}.detail-item{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:16px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:16px;font-weight:600;text-align:right}.status-badge{border-radius:8px}.status-badge.inactive{color:#991b1b}[data-theme=dark] .role-tag.role-admin{background:#3b82f633;color:#93c5fd}[data-theme=dark] .role-tag.role-manager{background:#6366f133;color:#a5b4fc}[data-theme=dark] .role-tag.role-agent{background:#8b5cf633;color:#c4b5fd}[data-theme=dark] .role-tag.role-freelancer{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .status-badge.active{background:#10b98133;color:#6ee7b7}[data-theme=dark] .status-badge.inactive{background:#ef444433;color:#fca5a5}@media (max-width:768px){.new-users-tabs{padding:16px 16px 0}.signup-links-tab-content,.users-tab-content{padding:20px 16px}.new-users-header{align-items:stretch;flex-direction:column}.btn-add-user{justify-content:center;width:100%}.users-grid{grid-template-columns:1fr}.header-content h1{font-size:24px}.search-box{max-width:100%}.modal-body,.modal-header{padding:20px}}.notification{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#1a202c;display:flex;gap:12px;margin-bottom:12px;max-width:500px;min-width:300px;padding:16px 20px;transition:none!important}.notification-success{border-left-color:#10b981}.notification-error{border-left-color:#ef4444}.notification-warning{border-left-color:#f59e0b}.notification-info{border-left-color:#3b82f6}.notification-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;justify-content:center}.notification-success .notification-icon{color:#10b981}.notification-error .notification-icon{color:#ef4444}.notification-warning .notification-icon{color:#f59e0b}.notification-info .notification-icon{color:#3b82f6}.notification-message{color:#1a202c!important;flex:1 1;font-weight:500;transition:none!important}.notification-close{align-items:center;color:#6b7280;display:flex;flex-shrink:0}.notification-close:hover{color:#1a202c}[data-theme=dark] .notification-close{color:var(--text-secondary)}[data-theme=dark] .notification-close:hover{color:var(--text-primary)}.notifications-container{align-items:flex-end;display:flex;flex-direction:column;position:fixed;right:20px;top:20px;z-index:9999}.confirm-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.confirm-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:24px;width:100%}.confirm-modal-title{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 12px}.confirm-modal-message{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.confirm-modal-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#6b7280}.confirm-modal-btn-cancel:hover{background:#f9fafb}.confirm-modal-btn-confirm{background:#ef4444;color:#fff}.confirm-modal-btn-confirm:hover{background:#dc2626}[data-theme=dark] .notification{background:var(--bg-secondary);color:var(--text-primary);transition:none!important}[data-theme=dark] .notification-message{color:var(--text-primary)!important;transition:none!important}[data-theme=dark] .confirm-modal{background:var(--bg-secondary)}[data-theme=dark] .confirm-modal-title{color:var(--text-primary)}[data-theme=dark] .confirm-modal-message{color:var(--text-secondary)}[data-theme=dark] .confirm-modal-btn-cancel{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.user-edit,[data-theme=dark] .confirm-modal-btn-cancel:hover{background:var(--bg-primary)}.user-edit{height:100%;overflow-y:auto;padding:32px}.user-edit-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.back-btn{text-decoration:none}.back-btn svg{font-size:24px;height:24px;width:24px}.permissions-grid{grid-gap:12px;background:var(--bg-tertiary);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:8px;padding:16px}.permission-checkbox{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.permission-checkbox:hover{background:var(--bg-secondary);border-color:var(--whatsapp-green)}.permission-checkbox input[type=checkbox]{accent-color:var(--whatsapp-green);cursor:pointer;flex-shrink:0;height:18px;margin:0;min-height:18px;min-width:18px;vertical-align:middle;width:18px}.permission-checkbox span{color:var(--text-primary);font-size:14px;font-weight:500}.user-edit-header h1{color:var(--text-primary);flex:1 1;font-size:32px;font-weight:700;margin:0}.user-edit-form{margin:0 auto;max-width:900px}.form-section{border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-light);margin-bottom:24px;padding:32px}.form-section h2{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 24px;padding-bottom:16px}.photo-section{text-align:center}.photo-upload-container{align-items:center;display:flex;gap:32px;justify-content:center}.photo-preview{border:4px solid var(--border-color);height:160px;position:relative;width:160px}.photo-placeholder{font-size:64px}.photo-upload-btn{align-items:center;background:var(--whatsapp-green);border:3px solid var(--bg-secondary);border-radius:50%;bottom:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:40px}.photo-upload-btn:hover{background:var(--whatsapp-green-dark);transform:scale(1.1)}.photo-info{text-align:left}.photo-label{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.photo-hint{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.photo-selected{align-items:center;color:var(--whatsapp-green);display:flex;font-size:14px;font-weight:500;gap:8px;margin:0}.form-group label svg{color:var(--text-secondary);font-size:16px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color)}.toggle-group{display:flex;flex-direction:column;gap:8px}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{display:none}.toggle-switch{background:var(--border-color);border-radius:32px;height:32px;transition:background .3s ease;width:56px}.toggle-switch:before{background:var(--bg-secondary);border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:24px;left:4px;position:absolute;top:4px;transition:transform .3s ease;width:24px}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:var(--whatsapp-green)}.toggle-label input[type=checkbox]:checked+.toggle-switch:before{transform:translateX(24px)}.toggle-text{color:var(--text-primary);font-size:16px;font-weight:600}.field-hint,.toggle-hint{color:var(--text-secondary);font-size:14px;margin:8px 0 0}.form-actions{gap:16px;margin-top:32px}.form-actions .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.form-actions .btn:disabled{cursor:not-allowed;opacity:.5}.form-actions .btn-primary{background:var(--whatsapp-green);color:#fff}.form-actions .btn-primary:hover:not(:disabled){background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.form-actions .btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color)!important;color:var(--text-primary)}.form-actions .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--whatsapp-green)!important;color:var(--whatsapp-green)}.empty-state,.loading-state{height:60vh}.loading-spinner{border-top:4px solid var(--border-color)}@media (max-width:768px){.user-edit{padding:20px 16px}.user-edit-header h1{font-size:24px}.form-section{padding:24px 20px}.form-grid{gap:16px;grid-template-columns:1fr}.photo-upload-container{flex-direction:column;text-align:center}.photo-info{text-align:center}.photo-preview{height:120px;width:120px}.toggle-hint{margin-top:8px;padding-left:0}.form-actions{flex-direction:column-reverse}.form-actions .btn{justify-content:center;width:100%}}[data-theme=dark] .toggle-switch:before{background:var(--bg-primary)}.notification-settings{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-medium);margin:20px 0;padding:20px}.notification-header{border-bottom:1px solid var(--border-color);gap:12px;margin-bottom:20px;padding-bottom:15px}.notification-header .icon{color:#25d366;font-size:20px}.notification-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.notification-unsupported{color:var(--text-secondary);padding:40px 20px;text-align:center}.notification-unsupported .icon{font-size:48px;margin-bottom:16px;opacity:.5}.permission-section{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:20px;padding:16px 0}.permission-section,.permission-status,.status{align-items:center;display:flex}.status{border-radius:20px;font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.status.granted{background:#16a34a26;color:#22c55e}.status.denied{background:#dc262626;color:#ef4444}.status.default{background:#d9770626;color:#f59e0b}[data-theme=dark] .status.granted{background:#16a34a33;color:#4ade80}[data-theme=dark] .status.denied{background:#dc262633;color:#f87171}[data-theme=dark] .status.default{background:#d9770633;color:#fbbf24}.permission-btn,.test-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.permission-btn{background:#25d366;color:#fff}.permission-btn:hover{background:#22c55e;transform:translateY(-1px)}.test-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.test-btn:hover{background:var(--bg-primary)}.settings-list{gap:16px}.setting-item,.settings-list{display:flex;flex-direction:column}.setting-item{border-bottom:1px solid var(--border-color);padding:12px 0}.setting-item:last-child{border-bottom:none}.setting-item label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;margin-bottom:4px;width:100%}.setting-item input[type=checkbox]{accent-color:#25d366;cursor:pointer;flex-shrink:0;height:18px;width:18px}.setting-item span{font-weight:500}.setting-description{color:var(--text-tertiary);font-size:12px;line-height:1.4;margin:0;padding-left:30px}@media (max-width:768px){.notification-settings{margin:10px 0;padding:16px}.permission-section{align-items:stretch;flex-direction:column;gap:12px}.permission-btn,.test-btn{padding:12px;width:100%}}.logs-redesigned{background:#f8f9fa;display:flex;flex-direction:column;height:100vh;overflow:hidden}.logs-header-new{background:#fff;border-bottom:1px solid #e5e7eb;padding:24px 32px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{color:#111827;font-size:28px;font-weight:700;margin:0}.export-btn,.refresh-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.export-btn:hover,.refresh-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.export-btn{border-color:#10b981}.export-btn:hover{border-color:#059669}.stats-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.stat-icon{font-size:20px}.stat-icon.total{color:#fff}.stat-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.logs-tabs-new{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin:0 -32px;padding:0 32px}.tab-btn{position:relative}.tab-btn:hover{background:#f9fafb;color:#111827}.tab-btn.active{border-bottom-color:#10b981;color:#10b981}.tab-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:2px 6px}.logs-filters-new{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 32px}.search-filter{flex:1 1;max-width:400px;position:relative}.search-icon{color:#9ca3af;font-size:16px}.search-input{background:#f9fafb;border:1px solid #e5e7eb;padding:10px 12px 10px 38px}.search-input:focus{background:#fff}.select-filter{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;gap:8px;padding:10px 14px}.select-filter svg{flex-shrink:0;font-size:16px}.select-filter select{background:none;border:none;color:#111827;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:0}.logs-content-new{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:24px 32px}.empty-state p{color:#9ca3af}.logs-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}thead th{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}tbody tr:hover{background:#f9fafb}tbody tr:last-child{border-bottom:none}tbody tr.error-row{background:#fef2f2}tbody tr.error-row:hover{background:#fee2e2}tbody tr.screened-row{background:#fffbeb}tbody tr.screened-row:hover{background:#fef3c7}tbody td{color:#374151;font-size:14px;padding:14px 16px}.status-badge{gap:6px}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.error{background:#fee2e2;color:#991b1b}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.ai{background:#dbeafe;color:#1e40af}.type-cell{min-width:100px}.type-badge{align-items:center;background:#e5e7eb;border-radius:12px;color:#6b7280;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.type-badge.template{align-items:flex-start;background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:1px solid #8b5cf64d;color:#8b5cf6;flex-direction:column;gap:2px}.template-name{color:#6b7280;font-size:10px;font-weight:500;text-transform:none}.phone-cell{color:#111827;font-family:Courier New,monospace;font-weight:600}.message-cell{max-width:400px}.message-text{color:#374151;line-height:1.5}.error-text{align-items:center;background:#fee2e2;border-radius:4px;color:#dc2626;display:flex;font-size:12px;gap:6px;margin-top:6px;padding:6px 10px}.agent-cell{color:#6b7280;font-weight:500}.time-cell{color:#9ca3af;font-size:13px}.id-cell code{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;padding:4px 8px}.customer-cell{color:#111827;font-weight:600}.reason-badge{align-items:center;background:#fef3c7;border-radius:6px;color:#92400e;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.actions-cell{text-align:right}.view-btn{background:#10b981;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;text-decoration:none}.view-btn:hover{background:#059669;transform:translateY(-1px)}.action-badge{background:#ede9fe;border-radius:6px;color:#5b21b6;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.user-cell{color:#6b7280;font-weight:500}.conversation-cell{color:#9ca3af}@media (max-width:1200px){.stats-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.logs-content-new,.logs-filters-new,.logs-header-new{padding:16px}.stats-cards{grid-template-columns:1fr}.header-top{align-items:flex-start;flex-direction:column;gap:16px}.logs-tabs-new{margin:0 -16px;overflow-x:auto;padding:0 16px}.logs-filters-new{align-items:stretch;flex-direction:column}.search-filter{max-width:100%}.table-container{overflow-x:scroll}table{min-width:800px}}.user-settings-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.user-settings-modal{animation:modalSlideIn .3s cubic-bezier(.25,.46,.45,.94);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:480px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-header{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));color:#fff;padding:20px 24px}.settings-header h3{font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-button:hover{background:#ffffff4d}.settings-content{max-height:60vh;overflow-y:auto;padding:24px}.profile-photo-section{align-items:center;background:var(--whatsapp-light-gray);border-radius:12px;display:flex;flex-direction:column;margin-bottom:32px;padding:20px}.current-photo{border:3px solid var(--whatsapp-green);border-radius:50%;height:80px;margin-bottom:12px;overflow:hidden;width:80px}.default-avatar{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));color:#fff;font-size:32px;height:100%;justify-content:center;width:100%}.default-avatar,.photo-actions{align-items:center;display:flex}.photo-actions{color:var(--text-secondary);font-size:14px;gap:8px}.camera-icon{font-size:16px}.form-section{display:flex;flex-direction:column;gap:20px}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{left:12px;z-index:1}.input-with-icon input{background:#fff;border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.input-with-icon input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.role-display{display:flex;flex-direction:column;gap:8px}.role-badge{border-radius:16px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.role-badge.admin{background:#dc2626;color:#fff}.role-badge.supervisor{background:#f59e0b;color:#fff}.role-badge.agent{background:var(--whatsapp-green);color:#fff}.role-badge.user{background:var(--text-secondary);color:#fff}.role-display small{color:var(--text-secondary);font-size:12px}.settings-footer{background:#f9fafb;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-button{background:#fff;border:1px solid var(--border-color);color:var(--text-secondary);font-weight:500;padding:10px 20px}.cancel-button:hover{background:var(--whatsapp-light-gray)}.save-button{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.save-button:hover:not(:disabled){background:var(--whatsapp-green-dark)}.save-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.user-settings-modal{margin:20px;width:95%}.settings-content{padding:20px}.settings-footer{padding:16px 20px}}.user-dropdown{position:relative;width:100%}.user-dropdown-trigger{align-items:center;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:10px;padding:10px;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.user-dropdown-trigger:hover{border-color:var(--whatsapp-green);box-shadow:var(--shadow-medium)}.user-dropdown-trigger .user-avatar{align-items:center;background:var(--whatsapp-green);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;min-height:40px;min-width:40px;overflow:hidden;position:relative;width:40px}.user-dropdown-trigger .user-avatar .avatar-initials{color:#fff;font-size:16px;font-weight:600;transition:opacity .3s ease;z-index:1}.user-dropdown-trigger .user-avatar .avatar-initials.hidden{opacity:0}.user-dropdown-trigger .user-avatar .avatar-image,.user-dropdown-trigger .user-avatar img{border-radius:50%!important;display:block!important;height:100%!important;left:0;object-fit:cover!important;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%!important;z-index:2}.user-dropdown-trigger .user-avatar .avatar-image.visible{opacity:1}.user-dropdown-trigger .user-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:visible}.user-dropdown-trigger .user-name{color:var(--text-primary);display:block;font-size:13px;font-weight:500;line-height:1.4;margin:0;max-width:100%;overflow:visible;white-space:normal;width:100%;word-break:break-word}.user-dropdown-trigger .user-role{background:#6366f1;border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin:0;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.dropdown-arrow{color:var(--text-secondary);flex-shrink:0;font-size:14px;opacity:.5;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{animation:dropdownSlideIn .2s cubic-bezier(.25,.46,.45,.94);background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000001f;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:9999}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));gap:16px;padding:20px}.dropdown-header,.user-avatar-large{align-items:center;color:#fff;display:flex}.user-avatar-large{background:#e0e0e0;border-radius:50%;flex-shrink:0;font-size:32px;font-weight:600;height:80px;justify-content:center;width:80px}.user-avatar-large .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-details{flex:1 1;min-width:0}.user-name-large{font-size:16px;font-weight:600;margin-bottom:4px}.user-email,.user-name-large{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:13px;margin-bottom:6px;opacity:.9}.user-role-badge{background:#fff3;border-radius:12px;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.dropdown-divider{background:var(--border-color);height:1px;margin:0}.dropdown-item{background:none;border:none;color:var(--text-primary);font-size:14px;gap:12px;padding:12px 20px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:var(--whatsapp-light-gray)}.logout-item{color:#dc2626}.logout-item:hover{background-color:#fef2f2}.dropdown-item svg{flex-shrink:0;font-size:16px}@media (max-width:768px){.user-dropdown-menu{min-width:260px}.user-dropdown-trigger .user-name{max-width:100px}}.profile-page{background:var(--bg-primary);display:flex;flex-direction:column;height:100%;overflow-y:auto;width:100%}.profile-banner{background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);padding:48px 32px 80px;position:relative;width:100%}.profile-banner h1{color:#fff;font-size:32px;font-weight:600;margin:0 0 8px;text-align:center}.profile-banner p{color:#ffffffe6;font-size:16px;margin:0;text-align:center}.profile-content-wrapper{box-sizing:border-box;margin:-60px auto 0;max-width:1200px;padding:0 32px 32px;position:relative;width:100%}.profile-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 20px #00000014;overflow:hidden;padding:0}.profile-picture-section{align-items:center;background:linear-gradient(180deg,#25d3660d 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:20px;padding:48px 40px 40px}.profile-picture-preview{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);border:6px solid var(--bg-secondary);border-radius:50%;box-shadow:0 8px 24px #25d3664d;display:flex;flex-shrink:0;height:140px;justify-content:center;overflow:hidden;position:relative;width:140px}.profile-picture-preview img{height:100%;object-fit:cover;width:100%}.profile-picture-placeholder{align-items:center;color:#fff;display:flex;font-size:48px;font-weight:600;height:100%;justify-content:center;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}.profile-picture-placeholder.hidden{opacity:0}.profile-image{height:100%;object-fit:cover;opacity:0;position:absolute;transition:opacity .3s ease;width:100%;z-index:2}.profile-image.loaded{opacity:1}.profile-picture-actions{display:flex;flex-direction:column;gap:8px}.upload-picture-btn{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #25d36640;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 28px;transition:all .2s ease}.upload-picture-btn svg{flex-shrink:0!important;height:16px!important;width:16px!important}.upload-picture-btn:hover{background:var(--whatsapp-green-dark);transform:translateY(-1px)}.upload-picture-btn:active{transform:translateY(0)}.profile-form-section{padding:40px}.form-grid{grid-gap:24px;gap:24px;max-width:100%}.form-group label{letter-spacing:.5px;text-transform:uppercase}.form-group input{background:var(--bg-primary);border:2px solid var(--border-color);box-sizing:border-box;color:var(--text-primary);font-family:inherit;transition:all .2s ease}.form-group input:focus{background:var(--bg-secondary);border-color:var(--whatsapp-green);box-shadow:0 0 0 4px #25d3661a}.form-group input:disabled{background:#f3f4f6;color:var(--text-secondary)}.field-note{color:var(--text-secondary);font-size:12px}.message{border-radius:10px;font-size:14px;font-weight:500;grid-column:1/-1;padding:12px 16px}.message.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.form-actions{background:var(--bg-tertiary);justify-content:center;padding:32px 40px}.save-btn{background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);box-shadow:0 4px 12px #25d3664d;display:inline-flex;font-size:15px;justify-content:center;min-width:220px;padding:14px 40px;white-space:nowrap}.save-btn:disabled{opacity:.6}.save-btn svg{flex-shrink:0!important;height:18px!important;width:18px!important}.logout-section{background:var(--bg-primary);display:flex;justify-content:center;padding:24px 32px}.logout-btn-profile{align-items:center;background:#0000;border:2px solid #dc2626;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 32px;transition:all .2s ease}.logout-btn-profile:hover{background:#fef2f2;transform:translateY(-1px)}.logout-btn-profile svg{flex-shrink:0!important;height:18px!important;width:18px!important}[data-theme=dark] .profile-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .profile-picture-section{background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}[data-theme=dark] .form-group label,[data-theme=dark] .profile-page-header h2{color:var(--text-primary)}[data-theme=dark] .input-icon{color:var(--text-secondary)}[data-theme=dark] .form-group input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-group input:disabled{background:#ffffff0d;color:var(--text-secondary)}[data-theme=dark] .form-group input::placeholder{color:var(--text-tertiary)}[data-theme=dark] .form-actions{border-top-color:var(--border-color)}[data-theme=dark] .message.success{background:#22c55e33;border-color:#22c55e4d;color:#86efac}[data-theme=dark] .message.error{background:#ef444433;border-color:#ef44444d;color:#fca5a5}[data-theme=dark] .logout-section{border-top-color:var(--border-color)}[data-theme=dark] .logout-btn-profile{border-color:#ef4444;color:#ef4444}[data-theme=dark] .logout-btn-profile:hover{background:#ef44441a}@media (max-width:768px){.profile-banner{padding:32px 20px 60px}.profile-content-wrapper{margin-top:-40px;padding:0 16px 16px}.form-grid{grid-template-columns:1fr}.profile-form-section{padding:32px 24px}.profile-picture-section{padding:36px 24px 32px}.form-actions{padding:24px}}.theme-toggle-tooltip{animation:bounceIn .5s ease;background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));border-radius:12px;bottom:calc(100% + 12px);box-shadow:0 8px 24px #0000004d;color:#fff;left:50%;padding:16px;position:absolute;transform:translateX(-50%);width:280px;z-index:1000}@keyframes bounceIn{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.9)}50%{transform:translateX(-50%) translateY(-5px) scale(1.02)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.tooltip-arrow{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--whatsapp-green-dark);bottom:-6px;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.tooltip-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.tooltip-close:hover{background:#ffffff4d}.tooltip-content{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.tooltip-icon{flex-shrink:0;font-size:24px;margin-top:2px}.tooltip-text{flex:1 1}.tooltip-text strong{display:block;font-size:15px;font-weight:600;line-height:1.3;margin-bottom:4px}.tooltip-text p{font-size:13px;line-height:1.4;margin:0;opacity:.95}.tooltip-action{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px;transition:all .2s ease;width:100%}.tooltip-action:hover{background:#ffffff4d;transform:translateY(-1px)}@media (max-width:768px){.theme-toggle-tooltip{font-size:13px;padding:14px;width:260px}.tooltip-icon{font-size:20px}.tooltip-text strong{font-size:14px}.tooltip-text p{font-size:12px}}.theme-toggle{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.theme-toggle:hover{background:var(--whatsapp-green);border-color:var(--whatsapp-green);box-shadow:0 2px 8px #25d3664d;color:#fff;transform:rotate(180deg) scale(1.1)}.theme-toggle:active{transform:rotate(180deg) scale(.95)}.theme-toggle svg{transition:all .3s ease}[data-theme=dark] .theme-toggle{background:#25d36626;border-color:#25d3664d;color:#25d366}[data-theme=dark] .theme-toggle:hover{background:#25d36640;border-color:#25d36680;transform:rotate(180deg) scale(1.1)}.notification-permission-wrapper{display:inline-block;position:relative}.notification-permission-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.notification-permission-btn.default{background:#fef3c7;border:1px solid #fbbf24;color:#d97706}.notification-permission-btn.default:hover{background:#fef08a;transform:translateY(-1px)}.notification-permission-btn.enabled{background:#dcfce7;border:1px solid #bbf7d0;color:#16a34a;cursor:default}.notification-permission-btn.denied{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.notification-permission-btn.denied:hover{background:#fecaca}.notification-permission-btn:disabled{cursor:default;transform:none}.notification-permission-btn svg{font-size:14px}.notification-tooltip{background:#1f2937;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0003;color:#fff;font-size:12px;line-height:1.4;margin-bottom:8px;max-width:300px;padding:12px 16px;white-space:nowrap;white-space:normal;z-index:1000}.notification-tooltip,.notification-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.notification-tooltip:after{border:6px solid #0000;border-top-color:#1f2937;content:"";top:100%}.tooltip-help{border-top:1px solid #fff3;font-size:11px;margin-top:8px;padding-top:8px}.tooltip-help strong{color:#fbbf24}@media (max-width:768px){.notification-tooltip{bottom:20px;left:20px;max-width:none;position:fixed;right:20px;transform:none}.notification-tooltip:after{display:none}}.knowledge-base-suggestions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.suggestions-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.suggestions-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 4px}.suggestions-header p{color:#6b7280;font-size:14px;margin:0}.analyze-btn{background:#25d366;font-weight:500;padding:10px 16px}.analyze-btn:hover:not(:disabled){background:#22c55e}.analyze-btn:disabled{background:#d1d5db}.empty-suggestions{color:#6b7280;padding:60px 20px;text-align:center}.empty-suggestions svg{font-size:48px;margin-bottom:16px;opacity:.5}.empty-suggestions h4{color:#374151;font-size:18px;margin:0 0 8px}.empty-suggestions p{font-size:14px;margin:0}.suggestions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px;min-height:400px}.suggestions-list{display:flex;flex-direction:column;gap:16px;max-height:600px;overflow-y:auto}.suggestion-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s ease}.suggestion-card:hover{border-color:#25d366;box-shadow:0 4px 12px #25d3661a}.suggestion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.suggestion-meta{align-items:center;display:flex;gap:12px}.confidence-badge{color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.customer-name{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.suggestion-actions{display:flex;gap:8px}.approve-btn,.reject-btn,.view-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.view-btn{background:#f3f4f6;color:#6b7280}.view-btn:hover{background:#e5e7eb;color:#374151}.approve-btn{background:#dcfce7;color:#16a34a}.approve-btn:hover{background:#bbf7d0}.reject-btn{background:#fef2f2;color:#dc2626}.reject-btn:hover{background:#fecaca}.suggestion-content{display:flex;flex-direction:column;gap:12px}.customer-question{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:8px;padding:12px}.customer-question strong{color:#1f2937;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.customer-question p{color:#374151;font-style:italic;margin:0}.suggested-keywords strong{color:#1f2937;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.keyword-tags{display:flex;flex-wrap:wrap;gap:6px}.keyword-tag{background:#e0f2fe;color:#0369a1;padding:4px 8px}.suggestion-details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;height:-webkit-fit-content;height:fit-content;max-height:600px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0}.details-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px}.details-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.close-details-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.close-details-btn:hover{background:#e5e7eb;color:#374151}.details-content{display:flex;flex-direction:column;gap:16px;padding:16px}.detail-section label{color:#1f2937;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-text{border-radius:8px;font-size:14px;line-height:1.5;padding:12px}.customer-text{background:#f0f9ff;border-left:3px solid #3b82f6;color:#1e40af;font-style:italic}.agent-text{background:#f0fdf4;border-left:3px solid #16a34a;color:#15803d}.confidence-score{color:#16a34a;font-size:18px;font-weight:600}.detail-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding-top:16px}.approve-detail-btn,.reject-detail-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.approve-detail-btn{background:#16a34a;color:#fff}.approve-detail-btn:hover{background:#15803d}.reject-detail-btn{background:#dc2626;color:#fff}.reject-detail-btn:hover{background:#b91c1c}@media (max-width:1024px){.suggestions-grid{grid-template-columns:1fr}.suggestion-details{max-height:none;position:relative}}.prompt-editor-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.prompt-editor{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:90%}.editor-header{align-items:flex-start;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.editor-header h2{align-items:center;color:#1f2937;display:flex;font-size:24px;font-weight:600;gap:10px;margin:0 0 8px}.editor-header p{color:#6b7280;font-size:14px;margin:0}.header-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.preview-btn{background:#6b7280;color:#fff}.preview-btn:hover{background:#4b5563}.save-btn{background:#10b981}.save-btn:hover:not(:disabled){background:#059669}.save-btn:disabled{background:#d1d5db}.close-btn{color:#374151}.editor-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.tab-btn.active{background:#fff}.editor-content{padding:20px}.prompt-section{display:flex;flex-direction:column;gap:24px}.prompt-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.prompt-header p{color:#6b7280;font-size:14px;margin:0 0 12px}.variables-info{color:#374151;font-size:14px;margin-top:8px}.variables-info strong{display:block;margin-bottom:6px}.variable-tag{background:#dbeafe;border-radius:4px;color:#1d4ed8;display:inline-block;font-family:monospace;font-size:12px;font-weight:500;margin-bottom:4px;margin-right:6px;padding:2px 6px}.prompt-fields{gap:20px}.field-group,.prompt-fields{display:flex;flex-direction:column}.field-group{gap:8px}.field-group label{color:#374151;font-size:14px;font-weight:600}.field-description{color:#6b7280;font-size:13px;font-style:italic;margin:0}.field-group textarea{border:1px solid #d1d5db;border-radius:8px;font-family:Courier New,monospace;font-size:14px;line-height:1.5;padding:12px;resize:vertical;transition:all .2s ease}.field-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.prompt-preview{display:flex;flex-direction:column;gap:24px}.prompt-preview h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 16px}.preview-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.preview-section h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.preview-text{word-wrap:break-word;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-family:Courier New,monospace;font-size:14px;line-height:1.5;padding:12px;white-space:pre-wrap}.editor-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px}.tips h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.tips ul{color:#6b7280;font-size:14px;margin:0;padding-left:20px}.tips li{line-height:1.4;margin-bottom:6px}.loading-state svg{font-size:32px;margin-bottom:16px}.loading-state p{font-size:16px}@media (max-width:768px){.prompt-editor{max-height:95vh;width:95%}.editor-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:flex-end}.editor-tabs{overflow-x:auto}.tab-btn{white-space:nowrap}}.conversation-learning{margin:0 auto;max-width:1200px;padding:24px}.learning-header{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.header-content{gap:16px}.header-icon{color:var(--whatsapp-green);font-size:48px}.learning-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.learning-header p{color:var(--text-secondary);font-size:14px;margin:0}.analyze-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.analyze-btn:hover:not(:disabled){background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.analyze-btn:disabled{cursor:not-allowed;opacity:.6}.learning-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;gap:16px;padding:20px}.stat-item svg{color:var(--whatsapp-green);font-size:32px}.stat-label,.stat-value{display:block}.patterns-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px}.patterns-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.patterns-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.add-selected-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.add-selected-btn:hover:not(:disabled){background:var(--whatsapp-green-dark);transform:scale(1.05)}.add-selected-btn:disabled{cursor:not-allowed;opacity:.4}.patterns-list{display:flex;flex-direction:column;gap:12px}.pattern-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.pattern-card:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 8px #25d3661a}.pattern-card.selected{background:#25d3660d;border-color:var(--whatsapp-green)}.pattern-checkbox{flex-shrink:0}.pattern-checkbox input[type=checkbox]{accent-color:var(--whatsapp-green);cursor:pointer;height:20px;width:20px}.pattern-content{flex:1 1;min-width:0}.pattern-answer,.pattern-question{color:var(--text-primary);font-size:14px;line-height:1.6;margin-bottom:12px}.pattern-answer strong,.pattern-question strong{color:var(--whatsapp-green);margin-right:8px}.pattern-answer{border-left:3px solid var(--whatsapp-green);color:var(--text-secondary);padding-left:24px}.pattern-meta{border-top:1px solid var(--border-color);color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:12px;gap:16px;padding-top:12px}.pattern-confidence{color:var(--whatsapp-green);font-weight:600}.pattern-agent,.pattern-variations{align-items:center;display:flex;gap:4px}.empty-state svg{font-size:64px;opacity:.3}@media (max-width:768px){.conversation-learning{padding:16px}.learning-header{gap:20px;text-align:center}.header-content,.learning-header{flex-direction:column}.analyze-btn{justify-content:center;width:100%}.learning-stats{grid-template-columns:1fr}.patterns-header{align-items:stretch;flex-direction:column;gap:16px}.add-selected-btn{justify-content:center;width:100%}.pattern-card{flex-direction:column}.pattern-answer{padding-left:16px}.pattern-meta{flex-direction:column;gap:8px}}.business-context{margin:0 auto;max-width:1200px;padding:24px}.context-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.context-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.context-header p{color:var(--text-secondary);font-size:14px;margin:0}.save-btn{font-size:14px;padding:10px 20px}.last-saved{background:#25d3661a;border-radius:6px;color:var(--whatsapp-green);display:inline-block;font-size:12px;font-weight:500;margin-bottom:24px;padding:8px 12px}.context-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:24px}.section-header{align-items:flex-start;border-bottom:1px solid var(--border-color);padding-bottom:16px}.section-header svg{flex-shrink:0;margin-top:4px}.section-header h3{color:var(--text-primary);font-size:18px;margin:0 0 4px}.section-header p{color:var(--text-secondary);font-size:13px;margin:0}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(2,1fr)}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color)}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #25d3661a}.intents-list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.intent-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .2s ease}.intent-card:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 8px #25d3661a}.intent-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.intent-trigger{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:10px 14px}.intent-trigger:focus{border-color:var(--whatsapp-green);outline:none}.intent-trigger:disabled{cursor:not-allowed;opacity:.5}.delete-btn{align-items:center;background:#0000;border:1px solid #ef4444;display:flex;justify-content:center;transition:all .2s ease}.intent-body{display:flex;flex-direction:column;gap:8px}.intent-body label{color:var(--text-primary);font-size:13px;font-weight:600}.intent-body textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 14px;resize:vertical}.intent-body textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.intent-body textarea:disabled{cursor:not-allowed;opacity:.5}.hint{color:var(--text-tertiary);font-size:12px;font-style:italic}.toggle-switch{display:inline-block;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:var(--border-color);border-radius:26px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;width:18px}.toggle-switch input:checked+.slider{background-color:var(--whatsapp-green)}.toggle-switch input:checked+.slider:before{transform:translateX(22px)}.add-intent-btn{align-items:center;background:var(--bg-primary);border:2px dashed var(--whatsapp-green);border-radius:8px;color:var(--whatsapp-green);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.add-intent-btn:hover{background:#25d3661a}.context-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding-top:24px}.save-btn.primary{font-size:15px;padding:12px 24px}@media (max-width:768px){.business-context{padding:16px}.context-header{flex-direction:column;gap:16px}.save-btn{justify-content:center;width:100%}.form-grid{grid-template-columns:1fr}.intent-header{align-items:stretch;flex-direction:column}}.knowledge-base{background:var(--bg-primary);display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1200px;overflow-y:auto;padding:24px}.knowledge-base-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:8px;margin-bottom:24px}.tab-btn{border-bottom:3px solid #0000;gap:8px;padding:12px 24px;transition:all .2s ease}.tab-btn:hover{background:var(--bg-tertiary)}.knowledge-base-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.suggestions-btn{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.suggestions-btn:hover{background:#7c3aed}.suggestions-btn.active{background:#6d28d9;box-shadow:0 0 0 3px #8b5cf633}.prompt-editor-btn{align-items:center;background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.prompt-editor-btn:hover{background:#d97706}.knowledge-base-header h2{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 8px}.knowledge-base-header p{color:var(--text-secondary);font-size:16px;margin:0}.add-entry-btn{align-items:center;background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.add-entry-btn:hover{background:#128c7e;transform:translateY(-1px)}.entry-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.entry-form{background:var(--bg-secondary);border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.form-header{margin-bottom:24px;padding-bottom:16px}.form-header h3{font-size:20px}.close-btn{padding:8px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);padding:12px 16px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#25d366}.phrases-header,.response-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.generate-phrases-btn{align-items:center;background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease}.generate-phrases-btn:hover:not(:disabled){background:#7c3aed}.generate-phrases-btn:disabled{background:#d1d5db;cursor:not-allowed}.field-help{color:var(--text-secondary);font-size:12px;font-style:italic;margin:8px 0 0}.phrases{margin-bottom:16px}.phrases-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.phrase-tag{background:#25d36626;border:1px solid #25d3664d;border-radius:12px;color:var(--whatsapp-green);font-style:italic;padding:4px 8px}.generate-ai-btn,.phrase-tag{font-size:12px;font-weight:500}.generate-ai-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s ease}.generate-ai-btn:hover:not(:disabled){background:#2563eb}.generate-ai-btn:disabled{background:#d1d5db;cursor:not-allowed}.form-actions{padding-top:16px}.save-btn{align-items:center;background:#25d366;border-radius:8px;display:flex;gap:8px;padding:12px 20px}.save-btn:hover{background:#128c7e}.cancel-btn{border-radius:8px;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .2s ease}.cancel-btn:hover{background:var(--border-color)}.entries-list{grid-gap:20px;display:grid;flex:1 1;gap:20px;overflow-y:auto;padding-bottom:20px}.empty-state,.loading-state{color:var(--text-secondary);text-align:center}.loading-spinner{border-top-color:#25d366}.empty-state svg{height:64px;width:64px}.entry-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.entry-card:hover{border-color:var(--text-tertiary);box-shadow:var(--shadow-medium)}.entry-header{margin-bottom:16px}.entry-meta{display:flex;flex-wrap:wrap;gap:8px}.category-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.category-badge.general{background:#f3f4f6;color:#374151}.category-badge.pricing{background:#fef3c7;color:#92400e}.category-badge.support{background:#dbeafe;color:#1e40af}.category-badge.sales{background:#dcfce7;color:#166534}.category-badge.technical{background:#fce7f3;color:#be185d}.category-badge.billing{background:#e0e7ff;color:#3730a3}.priority-badge,.usage-badge{background:#f9fafb;border-radius:4px;color:#6b7280;font-size:12px;font-weight:500;padding:4px 8px}.usage-badge{background:#ecfdf5;color:#065f46}.delete-btn,.edit-btn{background:none;color:var(--text-secondary);padding:8px}.edit-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.delete-btn:hover{color:#dc2626}.entry-content{display:flex;flex-direction:column;gap:16px}.keywords,.response{align-items:flex-start;display:flex;gap:12px}.keywords svg,.response svg{color:var(--text-secondary);flex-shrink:0;height:16px;margin-top:2px;width:16px}.keyword-list{display:flex;flex-wrap:wrap;gap:6px}.keyword-tag{background:var(--bg-tertiary);border-radius:12px;font-size:12px;padding:2px 8px}.keyword-tag,.response p{color:var(--text-primary)}.response p{line-height:1.5;margin:0}@media (max-width:768px){.knowledge-base{padding:16px}.knowledge-base-header{align-items:stretch;flex-direction:column;gap:16px}.entry-form{padding:20px;width:95%}.entry-header{flex-direction:column;gap:12px}.entry-meta{order:2}.entry-actions{align-self:flex-end;order:1}}.notification-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 2px 8px #0000001a;color:#fff;left:0;position:fixed;right:0;top:0;z-index:1000}.banner-content{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:1200px;padding:12px 20px}.banner-icon{color:#ffffffe6;flex-shrink:0;font-size:24px}.banner-text{flex:1 1;min-width:0}.banner-text strong{display:block;font-size:16px;font-weight:600;margin-bottom:4px}.banner-text p{font-size:14px;line-height:1.4;margin:0;opacity:.9}.banner-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.enable-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.enable-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.dismiss-btn{background:none;border:none;border-radius:4px;color:#fffc;cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.dismiss-btn:hover{background:#ffffff1a;color:#fff}@media (max-width:768px){.banner-content{gap:12px;padding:12px 16px}.banner-text strong{font-size:15px}.banner-text p,.enable-btn{font-size:13px}.enable-btn{padding:6px 12px}.banner-icon{font-size:20px}}@media (max-width:480px){.banner-content{align-items:flex-start;flex-direction:column;gap:8px}.banner-actions{align-self:stretch;justify-content:space-between}.enable-btn{flex:1 1;text-align:center}}.reads-diagnostic-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:80px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:60px;z-index:9999}.reads-diagnostic-toggle:hover{box-shadow:0 6px 20px #667eea99;transform:scale(1.1)}.reads-diagnostic-toggle .reads-count{background:#ef4444;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:24px;padding:2px 8px;position:absolute;right:-5px;text-align:center;top:-5px}.reads-diagnostic-panel{background:#fff;border-radius:12px;bottom:80px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:fixed;right:20px;width:400px;z-index:9999}.reads-diagnostic-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.reads-diagnostic-header h3{font-size:16px;font-weight:600;margin:0}.reads-total{font-size:14px;margin:4px 0 0;opacity:.9}.reads-total strong{font-size:18px;font-weight:700}.close-btn{background:#fff3;color:#fff;transition:background .2s}.close-btn:hover{background:#ffffff4d}.reads-diagnostic-content{flex:1 1;overflow-y:auto;padding:12px}.no-reads{color:#6b7280;font-size:14px;padding:40px 20px;text-align:center}.reads-list{gap:8px}.read-item,.reads-list{display:flex;flex-direction:column}.read-item{background:#f9fafb;border-left:3px solid #667eea;border-radius:6px;font-size:13px;gap:4px;padding:10px 12px}.read-timestamp{color:#6b7280;font-size:11px;font-weight:500}.read-message{color:#111827;font-family:Courier New,monospace;font-size:12px;word-break:break-word}.reads-diagnostic-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 20px}.reset-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s}.reset-btn:hover{background:#dc2626}.reads-info{color:#6b7280;font-size:12px;margin:0}@media (max-width:768px){.reads-diagnostic-panel{max-height:500px;width:calc(100vw - 40px)}}.read-limit-warning{animation:slideDown .3s ease-out;left:50%;max-width:600px;position:fixed;top:70px;transform:translateX(-50%);width:90%;z-index:10000}.read-limit-warning.hourly{background:linear-gradient(135deg,#ff9800,#ff5722)}.read-limit-warning.daily{background:linear-gradient(135deg,#f44336,#d32f2f)}.read-limit-content{align-items:center;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;gap:15px;padding:16px 20px}.read-limit-icon{flex-shrink:0;font-size:32px}.read-limit-text{flex:1 1}.read-limit-title{font-size:16px;font-weight:600;margin-bottom:4px}.read-limit-message{font-size:14px;line-height:1.4;opacity:.95}.read-limit-timer{font-size:12px;font-style:italic;margin-top:4px;opacity:.85}.read-limit-dismiss{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.read-limit-dismiss:hover{background:#ffffff4d;transform:scale(1.1)}.read-limit-dismiss:active{transform:scale(.95)}@media (max-width:768px){.read-limit-warning{top:60px;width:95%}.read-limit-content{gap:12px;padding:12px 16px}.read-limit-icon{font-size:24px}.read-limit-title{font-size:14px}.read-limit-message{font-size:13px}}.force-update-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.force-update-modal{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;text-align:center;width:90%}.force-update-icon{animation:rotate 2s linear infinite;color:#25d366;margin-bottom:20px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.force-update-modal h2{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 15px}.force-update-modal p{color:#666;font-size:16px;line-height:1.6;margin:0 0 25px}.version-info{align-items:center;display:flex;gap:20px;justify-content:center;margin:30px 0}.version-badge{background:#f5f5f5;border-radius:12px;display:flex;flex-direction:column;gap:5px;padding:15px 25px}.version-badge.current{border:2px solid #ddd}.version-badge.new{background:linear-gradient(135deg,#25d366,#128c7e);border:2px solid #25d366;color:#fff}.version-label{font-size:12px;font-weight:600;opacity:.7;text-transform:uppercase}.version-number{font-size:20px;font-weight:700}.version-arrow{color:#25d366;font-size:24px;font-weight:700}.update-features{background:#f9f9f9;border-radius:12px;margin:25px 0;padding:20px;text-align:left}.update-features h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 15px}.update-features ul{list-style:none;margin:0;padding:0}.update-features li{border-bottom:1px solid #eee;color:#666;font-size:14px;padding:8px 0}.update-features li:last-child{border-bottom:none}.update-button{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;box-shadow:0 4px 15px #25d3664d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:15px 40px;transition:all .3s ease;width:100%}.update-button:hover{box-shadow:0 6px 20px #25d36666;transform:translateY(-2px)}.update-button:active{transform:translateY(0)}.update-note{color:#999;font-size:13px;margin-bottom:0;margin-top:15px}[data-theme=dark] .force-update-modal{background:#2a2a2a;color:#fff}[data-theme=dark] .force-update-modal h2{color:#fff}[data-theme=dark] .force-update-modal p{color:#ccc}[data-theme=dark] .version-badge{background:#3a3a3a;border-color:#4a4a4a}[data-theme=dark] .update-features{background:#3a3a3a}[data-theme=dark] .update-features h3{color:#fff}[data-theme=dark] .update-features li{border-color:#4a4a4a;color:#ccc}.cv-upload-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.cv-upload-modal{animation:slideUp .3s ease-out;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:600px;width:90%}.modal-header{align-items:flex-start;border-bottom:2px solid var(--border-color)}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;font-weight:800;margin:0 0 4px}.modal-header p{font-size:14px}.btn-close{align-items:center;background:none;border-radius:8px;color:var(--text-secondary);display:flex;font-size:24px;justify-content:center;padding:4px;transition:all .2s ease}.btn-close:hover{background:#ef44441a;color:#ef4444}.upload-area{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-tertiary) 100%);border:3px dashed var(--border-color);border-radius:12px;padding:48px 24px;text-align:center;transition:all .3s ease}.upload-area:hover{background:linear-gradient(135deg,#25d3660d 0,var(--bg-tertiary) 100%);border-color:var(--whatsapp-green)}.upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:12px}.upload-label svg{color:var(--whatsapp-green)}.upload-label h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.upload-label p{color:var(--text-secondary);font-size:14px;margin:0}.upload-hint{background:#25d3661a;border:1px solid #25d3664d;border-radius:12px;color:var(--text-tertiary);color:var(--whatsapp-green);font-size:12px;font-weight:600;padding:6px 16px}.files-list{margin-top:24px}.files-list h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 16px}.file-item{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;display:flex;gap:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.file-item:hover{border-color:var(--whatsapp-green);transform:translateX(4px)}.file-item.complete{background:#10b9810d;border-color:#10b981}.file-item.error{background:#ef44440d;border-color:#ef4444}.file-icon{color:var(--whatsapp-green);flex-shrink:0;font-size:32px}.file-info{flex:1 1;min-width:0}.file-name{color:var(--text-primary);font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--text-secondary);font-size:12px}.file-status{color:var(--whatsapp-green);font-size:12px;font-weight:600;margin-top:4px}.file-item.error .file-status{color:#ef4444}.file-actions{align-items:center;display:flex;gap:8px}.status-icon{font-size:24px}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.status-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--whatsapp-green);height:24px;width:24px}.btn-remove-file{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;transition:all .2s ease}.btn-remove-file:hover{background:#ef44441a;color:#ef4444}.modal-footer{border-top:2px solid var(--border-color)}.btn-cancel,.btn-upload-submit{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-cancel{background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary)}.btn-cancel:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-secondary)}.btn-upload-submit{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 12px #25d3664d;color:#fff}.btn-upload-submit:hover:not(:disabled){box-shadow:0 6px 16px #25d36666;transform:translateY(-2px)}.btn-upload-submit:disabled{cursor:not-allowed;opacity:.5}.btn-spinner{animation:spin .6s linear infinite}@media (max-width:768px){.cv-upload-modal{max-height:90vh;width:95%}.modal-body,.modal-header{padding:20px}.upload-area{padding:32px 16px}}.cv-search-container{animation:fadeInPage .4s ease-out;background:var(--bg-primary);height:100%;overflow-y:auto;padding:24px}.cv-search-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.cv-search-header .header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.cv-search-header .header-left p{color:var(--text-secondary);font-size:14px;margin:0}.btn-export,.btn-upload{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-export{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.btn-export:hover:not(:disabled){box-shadow:0 6px 16px #3b82f666;transform:translateY(-3px) scale(1.02)}.btn-export:disabled{cursor:not-allowed;opacity:.5}.btn-upload{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 12px #25d3664d;color:#fff}.btn-upload:hover{box-shadow:0 6px 16px #25d36666;transform:translateY(-3px) scale(1.02)}.search-bar-section{align-items:center;display:flex;gap:12px;margin-bottom:24px}.search-input-wrapper{flex:1 1;max-width:600px;position:relative}.search-icon{color:var(--text-secondary)}.search-input{padding:14px 20px 14px 48px;transition:all .3s ease}.filter-toggle-btn{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 2px 6px #00000014;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-toggle-btn:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.filter-toggle-btn.active,.filter-toggle-btn:hover{background:linear-gradient(135deg,#25d366,#128c7e);border-color:var(--whatsapp-green);color:#fff}.search-btn{border-radius:10px;box-shadow:0 4px 12px #25d3664d;font-size:14px;font-weight:700;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-btn:hover{box-shadow:0 6px 16px #25d36666;transform:translateY(-2px)}.results-header h3{color:var(--text-primary);font-size:18px;font-weight:700}.selection-count{color:var(--whatsapp-green);font-weight:600}.btn-select-all{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-select-all:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.candidates-list{display:flex;flex-direction:column;gap:16px}.candidate-card{animation:dropIn .5s ease-out backwards;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.candidate-card:nth-child(n){animation-delay:calc(.05s*var(--i))}.candidate-card:hover{border-color:var(--whatsapp-green);box-shadow:0 8px 20px #25d36626;transform:translateY(-2px)}.candidate-checkbox{align-items:flex-start;display:flex;padding-top:4px}.candidate-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.candidate-avatar{background:linear-gradient(135deg,#25d366,#128c7e)}.avatar-initials{font-size:24px}.contact-icon{color:var(--whatsapp-green)}.candidate-categories,.candidate-skills{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.candidate-categories strong,.candidate-skills strong{color:var(--text-secondary);font-size:12px;margin-right:4px}.skill-tag.more{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.category-tag{font-size:12px;padding:4px 12px}.btn-view-details{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;box-shadow:0 2px 8px #25d36633;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.btn-view-details:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}@media (max-width:768px){.cv-search-header{align-items:stretch}.cv-search-header,.header-actions,.search-bar-section{flex-direction:column}.search-input-wrapper{max-width:100%}.candidate-card{align-items:flex-start;flex-direction:column}}.hot-candidates-container{animation:fadeInPage .4s ease-out;background:var(--bg-primary);height:100%;overflow-y:auto;padding:24px}.hot-candidates-header{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:20px}.hot-candidates-header .header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,#f59e0b 100%);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.hot-candidates-header .header-left p{color:var(--text-secondary);font-size:14px;margin:0}.hot-candidates-list{display:flex;flex-direction:column;gap:16px}.hot-candidate-card{animation:dropIn .5s ease-out backwards;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-left:4px solid #f59e0b;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hot-candidate-card:nth-child(n){animation-delay:calc(.05s*var(--i))}.hot-candidate-card:hover{border-left-color:#d97706;box-shadow:0 8px 20px #f59e0b33;transform:translateY(-2px)}.candidate-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 2px 8px #f59e0b4d;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.candidate-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initials{font-size:20px}.candidate-info{flex:1 1;min-width:0}.candidate-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.candidate-name{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.candidate-location{background:#3b82f61a;border-radius:12px;color:#3b82f6;font-size:12px;font-weight:600;padding:4px 12px}.candidate-contact{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:6px}.contact-icon{color:#f59e0b;font-size:14px}.candidate-skills{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.candidate-skills strong{color:var(--text-secondary);font-size:12px;margin-right:4px}.skill-tag{font-size:12px;padding:4px 12px}.candidate-meta{color:var(--text-tertiary);font-size:12px;margin-top:8px}.btn-remove{align-items:center;align-self:flex-start;background:#ef44441a;border:2px solid #ef4444;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-remove:hover{background:#ef4444;box-shadow:0 4px 12px #ef44444d;color:#fff;transform:translateY(-2px)}.loading-state{gap:16px}.loading-spinner{border-top:4px solid #f59e0b}.loading-state p{color:var(--text-secondary)}@media (max-width:768px){.hot-candidate-card{flex-direction:column}.btn-remove{align-self:stretch;justify-content:center}}.candidate-detail-container{animation:fadeInPage .4s ease-out;background:var(--bg-primary);height:100%;overflow-y:auto;padding:24px}.detail-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.btn-back,.detail-header{align-items:center;display:flex}.btn-back{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-back:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green);transform:translateX(-4px)}.btn-download,.btn-hot{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-hot{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.btn-hot:hover{box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.btn-hot.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.btn-download{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-download:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.profile-card{animation:dropIn .5s ease-out backwards;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000f;margin-bottom:24px;padding:32px}@keyframes dropIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-header{align-items:flex-start;display:flex;gap:24px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;box-shadow:0 8px 24px #25d3664d;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initials{font-size:42px}.profile-info{flex:1 1}.profile-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;margin:0 0 16px}.info-item{align-items:center;margin-bottom:8px}.info-item svg{color:var(--whatsapp-green);font-size:18px}.info-item a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.info-item a:hover{color:var(--whatsapp-green);text-decoration:underline}.contact-info{margin-top:16px}.section-card{animation:dropIn .5s ease-out backwards;animation-delay:.1s;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000f}.section-card h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 20px}.section-card h2 svg{color:var(--whatsapp-green)}.summary-text{color:var(--text-secondary);font-size:15px;line-height:1.7;margin:0}.skills-grid{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:#25d3661a;border:1px solid #25d3664d;border-radius:12px;color:var(--whatsapp-green);font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.skill-tag:hover{background:#25d36633;transform:translateY(-2px)}.categories-grid{display:flex;flex-wrap:wrap;gap:10px}.category-tag{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:12px;color:#8b5cf6;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.category-tag:hover{background:#8b5cf633;transform:translateY(-2px)}.education-list,.experience-list{display:flex;flex-direction:column;gap:20px}.experience-item{background:var(--bg-primary);border:2px solid var(--border-color);border-left:4px solid var(--whatsapp-green);border-radius:12px;padding:20px;transition:all .3s ease}.experience-item:hover{border-left-color:#128c7e;box-shadow:0 4px 12px #25d3661a;transform:translateX(4px)}.exp-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.exp-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.exp-duration{background:#3b82f61a;border-radius:12px;color:#3b82f6;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.exp-company{color:var(--whatsapp-green);font-size:14px;font-weight:600;margin-bottom:12px}.exp-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.education-item{background:var(--bg-primary);border:2px solid var(--border-color);border-left:4px solid #3b82f6;border-radius:12px;padding:20px;transition:all .3s ease}.education-item:hover{border-left-color:#2563eb;box-shadow:0 4px 12px #3b82f61a;transform:translateX(4px)}.education-item h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 8px}.edu-institution{color:#3b82f6;font-size:14px;font-weight:600;margin-bottom:8px}.edu-year{color:var(--text-secondary);font-size:13px}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.empty-state h3{font-weight:700}.empty-state button{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;box-shadow:0 4px 12px #25d3664d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s ease}.empty-state button:hover{box-shadow:0 6px 16px #25d36666;transform:translateY(-2px)}@media (max-width:768px){.detail-header{align-items:stretch}.detail-header,.header-actions,.profile-header{flex-direction:column}.profile-header{align-items:center;text-align:center}.profile-info h1{font-size:24px}.contact-info{align-items:center}.exp-header{align-items:flex-start;flex-direction:column}}.flow-sidebar-overlay{display:none}.flow-sidebar{background:linear-gradient(180deg,#fff 0,#fafbfc);box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;transition:width .3s ease;width:0;z-index:100}.flow-sidebar.open{width:480px}.flow-sidebar-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a;color:#1f2937;display:flex;justify-content:space-between;padding:24px}.flow-sidebar-header h3{align-items:center;color:#8b5cf6;display:flex;font-size:20px;font-weight:700;gap:8px;margin:0}.flow-sidebar-header .close-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s;width:36px}.flow-sidebar-header .close-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.05)}.flow-sidebar-content{background:linear-gradient(180deg,#fafbfc 0,#f8f9fa);flex:1 1;overflow-y:auto;padding:24px}.flow-step{border:2px solid #0000;border-radius:16px;box-shadow:0 2px 4px #0000000a;display:flex;gap:16px;margin-bottom:16px;opacity:.5;padding:18px;transition:all .3s ease}.flow-step.completed{border-color:#e5e7eb;box-shadow:0 2px 8px #0000000f;opacity:1}.flow-step.active{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#8b5cf6;box-shadow:0 8px 20px #8b5cf633;opacity:1;transform:scale(1.02)}.flow-step.inactive{opacity:.3}.step-icon{align-items:center;background:#f3e8ff;border-radius:12px;box-shadow:0 2px 4px #8b5cf61a;color:#8b5cf6;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.flow-step.active .step-icon{animation:pulse 2s infinite;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.step-content{flex:1 1}.step-title{color:#1f2937;font-size:15px;font-weight:700;margin-bottom:8px}.step-details{color:#6b7280;font-size:14px;line-height:1.6}.step-details p{margin:4px 0}.flow-step.kb{border-left:4px solid #3b82f6}.flow-step.gpt{border-left:4px solid #f59e0b}.flow-step.ticket{border-left:4px solid #ef4444}.flow-step.success{border-left:4px solid #10b981}.flow-arrow{align-items:center;animation:bounce 2s infinite;color:#cbd5e0;display:flex;font-size:24px;justify-content:center;margin:8px 0}.message-text{background:#f3e8ff;border-left:3px solid #8b5cf6;border-radius:10px;color:#7c3aed;font-style:normal;padding:10px 14px}.found{color:#10b981;font-weight:600}.not-found{color:#ef4444;font-weight:600}.kb-title{color:#333}.confidence-badge,.kb-title{font-weight:600;margin-top:4px}.confidence-badge{background:#e0e7ff;border-radius:12px;color:#667eea;font-size:11px;padding:4px 12px}.confidence-badge,.confidence-level{display:inline-block;text-transform:uppercase}.confidence-level{border-radius:10px;box-shadow:0 2px 4px #0000000f;font-size:12px;font-weight:700;margin-bottom:8px;padding:8px 16px}.confidence-level.high{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.confidence-level.medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.confidence-level.low{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.clarification-text{background:#fef3c7;border-radius:8px;color:#92400e;font-style:italic;padding:8px 12px}.suggested-issue{background:#e0e7ff;border-radius:8px;color:#4338ca;font-size:12px;margin-top:8px;padding:8px 12px}.kb-active{color:#10b981;font-weight:600}.kb-category{color:#666;font-size:12px}.current-step{background:#e0e7ff;border-radius:6px;color:#4338ca;display:inline-block;font-size:11px;font-weight:600;margin-top:8px;padding:4px 8px}.gpt-reason{color:#92400e;font-weight:500}.web-search{color:#059669;font-weight:600;margin-top:4px}.escalation-reason{color:#991b1b;font-weight:500}.collecting-info{background:#fee2e2;border-radius:8px;margin-top:8px;padding:8px 12px}.collecting-info p{color:#991b1b;font-weight:600;margin-bottom:4px}.collecting-info ul{margin:0;padding-left:20px}.collecting-info li{color:#dc2626;font-size:12px}.response-summary{color:#333;line-height:1.5}.response-type{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;margin-top:8px;padding:6px 12px}.response-type.knowledge_base{background:#dbeafe;color:#1e40af}.response-type.ai_generated{background:#fef3c7;color:#92400e}.response-type.escalation{background:#fee2e2;color:#991b1b}[data-theme=dark] .flow-sidebar{background:#1a1a1a}[data-theme=dark] .flow-sidebar-header{border-bottom-color:#2a2a2a}[data-theme=dark] .flow-step{background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .flow-step.active{background:#2d3748;border-color:#667eea}[data-theme=dark] .step-title{color:#e9edef}[data-theme=dark] .step-details{color:#a0aec0}[data-theme=dark] .message-text{background:#2d3748;color:#a0b3ff}[data-theme=dark] .kb-title{color:#e9edef}.flow-sidebar-content::-webkit-scrollbar{width:8px}.flow-sidebar-content::-webkit-scrollbar-track{background:#0000}.flow-sidebar-content::-webkit-scrollbar-thumb{background:#d1d5db;background-clip:padding-box;border:2px solid #0000;border-radius:10px}.flow-sidebar-content::-webkit-scrollbar-thumb:hover{background:#9ca3af;background-clip:padding-box}[data-theme=dark] .flow-sidebar-content::-webkit-scrollbar-track{background:#2a2a2a}[data-theme=dark] .flow-sidebar-content::-webkit-scrollbar-thumb{background:#4a5568}.help-desk-chat{background:linear-gradient(180deg,#f8f9fa 0,#f0f2f5);display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;transition:margin-right .3s ease}.help-desk-chat.sidebar-open{margin-right:450px}.kb-session-header{align-items:center;background:linear-gradient(135deg,#25d36614,#10b98114);border-bottom:2px solid #25d366;border-radius:12px;box-shadow:0 2px 8px #25d3661a;display:flex;justify-content:space-between;margin:16px;padding:16px 24px}.kb-session-info{align-items:center;display:flex;gap:8px}.kb-session-label{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.kb-session-name{color:var(--whatsapp-green);font-size:14px;font-weight:600}.kb-disconnect-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.kb-disconnect-btn:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444;box-shadow:0 4px 8px #ef444433;color:#ef4444;transform:translateY(-1px)}.clear-chat-container{display:flex;gap:12px;justify-content:center;margin:0 16px 16px;padding:16px 24px}.flow-sidebar-toggle-btn{align-items:center;background:#fff;border:2px solid #8b5cf6;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#8b5cf6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 20px;transition:all .2s;white-space:nowrap}.flow-sidebar-toggle-btn:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff;transform:translateY(-1px)}.flow-sidebar-toggle-btn svg{font-size:14px}.clear-conversation-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.clear-conversation-btn:hover{background:#dc2626;box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.clear-conversation-btn svg{font-size:14px}.ticket-info-header{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);flex-shrink:0;padding:16px 24px}.ticket-info-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.ticket-id-badge{background:var(--bg-tertiary);border-radius:6px;color:var(--text-tertiary);font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:4px 10px}.ticket-title-header{color:var(--text-primary);flex:1 1}.ticket-info-header .priority-badge{border-radius:12px;font-size:11px;font-weight:700;padding:4px 12px;text-transform:capitalize}.ticket-info-header .priority-badge.urgent{background:#ef44441a;color:#ef4444}.ticket-info-header .priority-badge.high{background:#f973161a;color:#f97316}.ticket-info-header .priority-badge.medium{background:#eab3081a;color:#eab308}.ticket-info-header .priority-badge.low{background:#22c55e1a;color:#22c55e}.ticket-info-header .status-badge{border-radius:12px;font-size:11px;font-weight:700;padding:4px 12px;text-transform:capitalize}.ticket-info-header .status-badge.open{background:#3b82f61a;color:#3b82f6}.ticket-info-header .status-badge.in_progress{background:#f59e0b1a;color:#f59e0b}.ticket-info-header .status-badge.resolved{background:#10b9811a;color:#10b981}.ticket-info-header .status-badge.closed{background:#6b72801a;color:#6b7280}.ticket-info-meta{margin-top:8px}.ticket-category{padding:4px 10px}.chat-messages{background:linear-gradient(180deg,#f8f9fa 0,#f0f2f5);flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px}.chat-message,.chat-messages{align-items:flex-start;display:flex}.chat-message{animation:fadeIn .2s ease;gap:8px;max-width:80%;width:-webkit-fit-content;width:fit-content}.chat-message,.chat-message.user{border:none!important;outline:none!important}.chat-message.user{align-self:flex-end!important;flex-direction:row-reverse!important;margin-left:auto!important;margin-right:0!important}.chat-message.assistant{align-self:flex-start!important;border:none!important;margin-left:0!important;margin-right:auto!important;outline:none!important}.message-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #25d3664d;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.chat-message.user .message-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);display:none}.message-content{display:flex;flex-direction:column;max-width:100%;width:-webkit-fit-content;width:fit-content}.chat-message.user .message-content{align-items:flex-end!important;border:none!important;margin-left:auto!important;margin-right:0!important;outline:none!important}.chat-message.assistant .message-content{align-items:flex-start!important;margin-left:0!important;margin-right:auto!important}.message-text{word-wrap:break-word;background:#fff;border:1px solid #f3f4f6;border-radius:16px;border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000014;color:#1f2937;display:inline-block;font-size:14.5px;line-height:1.6;max-width:100%;min-height:28px;min-width:-webkit-fit-content;min-width:fit-content;padding:14px 18px;transition:all .2s;white-space:pre-wrap;width:-webkit-fit-content;width:fit-content}.message-text:hover{box-shadow:0 4px 12px #0000001f}.chat-message.user .message-text{background:linear-gradient(135deg,#dcf8c6,#d9fdd3);border:1px solid #c5f0b0;border-bottom-left-radius:16px;border-bottom-right-radius:4px;box-shadow:0 2px 8px #25d36626;color:#1f2937}.message-source{align-items:center;display:flex;font-size:12px;margin-top:4px}.kb-badge,.web-search-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px}.ai-generated-badge,.web-search-badge{background:#a855f71a;border:1px solid #a855f733;color:#a855f7}.kb-badge{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.message-buttons{display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%}.message-option-btn{background:#fff;border:2px solid #25d366;border-radius:12px;box-shadow:0 2px 4px #0000000f;color:#25d366;cursor:pointer;font-size:14px;font-weight:600;padding:14px 18px;text-align:left;transition:all .2s ease;width:100%}.message-option-btn:hover{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 6px 16px #25d3664d;color:#fff;transform:translateY(-2px)}.message-option-btn:active{box-shadow:0 2px 4px #25d36633;transform:scale(.98)}.loading-status{align-items:center;background:#f0f2f5;border-radius:18px;box-shadow:0 1px .5px #00000021;display:flex;gap:8px;padding:12px 16px;width:-webkit-fit-content;width:fit-content}.status-text{color:#667781;font-size:14px;font-style:normal;opacity:.8}.loading-message .message-content{opacity:.7}.typing-indicator{display:flex;gap:4px}.typing-indicator span{animation:bounce 1.4s ease-in-out infinite both;background-color:#90949c;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-message:has(.ticket-confirmation){max-width:100%!important;width:100%!important}.ticket-confirmation{animation:slideIn .3s ease;background:var(--bg-secondary);border:2px solid var(--whatsapp-green);border-radius:12px;margin:16px 0;max-width:100%!important;padding:20px;width:100%!important}.confirmation-header{align-items:center;color:var(--whatsapp-green);display:flex;gap:12px;margin-bottom:16px}.confirmation-header svg{font-size:24px}.confirmation-header h4{font-size:22px;font-weight:600;margin:0}.confirmation-details{margin-bottom:20px;padding-left:36px}.confirmation-details .form-group{margin-bottom:16px}.confirmation-details .form-group-horizontal{align-items:center;display:flex;gap:12px;margin-bottom:20px}.confirmation-details .form-group-horizontal label{align-self:flex-start;color:var(--text-primary);display:block;flex-shrink:0;font-size:15px;font-weight:600;margin-bottom:0;padding-top:16px;text-align:left;white-space:nowrap}.confirmation-details .form-group-horizontal .title-input-large{flex:1 1;font-size:18px;font-weight:500;min-height:56px;padding:16px 20px}.confirmation-details label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.confirmation-details input,.confirmation-details select,.confirmation-details textarea{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.confirmation-details input:focus,.confirmation-details select:focus,.confirmation-details textarea:focus{border-color:var(--whatsapp-green);outline:none}.confirmation-details p{color:var(--text-primary);font-size:14px;margin:8px 0}.confirmation-details strong{color:var(--text-primary);font-weight:600}.additional-items-section{background:#25d3660d;border:1px solid #25d36633;border-radius:8px;margin-top:8px;padding:16px}.additional-items-section>label{color:var(--whatsapp-green);display:block;font-weight:600;margin-bottom:12px}.additional-item{margin-bottom:12px}.additional-item:last-child{margin-bottom:0}.additional-item label{color:var(--text-primary);display:block;font-size:13px;font-weight:500;margin-bottom:4px}.additional-item input{border:1px solid var(--border-color);border-radius:6px;font-size:14px;padding:8px 10px;transition:all .2s;width:100%}.additional-item input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 2px #25d3661a;outline:none}.priority-badge{display:inline-block}.confirmation-actions{gap:12px;padding-left:36px}.cancel-btn,.confirm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.confirm-btn{background:var(--whatsapp-green);color:#fff}.confirm-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.chat-input-container{align-items:flex-end;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 16px #0000000a;display:flex;flex-shrink:0;gap:12px;min-height:62px;overflow:visible;padding:16px 24px}.chat-input{align-self:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000a;color:#1f2937;font-size:15px;line-height:1.5;max-height:120px;outline:none;resize:none}.chat-input:focus{background:#fff;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a,0 2px 4px #0000000f}.chat-input::placeholder,.send-button{color:#8696a0}.send-button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:visible;padding:0;transition:all .2s ease;width:36px}.send-button:not(:disabled){background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 2px 4px #25d3664d;color:#fff}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#128c7e,#0e7a63);box-shadow:0 4px 8px #25d36666;transform:scale(1.05)}.send-button:not(:disabled):active{transform:scale(.95)}.send-button:disabled{background:#0000;color:#8696a0;cursor:not-allowed;opacity:.5}.send-button svg{font-size:22px;height:22px;width:22px}[data-theme=dark] .chat-messages{background:#0b141a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23000' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E")}[data-theme=dark] .message-text{background:#202c33;color:#e9edef!important}[data-theme=dark] .chat-message.user .message-text{background:#005c4b;color:#e9edef!important}[data-theme=dark] .loading-status{background:#202c33}[data-theme=dark] .status-text{color:#8696a0}[data-theme=dark] .chat-input-container{background:#202c33}[data-theme=dark] .chat-input{background:#2a3942;color:#e9edef}[data-theme=dark] .chat-input::placeholder{color:#8696a0}[data-theme=dark] .send-button:not(:disabled){background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 2px 4px #25d3664d;color:#fff}[data-theme=dark] .send-button:hover:not(:disabled){background:linear-gradient(135deg,#128c7e,#0e7a63);box-shadow:0 4px 8px #25d36666}[data-theme=dark] .send-button:disabled{background:#0000;color:#8696a0}[data-theme=dark] .chat-message,[data-theme=dark] .message-content{color:#e9edef!important}[data-theme=dark] .message-option-btn{background:linear-gradient(135deg,#00a884,#007a5e);box-shadow:0 2px 4px #00a8844d}[data-theme=dark] .message-option-btn:hover{background:linear-gradient(135deg,#007a5e,#005c45);box-shadow:0 4px 8px #00a88466}@media (max-width:768px){.chat-messages{padding:16px}.chat-message{max-width:100%}.message-text{min-width:200px;width:100%}.message-avatar{font-size:12px;height:28px;width:28px}.confirmation-actions,.confirmation-details{padding-left:0}.chat-input-container{padding:10px 12px}.send-button{height:32px;width:32px}.send-button svg{font-size:20px}}.message-content{padding-bottom:4px!important}.chat-message,.chat-message.assistant,.chat-message.user{border:none!important;outline:none!important}.message-content,.message-text{outline:none!important}.message-content{align-items:flex-start!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;line-height:1.4!important;padding:6px 9px 4px!important}.message-content,.message-text{border:none!important;text-decoration:none!important}.message-text{display:block!important;line-height:1.45!important;margin:0!important;padding:0!important}[data-theme=dark] .chat-message,[data-theme=dark] .message-content,[data-theme=dark] .message-text{color:#e9edef!important}.help-desk-chat .chat-message{max-width:100%!important;width:100%!important}.help-desk-chat .message-content,.help-desk-chat .message-text{display:block!important;max-width:100%!important;width:100%!important}.help-desk-chat .message-text{min-width:350px!important;padding:14px 18px!important}.help-desk-chat *,.help-desk-chat .chat-message *,.help-desk-chat .message-content,.help-desk-chat .message-content *,.help-desk-chat .message-text,.help-desk-chat .message-text *{border-bottom:0!important;text-decoration:none!important;-webkit-text-decoration-color:#0000!important;text-decoration-color:#0000!important;-webkit-text-decoration-line:none!important;text-decoration-line:none!important;-webkit-text-decoration:none!important;-moz-text-decoration:none!important}.help-desk-chat a{text-decoration:underline!important}@media (min-width:769px){.chat-message{max-width:75%}}@media (max-width:768px){.chat-message{max-width:85%}}.help-desk-chat .message-content,.help-desk-chat .message-text{border-bottom:none!important;display:block!important;max-width:100%!important;overflow:visible!important;text-decoration:none!important;white-space:normal!important;width:auto!important}.help-desk-chat .chat-message.assistant .message-content,.help-desk-chat .chat-message.user .message-content{align-items:flex-start;display:inline-flex!important;flex-direction:column}.chat-viewer-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.chat-viewer-modal{animation:slideUp .3s ease;background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:90%}.chat-viewer-header{align-items:flex-start;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 28px}.header-content{flex:1 1}.chat-viewer-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 12px}.chat-viewer-header h2 svg{color:var(--whatsapp-green)}.ticket-meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.viewer-header-actions{gap:8px}.expand-viewer-btn,.viewer-header-actions{align-items:center;display:flex;flex-shrink:0}.expand-viewer-btn{background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.expand-viewer-btn:hover{background:var(--whatsapp-green);color:#fff}.ticket-id-viewer{background:var(--bg-secondary);border-radius:6px;color:var(--text-tertiary);font-family:Courier New,monospace;font-size:11px;font-weight:700;padding:4px 10px}.close-viewer-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-viewer-btn:hover{background:var(--border-color);color:var(--text-primary)}.viewer-ticket-info{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:20px 28px}.viewer-ticket-title{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.4;margin:0 0 16px}.viewer-ticket-details{display:flex;flex-direction:column;gap:10px}.detail-item{color:var(--text-secondary)}.detail-item svg{color:var(--whatsapp-green)}.detail-label{color:var(--text-tertiary);font-weight:600}.detail-email{color:var(--text-tertiary);font-size:12px}.category-badge{background:var(--bg-tertiary);border-radius:6px;color:var(--text-primary)}.viewer-messages{background:var(--bg-primary);flex:1 1;gap:20px;overflow-y:auto;padding:24px 28px}.no-messages,.viewer-messages{display:flex;flex-direction:column}.no-messages{align-items:center;color:var(--text-tertiary);justify-content:center;padding:60px 20px;text-align:center}.no-messages svg{margin-bottom:16px;opacity:.3}.viewer-message{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:8px}.viewer-message.assistant{align-items:flex-start}.viewer-message.user{align-items:flex-end}.message-header{font-size:12px;gap:12px}.viewer-message.user .message-header{flex-direction:row-reverse}.message-sender{color:var(--text-primary);font-weight:700}.message-time{color:var(--text-tertiary);font-size:11px}.message-body{word-wrap:break-word;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-primary);line-height:1.6;max-width:80%;padding:14px 18px;white-space:pre-wrap}.viewer-message.user .message-body{background:var(--whatsapp-green);border:none;color:#fff}.message-source-tag{font-size:11px;font-weight:600}.source-kb,.source-web{border-radius:12px;display:inline-block;padding:4px 10px}.source-web{background:#a855f71a;color:#a855f7}.source-kb{background:#3b82f61a;color:#3b82f6}.viewer-footer{align-items:center;background:var(--bg-tertiary);border-radius:0 0 16px 16px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 28px}.message-count{color:var(--text-secondary);font-size:13px}.close-footer-btn{background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.close-footer-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.chat-viewer-header .priority-badge{border-radius:12px;font-size:10px;font-weight:700;padding:4px 10px;text-transform:capitalize}.chat-viewer-header .priority-badge.urgent{background:#ef44441a;color:#ef4444}.chat-viewer-header .priority-badge.high{background:#f973161a;color:#f97316}.chat-viewer-header .priority-badge.medium{background:#eab3081a;color:#eab308}.chat-viewer-header .priority-badge.low{background:#22c55e1a;color:#22c55e}.chat-viewer-header .status-badge{border-radius:12px;font-size:10px;font-weight:700;padding:4px 10px;text-transform:capitalize}.chat-viewer-header .status-badge.open{background:#3b82f61a;color:#3b82f6}.chat-viewer-header .status-badge.in_progress{background:#f59e0b1a;color:#f59e0b}.chat-viewer-header .status-badge.resolved{background:#10b9811a;color:#10b981}.chat-viewer-header .status-badge.closed{background:#6b72801a;color:#6b7280}@media (max-width:768px){.chat-viewer-modal{border-radius:0;height:100vh;max-height:100vh;max-width:100%;width:100%}.chat-viewer-header,.viewer-footer,.viewer-messages,.viewer-ticket-info{padding-left:20px;padding-right:20px}.message-body{max-width:90%}.chat-viewer-header,.viewer-footer{border-radius:0}}.help-desk-sidebar{background:var(--bg-secondary);display:flex;flex-direction:column;flex-shrink:0;height:100%;width:400px}.sidebar-header{flex-shrink:0}.sidebar-header h3{color:var(--text-primary);font-size:18px}.new-chat-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.new-chat-btn:hover{background:var(--whatsapp-green-dark);transform:scale(1.05)}.new-chat-btn svg{font-size:18px}.sidebar-filters{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:8px;padding:16px 20px}.filter-btn{align-items:center;display:flex;flex:1 1;font-size:13px;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.filter-btn.active,.filter-btn:hover{border-color:var(--whatsapp-green)}.filter-btn.active{background:var(--whatsapp-green);color:#fff}.filter-btn svg{font-size:14px}.sidebar-tickets{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px}.empty-tickets{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-tickets p{font-size:14px;margin-bottom:16px}.start-chat-btn{border-radius:8px;padding:10px 20px}.start-chat-btn:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.ticket-item{background:var(--bg-tertiary);border:2px solid #0000;border-radius:12px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s ease}.ticket-item:hover{border-color:var(--whatsapp-green);transform:translateX(4px)}.ticket-item.selected{background:#25d3661a;border-color:var(--whatsapp-green)}.ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-header-actions{align-items:center;display:flex;gap:8px}.view-chat-icon-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.view-chat-icon-btn:hover{background:var(--whatsapp-green-dark);transform:scale(1.1)}.ticket-id{font-family:Courier New,monospace}.ticket-priority{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.ticket-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;margin-bottom:8px;overflow:hidden}.ticket-meta{justify-content:space-between;margin-bottom:8px}.ticket-category{background:var(--bg-secondary);font-weight:500;padding:4px 8px}.ticket-date{color:var(--text-tertiary);font-size:12px}.ticket-status{gap:8px;justify-content:space-between;margin-top:8px}.message-count,.ticket-status{align-items:center;display:flex}.message-count{background:var(--bg-secondary);border-radius:10px;color:var(--text-tertiary);font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.status-badge.open{background:#3b82f61a;color:#3b82f6}.status-badge.in_progress{background:#f59e0b1a;color:#f59e0b}.status-badge.resolved{background:#10b9811a;color:#10b981}.status-badge.closed{background:#6b72801a;color:#6b7280}@media (max-width:768px){.help-desk-sidebar{border-right:none;width:100%}.sidebar-filters{flex-wrap:wrap}.filter-btn{font-size:12px;padding:6px 10px}}.help-desk-board{background:var(--bg-primary);flex:1 1;margin:0 auto;max-width:1600px;padding:24px}.help-desk-board.fade-in-board{animation:fadeInBoard .3s ease-out}@keyframes fadeInBoard{0%{opacity:0}to{opacity:1}}.board-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:24px;justify-content:space-between;margin:-24px -24px 24px;padding:20px 24px}.board-header-left{display:flex;flex-direction:column;gap:4px}.board-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}.history-info{color:var(--text-secondary);font-size:13px}.board-header-actions{align-items:center;display:flex;gap:12px}.history-toggle-btn{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 2px 6px #00000014;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.history-toggle-btn:hover{background:linear-gradient(135deg,#25d366,#128c7e);border-color:var(--whatsapp-green);box-shadow:0 6px 16px #25d36666;color:#fff;transform:translateY(-3px) scale(1.02)}.history-toggle-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b4d;color:#fff}.history-toggle-btn.active:hover{background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706;box-shadow:0 4px 12px #f59e0b66}.history-toggle-btn svg{font-size:16px}.history-count{background:var(--whatsapp-green);border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.history-toggle-btn:hover .history-count{background:#fff;color:var(--whatsapp-green)}.history-toggle-btn.active .history-count{background:#fff;color:#f59e0b}.search-bar{max-width:500px}.search-icon{left:16px;pointer-events:none}.search-input{background:var(--bg-primary);padding:12px 40px 12px 48px;transition:all .2s ease}.search-input:hover{border-color:var(--text-tertiary)}.search-input::placeholder{color:var(--text-tertiary)}.clear-search-btn{align-items:center;background:var(--bg-tertiary);border-radius:50%;color:var(--text-secondary);display:flex;font-size:16px;height:26px;justify-content:center;position:absolute;right:10px;transition:all .15s ease;width:26px}.clear-search-btn:hover{background:var(--text-tertiary);color:#fff}.assignment-filter,.sort-filter{align-items:center;display:flex}.filter-icon,.sort-icon{display:none}.assignment-select,.sort-select{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:12px 18px;transition:all .2s ease}.assignment-select:hover,.sort-select:hover{background:#25d3660d;border-color:var(--whatsapp-green)}.assignment-select:focus,.sort-select:focus{border-color:var(--whatsapp-green);outline:none}.create-ticket-btn{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;box-shadow:0 4px 12px #25d3664d;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-ticket-btn:hover{background:var(--whatsapp-green-dark);transform:translateY(-2px)}.create-ticket-btn svg{font-size:16px}.board-stats{display:flex;gap:12px;margin-bottom:20px}.stat-card{border-radius:10px;gap:12px;padding:14px 18px}.stat-card h4{color:var(--text-secondary);font-size:13px;font-weight:500;margin:0}.stat-number{color:var(--text-primary);font-size:20px;margin:0}.stat-card.open{border-left:3px solid #3b82f6}.stat-card.open .stat-number{color:#3b82f6}.stat-card.progress{border-left:3px solid #f59e0b}.stat-card.progress .stat-number{color:#f59e0b}.stat-card.resolved{border-left:3px solid #10b981}.stat-card.resolved .stat-number{color:#10b981}.board-columns{grid-gap:16px;gap:16px;margin-bottom:24px}.board-columns.history-view{grid-template-columns:1fr;margin:0 auto 24px;max-width:1000px}.history-column{min-height:400px}.board-column{min-height:200px}.board-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center}.board-loading .loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--whatsapp-green);height:48px;margin-bottom:16px;width:48px}.column-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-top:3px solid;padding:14px 16px}.column-header h3{color:var(--text-primary);font-size:14px}.column-count{background:var(--bg-primary);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:600;height:24px;min-width:24px;padding:0 8px}.column-tickets{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:12px}.board-ticket{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:12px;transition:all .15s ease}.board-ticket:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 8px #00000014}.board-ticket:active{cursor:grabbing}.board-ticket[draggable=false],.board-ticket[draggable=false]:active{cursor:pointer}.ticket-board-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-id{color:var(--text-tertiary);font-size:11px;font-weight:600}.priority-dot{height:10px;width:10px}.ticket-board-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.4;margin:0 0 8px;overflow:hidden}.ticket-board-category{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);display:inline-block;font-size:10px;font-weight:600;margin-bottom:10px;padding:3px 8px;text-transform:capitalize}.ticket-board-meta{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}.meta-item{color:var(--text-tertiary);font-size:11px;gap:4px}.meta-item svg{flex-shrink:0}.ticket-assigned-to{align-items:center;background:var(--bg-secondary);border-radius:6px;display:flex;gap:8px;margin-top:10px;padding:6px 8px}.ticket-assigned-to.clickable{cursor:pointer;transition:all .15s ease}.ticket-assigned-to.clickable:hover{background:#25d3661a}.assigned-avatar{height:22px;width:22px}.assigned-avatar-initials{font-size:10px;height:22px;width:22px}.assigned-name,.view-chat-btn{font-size:11px;font-weight:500}.view-chat-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;gap:6px;justify-content:center;margin-top:10px;padding:6px 10px;transition:all .15s ease;width:100%}.view-chat-btn:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.empty-column{color:var(--text-tertiary);text-align:center}.board-column.drag-over{background:#25d3660d;border:2px dashed var(--whatsapp-green)}@media (max-width:1200px){.board-columns{grid-template-columns:repeat(2,1fr)}}.create-ticket-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2500}.create-ticket-modal{animation:slideUp .3s ease;background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.create-ticket-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 28px}.create-ticket-header h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.create-ticket-header button{background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:24px;height:36px;transition:all .2s ease;width:36px}.create-ticket-header button:hover{background:var(--border-color);color:var(--text-primary)}.create-ticket-form{max-height:calc(85vh - 80px);overflow-y:auto;padding:24px 28px}.create-ticket-form .form-group{margin-bottom:20px}.create-ticket-form label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.create-ticket-form input,.create-ticket-form select,.create-ticket-form textarea{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.create-ticket-form input:focus,.create-ticket-form select:focus,.create-ticket-form textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.create-ticket-form textarea{min-height:120px;resize:vertical}.form-actions .cancel-btn,.form-actions .submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.form-actions .cancel-btn{border:1px solid var(--border-color)}.form-actions .cancel-btn:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.form-actions .submit-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}@media (max-width:768px){.help-desk-board{padding:16px}.board-header{align-items:flex-start;flex-direction:column;gap:12px}.board-header-actions{flex-direction:column;gap:12px;width:100%}.assignment-filter,.assignment-select,.search-bar,.sort-filter,.sort-select{width:100%}.create-ticket-btn{justify-content:center;width:100%}.board-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-number{font-size:28px}.board-columns{gap:16px;grid-template-columns:1fr}.column-header{padding:16px}.column-tickets{padding:12px}.create-ticket-modal{border-radius:0;height:100vh;max-height:100vh;max-width:100%;width:100%}.form-row{grid-template-columns:1fr}}.ticket-context-menu{animation:contextMenuFadeIn .15s ease-out;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;max-height:calc(100vh - 20px);max-width:280px;min-width:220px;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--whatsapp-green) var(--bg-secondary);scrollbar-width:thin;z-index:10000}.ticket-context-menu::-webkit-scrollbar{width:6px}.ticket-context-menu::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:0 12px 12px 0}.ticket-context-menu::-webkit-scrollbar-thumb{background:var(--whatsapp-green);border-radius:3px}.ticket-context-menu::-webkit-scrollbar-thumb:hover{background:#128c7e}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-section{padding:8px}.context-menu-header{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;padding:8px 12px 4px;text-transform:uppercase}.context-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.context-menu-item:hover{background:var(--bg-secondary);color:var(--whatsapp-green)}.context-menu-item.active{background:#25d3661a;color:var(--whatsapp-green)}.context-menu-item svg{flex-shrink:0;height:16px;width:16px}.context-menu-item span:first-of-type{flex:1 1}.context-menu-item .check-mark{color:var(--whatsapp-green);flex:0 1;font-size:16px;font-weight:700}.context-menu-divider{background:var(--border-color);height:1px;margin:4px 8px}.board-ticket{position:relative;-webkit-user-select:none;user-select:none}@media (max-width:768px){.ticket-context-menu{left:5vw!important;max-width:90vw}}[data-theme=dark] .ticket-context-menu{background:var(--bg-secondary);box-shadow:0 8px 24px #0006}[data-theme=dark] .context-menu-item:hover{background:var(--bg-tertiary)}.help-desk-dashboard{background:var(--bg-primary);min-height:100vh;padding:24px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{color:var(--text-primary);font-size:28px;margin:0}.dashboard-filters{align-items:flex-start;display:flex;flex-shrink:0}.date-range-select{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.date-range-select:focus,.date-range-select:hover{border-color:var(--whatsapp-green)}.date-range-select:focus{box-shadow:0 0 0 3px #25d3661a;outline:none}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.spinner{border:4px solid var(--border-color);border-top-color:var(--whatsapp-green)}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.metric-card{align-items:center;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:16px;transition:all .2s}.metric-card:hover{border-color:var(--whatsapp-green);box-shadow:0 4px 12px #00000014}.metric-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.metric-card.in-progress .metric-icon,.metric-card.open .metric-icon,.metric-card.resolution-time .metric-icon,.metric-card.resolved .metric-icon,.metric-card.total .metric-icon{background:#6b72801a;color:#6b7280}.metric-content h3{color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.metric-value{color:var(--text-primary);font-size:32px;margin:4px 0 0}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden;padding:24px}.chart-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 20px}.chart-card h3 svg{color:var(--text-secondary)}.line-chart{align-items:flex-end;display:flex;gap:4px;height:200px;justify-content:space-between;overflow-x:auto;overflow-y:visible;padding-bottom:10px}.chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:20px;position:relative}.chart-bar{align-self:flex-end;background:linear-gradient(0deg,#10b981,#34d399);border-radius:4px 4px 0 0;cursor:pointer;transition:all .3s;width:100%}.chart-bar:hover{background:linear-gradient(0deg,#059669,#10b981)}.chart-label{color:var(--text-tertiary);font-size:10px;margin-top:8px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;writing-mode:horizontal-tb}.priority-chart{gap:12px}.priority-chart,.priority-item{display:flex;flex-direction:column}.priority-item{border-radius:8px;cursor:pointer;gap:6px;padding:8px;transition:all .2s}.priority-item:hover{background:#10b9810d}.priority-info{align-items:center;display:flex;justify-content:space-between}.priority-badge{font-size:12px}.priority-badge.high{background:#f59e0b1a;color:#f59e0b}.priority-count{color:var(--text-primary);font-size:16px;font-weight:700}.priority-bar-container{background:var(--border-color);border-radius:4px;height:8px;overflow:hidden;width:100%}.priority-bar{border-radius:4px;height:100%;transition:width .3s}.priority-bar.urgent{background:#ef4444}.priority-bar.high{background:#f59e0b}.priority-bar.medium{background:#eab308}.priority-bar.low{background:#22c55e}.section-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:24px}.section-card h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 20px}.two-column-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}.agent-stats-list{display:flex;flex-direction:column;gap:12px}.agent-stat-item{align-items:center;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.agent-stat-item:hover{background:#10b98105;border-color:var(--whatsapp-green)}.agent-info{align-items:center;display:flex;gap:12px}.agent-avatar{flex-shrink:0;object-fit:cover;overflow:hidden}.agent-avatar,.agent-avatar-initials{border-radius:50%;height:40px;width:40px}.agent-avatar-initials{align-items:center;background:var(--whatsapp-green);color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.agent-details{display:flex;flex-direction:column;gap:4px}.agent-details strong{color:var(--text-primary);font-size:14px}.agent-email{color:var(--text-secondary);font-size:12px}.agent-metrics{display:flex;gap:20px}.agent-metric{align-items:center;display:flex;flex-direction:column;gap:4px}.metric-label{font-size:11px;letter-spacing:.5px;text-transform:uppercase}.metric-number{color:var(--text-primary);font-size:18px;font-weight:700}.metric-number.resolved{color:#10b981}.metric-number.in-progress{color:#f59e0b}.metric-number.open{color:#ef4444}.categories-list,.submitters-list{display:flex;flex-direction:column;gap:12px}.category-item,.submitter-item{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.category-item:hover,.submitter-item:hover{background:#10b9810d;border-color:var(--whatsapp-green)}.submitter-rank{align-items:center;background:var(--whatsapp-green);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.category-info,.submitter-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.category-info strong,.submitter-info strong{color:var(--text-primary);font-size:14px}.category-count,.submitter-email{color:var(--text-secondary);font-size:12px}.submitter-count{color:var(--whatsapp-green);font-size:20px;font-weight:700}.category-bar-container{background:var(--border-color);border-radius:4px;flex:1 1;height:8px;max-width:200px;overflow:hidden}.category-bar{background:linear-gradient(90deg,#10b981,#34d399);height:100%;transition:width .3s}.drill-down-modal{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.drill-down-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:900px;width:100%}.drill-down-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.drill-down-header h3{color:var(--text-primary);font-size:20px;margin:0;text-transform:capitalize}.close-modal-btn{background:var(--border-color);border-radius:50%;color:var(--text-primary);font-size:24px}.close-modal-btn:hover{background:#ef4444;color:#fff}.drill-down-tickets{grid-gap:12px;display:grid;gap:12px;overflow-y:auto;padding:24px}.drill-down-ticket{border:2px solid var(--border-color);border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.drill-down-ticket:hover{background:#10b98105;border-color:var(--whatsapp-green)}.ticket-header-drill{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-id{color:var(--text-secondary);font-family:monospace;font-size:12px;font-weight:700}.ticket-status{border-radius:6px;font-size:11px;font-weight:600;padding:4px 12px;text-transform:capitalize}.ticket-status.open{background:#3b82f61a;color:#3b82f6}.ticket-status.in_progress{background:#f59e0b1a;color:#f59e0b}.ticket-status.closed,.ticket-status.resolved{background:#10b9811a;color:#10b981}.drill-down-ticket h4{color:var(--text-primary);font-size:16px;margin:0 0 12px}.ticket-meta-drill{color:var(--text-secondary);display:flex;font-size:12px;gap:12px}.ticket-meta-drill span{background:var(--bg-secondary);border-radius:4px;padding:4px 8px}.empty-state{padding:40px}[data-theme=dark] .chart-card,[data-theme=dark] .metric-card,[data-theme=dark] .section-card{background:#111b21;border-color:#2a3942}[data-theme=dark] .date-range-select{background:#1f2c34;border-color:#2a3942;color:#e9edef}[data-theme=dark] .drill-down-content{background:#111b21}[data-theme=dark] .drill-down-header{border-bottom-color:#2a3942}[data-theme=dark] .drill-down-ticket{border-color:#2a3942}[data-theme=dark] .drill-down-ticket:hover{background:#25d3660d;border-color:#25d366}[data-theme=dark] .agent-stat-item{border-color:#2a3942}[data-theme=dark] .agent-stat-item:hover{background:#25d3660d;border-color:#25d366}@media (max-width:768px){.help-desk-dashboard{padding:16px}.charts-section,.metrics-grid,.two-column-section{grid-template-columns:1fr}.agent-metrics{gap:12px}.metric-number{font-size:14px}.chart-label{font-size:8px}}.header-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;width:100%}.trend-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.trend-badge.up{background:#d1fae5;color:#065f46}.trend-badge.down{background:#fee2e2;color:#991b1b}.metric-label{color:var(--text-secondary);font-size:12px;margin-top:4px}.recent-activity-card{margin-bottom:24px}.recent-tickets-list{display:flex;flex-direction:column;gap:12px}.recent-ticket-item{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.recent-ticket-item:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.recent-ticket-left{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.ticket-id-small{background:var(--whatsapp-green);border-radius:8px;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;padding:6px 10px}.recent-ticket-info{flex:1 1;min-width:0}.recent-ticket-info strong{color:var(--text-primary);display:block;font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-ticket-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.meta-sep{color:var(--border-color)}.recent-ticket-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.status-badge{text-transform:capitalize}.status-badge.open{background:#fef3c7;color:#92400e}.status-badge.in_progress{background:#dbeafe;color:#1e40af}.status-badge.closed,.status-badge.resolved{background:#d1fae5;color:#065f46}.priority-badge-small{border-radius:12px;font-size:10px;font-weight:600;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.priority-badge-small.urgent{background:#fee2e2;color:#991b1b}.priority-badge-small.high{background:#fed7aa;color:#9a3412}.priority-badge-small.medium{background:#fef3c7;color:#92400e}.priority-badge-small.low{background:#e5e7eb;color:#374151}.metric-card.performance .metric-icon{background:linear-gradient(135deg,#667eea,#764ba2)}@media (max-width:768px){.header-left{margin-bottom:16px}.dashboard-header{gap:16px}.dashboard-header,.recent-ticket-item{align-items:flex-start;flex-direction:column}.recent-ticket-item{gap:12px}.recent-ticket-right{align-self:flex-start}}.toast{align-items:center;animation:slideIn .3s ease;background:var(--bg-secondary);border-left:4px solid;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}.toast-success{border-left-color:var(--whatsapp-green)}.toast-error{border-left-color:#ef4444}.toast-info{border-left-color:#3b82f6}.toast-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px}.toast-success .toast-icon{color:var(--whatsapp-green)}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:#3b82f6}.toast-message{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.4}@media (max-width:768px){.toast{left:10px;min-width:auto;right:10px;top:10px}}.kb-manager-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.kb-manager-modal{animation:slideUp .3s ease;background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;width:95%}.kb-manager-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 32px}.kb-manager-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.close-btn{border-radius:50%;height:40px;width:40px}.close-btn:hover{background:var(--border-color);transform:scale(1.1)}.kb-manager-content{grid-gap:32px;display:grid;flex:1 1;gap:32px;grid-template-columns:1fr 1fr;overflow-y:auto;padding:32px}.kb-entries-list h3,.kb-form h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary);font-family:inherit;padding:10px 14px;transition:all .2s ease}.input-with-button{align-items:stretch;display:flex;gap:8px}.input-with-button input{flex:1 1}.generate-keywords-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.generate-keywords-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.generate-keywords-btn:disabled{cursor:not-allowed;opacity:.5}.generate-keywords-btn svg{font-size:14px}.convert-steps-btn{align-items:center;align-self:flex-end;background:linear-gradient(135deg,var(--whatsapp-green) 0,#1fa65a 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;margin-top:8px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.convert-steps-btn:hover:not(:disabled){background:linear-gradient(135deg,#1fa65a,#17874a);box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.convert-steps-btn:disabled{cursor:not-allowed;opacity:.5}.convert-steps-btn svg{font-size:14px}.input-with-button textarea{margin-bottom:0;width:100%}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-group input[type=checkbox]{accent-color:var(--whatsapp-green);cursor:pointer;height:18px;width:18px}.form-actions{margin-top:24px;padding-top:24px}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-btn:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.save-btn:hover:not(:disabled){transform:translateY(-2px)}.kb-entries-list{border-left:1px solid var(--border-color);padding-left:32px}.entries{display:flex;flex-direction:column;gap:16px}.empty-entries{color:var(--text-tertiary);padding:60px 20px;text-align:center}.empty-entries p{margin:8px 0}.kb-entry-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .2s ease}.kb-entry-card:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 8px #0000001a}.entry-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.entry-header h4{color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600;margin:0}.category-badge{border-radius:12px;flex-shrink:0;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.category-badge.technical{background:#3b82f61a;color:#3b82f6}.category-badge.account{background:#a855f71a;color:#a855f7}.category-badge.booking{background:#f973161a;color:#f97316}.category-badge.platform{background:#10b9811a;color:#10b981}.category-badge.hardware{background:#ef44441a;color:#ef4444}.category-badge.subscription{background:#ec48991a;color:#ec4899}.entry-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.keyword-tag{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:11px;font-weight:500;padding:3px 8px}.entry-actions{border-top:1px solid var(--border-color);display:flex;gap:8px;padding-top:12px}.copy-json-btn{align-items:center;background:#3b82f61a;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;justify-content:center;padding:8px;transition:all .2s ease}.copy-json-btn:hover{background:#3b82f6;color:#fff;transform:scale(1.05)}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.edit-btn{background:var(--whatsapp-green);color:#fff}.edit-btn:hover{background:var(--whatsapp-green-dark)}.delete-btn{background:#ef44441a;color:#ef4444}.delete-btn:hover{background:#ef4444;color:#fff}@media (max-width:1024px){.kb-manager-content{gap:24px;grid-template-columns:1fr}.kb-entries-list{border-left:none;border-top:1px solid var(--border-color);padding-left:0;padding-top:24px}}@media (max-width:768px){.kb-manager-modal{border-radius:0;height:100vh;max-height:100vh;max-width:100%;width:100%}.kb-manager-header{padding:16px 20px}.kb-manager-content{padding:20px}.form-row{grid-template-columns:1fr}}.ai-json-section{background:linear-gradient(135deg,#a855f71a,#3b82f61a);border:2px solid #a855f733;border-radius:12px;margin-bottom:24px;padding:20px}.ai-json-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 8px}.ai-json-section h3 svg{color:#a855f7;font-size:22px}.ai-hint{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0 0 12px}.json-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:Courier New,monospace;font-size:13px;margin-bottom:12px;min-height:120px;padding:12px;resize:vertical;width:100%}.json-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.ai-actions{display:flex;flex-wrap:wrap;gap:12px}.ai-generate-btn,.json-import-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.ai-generate-btn{background:linear-gradient(135deg,#a855f7,#8b5cf6);color:#fff;flex:1 1}.ai-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 4px 12px #a855f74d;transform:translateY(-2px)}.ai-generate-btn:disabled{cursor:not-allowed;opacity:.5}.json-import-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.json-import-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:#3b82f6;color:#3b82f6}.json-import-btn:disabled{cursor:not-allowed;opacity:.5}.entries-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.entries-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.search-box{background:var(--bg-tertiary);gap:8px;max-width:300px;padding:8px 12px;transition:all .2s ease}.search-box:focus-within{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a}.search-box svg{color:var(--text-tertiary);font-size:16px}.search-box input{background:none}.search-box input::placeholder{color:var(--text-tertiary)}.info-items-group{background:#25d3660d;border:1px solid #25d36633;border-radius:8px;padding:16px}.info-items-group .help-text{color:var(--text-secondary);font-size:13px;margin:0 0 12px}.info-item-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.info-label-input,.info-placeholder-input{border:1px solid var(--border-color);border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px;transition:all .2s}.info-placeholder-input{color:var(--text-secondary)}.info-label-input:focus,.info-placeholder-input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 2px #25d3661a;outline:none}.remove-item-btn{align-items:center;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.remove-item-btn:hover{background:#fcc;border-color:#faa}.add-item-btn{align-items:center;background:#fff;border:1px dashed var(--whatsapp-green);border-radius:6px;color:var(--whatsapp-green);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:8px;padding:8px 12px;transition:all .2s}.add-item-btn:hover{background:#25d3660d;border-style:solid}@media (max-width:768px){.entries-header{align-items:stretch;flex-direction:column}.search-box{max-width:none}.ai-actions{flex-direction:column}.ai-generate-btn,.json-import-btn{width:100%}.info-item-row{align-items:stretch;flex-direction:column}.remove-item-btn{align-self:flex-end}}.manual-ticket-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.manual-ticket-modal{animation:slideUp .3s ease-out;background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.manual-ticket-header{align-items:flex-start;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:24px}.manual-ticket-header .header-icon{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green),#1fa65a);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.manual-ticket-header .header-text{flex:1 1}.manual-ticket-header h2{color:var(--text-primary);font-size:26px;font-weight:700;margin:0 0 4px}.manual-ticket-header p{color:var(--text-secondary);font-size:15px;margin:0}.manual-ticket-header .close-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.manual-ticket-header .close-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.manual-ticket-form{flex:1 1;overflow-y:auto;padding:24px}.manual-ticket-form .form-group{margin-bottom:20px}.manual-ticket-form .form-group-title-horizontal{align-items:flex-start;display:flex;gap:20px;margin-bottom:24px}.manual-ticket-form .form-group-title-horizontal>label{color:var(--text-primary);display:block;flex-shrink:0;font-size:16px;font-weight:600;margin-bottom:0;min-width:100px;padding-top:16px;white-space:nowrap;width:100px}.manual-ticket-form .title-input-wrapper{display:flex;flex:1 1;flex-direction:column;gap:6px;max-width:100%}.manual-ticket-form .title-input-large{font-size:18px;font-weight:500;min-height:56px;padding:16px 20px;width:100%}.manual-ticket-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.manual-ticket-form label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.manual-ticket-form .required{color:#f44}.manual-ticket-form input,.manual-ticket-form select,.manual-ticket-form textarea{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.manual-ticket-form input:focus,.manual-ticket-form select:focus,.manual-ticket-form textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.manual-ticket-form input:disabled,.manual-ticket-form select:disabled,.manual-ticket-form textarea:disabled{cursor:not-allowed;opacity:.6}.manual-ticket-form .char-count{color:var(--text-secondary);display:block;font-size:12px;margin-top:4px;text-align:right}.error-message{background:#ff44441a;border:1px solid #ff44444d;color:#f44}.error-message svg{flex-shrink:0;font-size:16px}.priority-info{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:16px}.priority-info strong{color:var(--text-primary);display:block;font-size:14px;margin-bottom:8px}.priority-info ul{margin:0;padding-left:20px}.priority-info li{color:var(--text-secondary);font-size:13px;margin-bottom:4px}.priority-info li strong{color:var(--text-primary);display:inline}.form-actions{border-top:1px solid var(--border-color);gap:12px;padding-top:20px}.form-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.form-actions .cancel-btn{background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-secondary)}.form-actions .cancel-btn:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary)}.image-upload-btn{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-top:8px;padding:10px 16px;transition:all .2s ease}.image-upload-btn:hover{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.image-hint{color:var(--text-secondary);font-size:12px;margin:8px 0 0}.attached-images{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:16px}.image-preview{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;padding:8px;position:relative}.image-preview img{border-radius:6px;height:120px;margin-bottom:8px;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.image-name{color:var(--text-primary);display:block;font-size:12px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{color:var(--text-secondary);display:block;font-size:11px}.form-actions .submit-btn{background:var(--whatsapp-green);color:#fff}.form-actions .submit-btn:hover:not(:disabled){background:#1fa65a;box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.form-actions button:disabled{cursor:not-allowed;opacity:.6}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff}.subscription-fields{animation:slideDown .3s ease-out;background:#6772e50d;border:2px solid #6772e533;border-radius:12px;margin-top:16px;padding:20px}.subscription-fields .form-group{margin-bottom:16px}.subscription-fields .form-group:last-child{margin-bottom:0}.subscription-fields label{color:#6772e5;font-weight:600}.subscription-fields input{border-color:#6772e54d}.subscription-fields input:focus{border-color:#6772e5;box-shadow:0 0 0 3px #6772e51a}@media (max-width:640px){.manual-ticket-modal{max-height:95vh;width:95%}.manual-ticket-form,.manual-ticket-header{padding:20px}.manual-ticket-form .form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{justify-content:center;width:100%}}.help-desk{align-items:stretch!important;background:var(--bg-primary);display:flex;flex-direction:column;height:100vh;justify-content:flex-start!important}.help-desk-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:24px;justify-content:flex-start;padding:20px 32px;position:relative}.help-desk-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:30px;font-weight:800;letter-spacing:-.5px;line-height:1;margin:0;white-space:nowrap}.header-left{gap:8px}.header-title-row{gap:12px;white-space:nowrap}.header-center{margin-left:auto}.header-center,.header-left h1{align-items:center;display:flex}.header-left h1{flex-shrink:0;white-space:nowrap}.title-icon-buttons{align-items:center;display:flex;gap:8px;margin-left:0}.icon-btn-compact{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.icon-btn-compact:hover{background:var(--whatsapp-green);border-color:var(--whatsapp-green);box-shadow:0 4px 8px #25d36633;color:#fff;transform:translateY(-2px)}.icon-btn-compact svg{font-size:18px}.icon-badge{background:var(--whatsapp-green);border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:2px 5px;position:absolute;right:-6px;text-align:center;top:-6px}.tickets-toggle-btn{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:14px 24px;position:relative;transition:all .2s ease;white-space:nowrap}.tickets-toggle-btn:hover{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.tickets-toggle-btn svg{font-size:16px}.ticket-count-badge{background:var(--whatsapp-green);border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.tickets-toggle-btn:hover .ticket-count-badge{background:#fff;color:var(--whatsapp-green)}.chat-history-btn{box-shadow:0 2px 4px #0000001a}.chat-history-btn:hover{box-shadow:0 4px 8px #25d3664d;transform:translateY(-1px)}.view-toggle{flex-shrink:0}.view-btn{background:none;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.view-btn:hover{background:var(--bg-primary)}.view-btn svg{font-size:16px}.kb-manager-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:14px 24px;transition:all .2s ease;white-space:nowrap}.kb-manager-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.kb-manager-btn svg{font-size:16px}.create-ticket-btn{align-items:center;background:var(--whatsapp-green);border:2px solid var(--whatsapp-green);border-radius:8px;box-shadow:0 2px 4px #25d36633;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:12px;min-width:150px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease-in-out;white-space:nowrap}.create-ticket-btn:hover{background:#1fa65a;border-color:#1fa65a;box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.animated-border-btn>svg:first-child{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.animated-border-btn>svg:first-child rect{fill:none;stroke:#fffc;stroke-width:3;stroke-dasharray:150 480;stroke-dashoffset:150;rx:8;ry:8;transition:all 1.5s ease-in-out}.animated-border-btn:hover>svg:first-child rect{stroke:#fff;stroke-width:2;stroke-dashoffset:-480}.create-ticket-btn span,.create-ticket-btn>:not(:first-child){position:relative;z-index:2}.help-desk-content{display:flex;flex:1 1;flex-direction:row;overflow:hidden}.help-desk-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100vh;justify-content:center}.tickets-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.help-desk-sidebar-container{box-shadow:-4px 0 20px #00000026;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.help-desk-sidebar-container.open{transform:translateX(0)}@media (max-width:768px){.help-desk-header{align-items:flex-start;flex-direction:column;gap:16px;padding:12px 16px}.header-left{flex-wrap:wrap}.header-actions,.header-left{justify-content:flex-start;width:100%}.header-actions{gap:8px}.icon-btn-compact{height:36px;width:36px}.icon-btn-compact svg{font-size:16px}.view-btn span{display:none}.view-btn{padding:8px 12px}}.help-desk .help-desk-header{justify-content:flex-start!important;text-align:left!important}.help-desk .header-left{align-items:flex-start!important;flex:0 0 auto!important;justify-content:flex-start!important;margin-right:0!important}.help-desk .header-title-row{align-items:center!important;justify-content:flex-start!important}.help-desk .header-center{flex:0 0 auto!important;margin-left:auto!important}.help-desk .header-actions{justify-content:flex-end!important;margin-left:auto!important}.todo-board{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr));max-width:100%;width:100%}.board-column{background:var(--bg-secondary);border:1px solid var(--border-color);max-width:100%;min-width:0;overflow:visible;transition:all .2s}.board-column.drag-active{background:#25d3660d}.board-column-header{align-items:center;background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);border-radius:12px 12px 0 0;border-top:4px solid;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.board-column:first-child .board-column-header{border-top-color:#9ca3af}.board-column:nth-child(2) .board-column-header{border-top-color:#3b82f6}.board-column:nth-child(3) .board-column-header{border-top-color:#f59e0b}.board-column:nth-child(4) .board-column-header{border-top-color:#10b981}.board-column-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.task-count{background:var(--whatsapp-green);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.board-column:first-child .task-count{background:#6b7280}.board-column:nth-child(2) .task-count{background:#3b82f6}.board-column:nth-child(3) .task-count{background:#f59e0b}.board-column:nth-child(4) .task-count{background:#10b981}.board-column-content{flex:1 1;gap:12px}.board-column-content,.board-task-card{display:flex;flex-direction:column;padding:16px}.board-task-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #00000014;cursor:grab;max-width:100%;min-width:0;transition:all .2s}.board-task-card:hover{border-color:var(--whatsapp-green);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.board-task-card:active{cursor:grabbing;opacity:.8}.board-task-card.overdue{background:linear-gradient(135deg,#ef44440d,#dc262605);border-left:4px solid #ef4444}.board-task-card.completed{opacity:.6}.board-task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.task-priority-indicator{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;flex-shrink:0;height:12px;margin-top:6px;width:12px}.board-task-actions{display:flex;gap:6px}.task-quick-action{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;transition:all .2s;width:26px}.task-quick-action:hover{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff;transform:scale(1.1)}.task-quick-action:first-child:hover{background:#3b82f6;border-color:#3b82f6}.task-quick-action:nth-child(3):hover{background:#10b981;border-color:#10b981}.task-quick-action.delete:hover,.task-quick-action:nth-child(4):hover{background:#ef4444;border-color:#ef4444}.board-task-title{word-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;margin:0 0 12px;overflow:hidden;overflow-wrap:break-word}.board-task-card.completed .board-task-title{color:var(--text-secondary);text-decoration:line-through}.board-task-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin:8px 0;overflow:hidden;text-overflow:ellipsis}.task-assigned-to{align-items:center;background:#10b98114;border:1px solid #10b98133;border-radius:8px;display:flex;gap:8px;margin-top:10px;padding:8px}.assigned-avatar-wrapper{flex-shrink:0;height:28px;position:relative;width:28px}.assigned-avatar-initials{align-items:center;background:var(--whatsapp-green);color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center}.assigned-avatar,.assigned-avatar-initials{border:2px solid var(--whatsapp-green);border-radius:50%;height:28px;width:28px}.assigned-avatar{background:#e0e0e0;left:0;object-fit:cover;position:absolute;top:0}.assigned-name{color:var(--text-secondary);flex:1 1;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .task-assigned-to{background:#10b98126;border-color:#10b9814d}[data-theme=dark] .assigned-avatar{border-color:var(--whatsapp-green)}.board-task-meta{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px;padding-top:12px}.task-meta-item{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:6px}.task-meta-item svg{flex-shrink:0}.task-meta-item.overdue{color:#ef4444;font-weight:600}.task-meta-item.recurring{color:#3b82f6}.board-task-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.task-badge{border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:5px 10px;text-transform:uppercase}.task-badge.priority-high{background:#ef4444;color:#fff}.task-badge.overdue{background:#fca5a5;color:#7f1d1d}.board-empty-state{color:var(--text-tertiary);font-size:.9rem;padding:40px 20px;text-align:center}.board-empty-state p{margin:0;opacity:.5}[data-theme=dark] .board-task-card{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .assigned-name,[data-theme=dark] .board-task-title{color:var(--text-primary)}@media (max-width:1400px){.todo-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.todo-board{grid-template-columns:1fr;height:auto}.board-column-header{padding:12px 16px}.board-column-content{padding:12px}}.todo-list-container{background:var(--bg-primary);height:100%;margin:0 auto;max-width:100%;padding:24px;position:relative;width:100%}.todo-list-container.fade-in-page{animation:fadeInPage .4s ease-out}.todo-header{align-items:center;background:#0000;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:32px;padding:20px 0}.todo-header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.todo-header-content p{color:var(--text-secondary);font-size:14px;margin:0}.header-actions{gap:.75rem}.add-task-btn,.copy-list-btn{align-items:center;border:none;border-radius:10px;box-shadow:var(--shadow-light);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.add-task-btn{background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);color:#fff}.copy-list-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.add-task-btn:hover,.copy-list-btn:hover{box-shadow:0 8px 20px #25d3664d;transform:translateY(-3px) scale(1.02)}.add-task-btn svg,.copy-list-btn svg{font-size:1.2rem}.todo-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.stat-card{gap:1rem}.stat-card.highlighted{background:linear-gradient(135deg,#10b9811a,#0596690d);border-color:#10b981}.stat-icon{border-radius:10px}.stat-icon svg{font-size:1.5rem}.stat-label{font-size:.85rem}.todo-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.view-toggle{border:1px solid var(--border-color);box-shadow:var(--shadow-light);overflow:hidden}.view-btn{padding:.75rem 1rem;transition:all .2s}.view-btn:hover{background:#0000000d;background:var(--hover-background,#0000000d)}.view-btn.active{background:var(--primary-color)}.view-btn svg{font-size:1.2rem}.tasks-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.task-card{border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000f;position:relative;transition:all .3s ease}.task-card:hover{border-color:var(--whatsapp-green);box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.task-card.completed{opacity:.6}.task-card.overdue:not(.completed){background:linear-gradient(135deg,#ef44440d,#dc262605);border-left:4px solid #ef4444}.task-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.task-checkbox{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.task-checkbox:hover{background:#25d3660d;border-color:var(--whatsapp-green)}.task-checkbox svg{color:#fff;font-size:16px}.task-card.completed .task-checkbox{background:var(--whatsapp-green);border-color:var(--whatsapp-green)}.checkbox-empty{height:16px;width:16px}.task-priority{border-radius:50%;flex-shrink:0;height:8px;width:8px}.task-card-content{flex:1 1;margin-bottom:1rem}.task-card-content h3{word-wrap:break-word;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem;overflow-wrap:break-word;white-space:normal}.task-card.completed h3{color:var(--text-secondary);text-decoration:line-through}.task-description{word-wrap:break-word;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 .75rem;overflow-wrap:break-word;white-space:normal}.task-meta{flex-wrap:wrap;font-size:.85rem;gap:.75rem}.task-due-date,.task-recurring{align-items:center;background:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);display:flex;gap:.4rem;padding:.3rem .6rem}.task-due-date.today{background:#25d3661a;color:var(--whatsapp-green);font-weight:600}.task-due-date.overdue{background:#ef44441a;color:#ef4444;font-weight:600}.task-due-date svg,.task-recurring svg{font-size:1rem}.task-card-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;padding-top:.75rem}.task-action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.task-action-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--text-primary)}.task-action-btn.delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-list-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;gap:1rem;padding:20px;transition:all .2s}.task-list-item:hover{border-color:var(--whatsapp-green);box-shadow:0 4px 12px #0000001a}.task-list-item.completed{opacity:.6}.task-list-item.overdue:not(.completed){border-left:4px solid #ef4444}.task-list-content{flex:1 1;min-width:0;overflow:hidden}.task-list-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.task-list-header h3{word-wrap:break-word;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0;overflow-wrap:break-word;white-space:normal}.task-list-item.completed h3{color:var(--text-secondary);text-decoration:line-through}.task-badges{display:flex;flex-wrap:wrap;gap:.5rem}.priority-badge{color:#fff;font-size:.75rem;text-transform:uppercase}.priority-badge,.recurring-badge{border-radius:6px;font-weight:600;padding:.3rem .6rem}.recurring-badge{align-items:center;background:#3b82f61a;color:#3b82f6;display:flex;font-size:.8rem;gap:.3rem}.task-list-actions{display:flex;gap:.5rem}.calendar-view{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:24px}.calendar-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.calendar-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.calendar-nav-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.calendar-nav-btn:hover{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.calendar-weekdays{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-weekday{color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:12px;text-align:center}.calendar-days{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-day{background:#fff;border:1px solid var(--border-color);border-radius:8px;min-height:120px;padding:8px;transition:all .2s}.calendar-day:hover{background:var(--bg-secondary);border-color:var(--whatsapp-green)}.calendar-day.other-month{background:var(--bg-secondary);opacity:.5}.calendar-day.today{background:#25d3660d;border:2px solid var(--whatsapp-green)}.calendar-day-number{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:8px}.calendar-day-tasks{display:flex;flex-direction:column;gap:4px}.calendar-task{background:#e0e7ff;border-left:3px solid #3b82f6;border-radius:4px;cursor:pointer;font-size:.75rem;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.calendar-task:hover{background:#c7d2fe;transform:translateX(2px)}.calendar-task.completed{opacity:.6;text-decoration:line-through}.modal-header{flex-wrap:nowrap;gap:16px}.modal-header h2{flex:0 1 auto;font-size:24px;min-width:0}.modal-header-actions{gap:16px}.modal-close,.modal-header-actions{align-items:center;display:flex;flex-shrink:0}.modal-close{background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;height:32px;justify-content:center;min-width:32px;transition:all .2s;width:32px}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.form-group input,.form-group input[type=date],.form-group input[type=text],.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.form-row{grid-gap:1rem;gap:1rem}.checkbox-label{gap:.75rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{height:20px;width:20px}.checkbox-label span{color:var(--text-primary);font-weight:500}.interval-input{align-items:center;display:flex;gap:.75rem}.interval-input input{width:80px}.interval-input span{color:var(--text-secondary);font-size:.9rem}.weekdays-selector{display:flex;flex-wrap:wrap;gap:.5rem}.weekday-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;height:48px;justify-content:center;transition:all .2s;width:48px}.weekday-btn:hover{background:var(--bg-tertiary);border-color:var(--whatsapp-green)}.weekday-btn.selected{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.modal-footer{gap:1rem;padding:24px}.btn-primary,.btn-secondary{font-size:1rem;padding:.75rem 1.5rem}.btn-primary{background:var(--whatsapp-green)}.btn-primary:hover:not(:disabled){background:var(--whatsapp-green-dark)}.btn-primary:disabled{opacity:.5}.btn-secondary{background:var(--bg-secondary)}.btn-secondary:hover{background:var(--bg-tertiary)}.empty-state{padding:4rem 2rem}.empty-state svg{color:var(--primary-color);margin-bottom:1rem}.empty-state h3{font-size:1.5rem;margin:1rem 0 .5rem}.empty-state p{font-size:1rem}.loading-state{padding:4rem 2rem}.loading-spinner-large{height:60px;margin-bottom:1.5rem;width:60px}[data-theme=dark] .calendar-day,[data-theme=dark] .calendar-view,[data-theme=dark] .modal-content,[data-theme=dark] .stat-card,[data-theme=dark] .task-card,[data-theme=dark] .task-list-item{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .calendar-day.other-month{background:var(--bg-tertiary)}[data-theme=dark] .filter-btn.active{background:var(--bg-secondary);border-color:var(--whatsapp-green);color:var(--text-primary)}.reminders-section{background:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;margin-top:1.5rem;padding:16px}.reminder-options{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-left:24px}.reminder-hint{color:var(--text-secondary);font-size:12px;font-style:italic;margin:8px 0 0}@media (max-width:768px){.todo-list-container{padding:1rem}.todo-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{flex-direction:column;width:100%}.add-task-btn,.copy-list-btn{justify-content:center;width:100%}.todo-stats{grid-template-columns:repeat(2,1fr)}.todo-controls{gap:1.5rem}.filter-section,.todo-controls{align-items:stretch;flex-direction:column}.filter-section{gap:.5rem}.filter-label{min-width:auto}.filter-buttons{justify-content:space-between}.view-toggle{justify-content:space-around;width:100%}.form-row,.tasks-grid{grid-template-columns:1fr}.calendar-day{min-height:80px}.modal-content{max-height:95vh;width:95%}}.team-tasks-container{background:var(--bg-primary);height:100%;margin:0 auto;max-width:100%;padding:24px;width:100%}.team-tasks-container.fade-in-page{animation:fadeInPage .4s ease-out}.team-tasks-header{align-items:center;background:#0000;border-bottom:1px solid var(--border-color);display:flex;gap:2rem;justify-content:space-between;margin-bottom:32px;padding:20px 0}.team-tasks-header .header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.team-tasks-header .header-content p{color:var(--text-secondary);font-size:14px;margin:0}.team-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.team-stats-grid .stat-card{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:14px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.team-stats-grid .stat-card:hover{border-color:var(--whatsapp-green);box-shadow:0 8px 20px #25d36626;transform:translateY(-4px)}.team-stats-grid .stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.team-stats-grid .stat-icon svg{font-size:1.5rem}.team-stats-grid .stat-content{flex:1 1}.team-stats-grid .stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:4px}.team-stats-grid .stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.team-controls{margin-bottom:2rem}.member-filter{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:.75rem;max-width:400px;padding:.75rem 1rem;position:relative}.member-filter svg{color:var(--text-secondary);flex-shrink:0}.member-filter input{background:#0000;border:none;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;outline:none}.member-filter input::placeholder{color:var(--text-tertiary)}.member-filter.searchable-dropdown .dropdown-results{left:0;right:0;top:calc(100% + 8px)}.dropdown-avatar{border:2px solid var(--whatsapp-green);border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.dropdown-avatar-initials{align-items:center;background:var(--whatsapp-green);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.dropdown-item{align-items:center;display:flex;gap:10px}.dropdown-item-content{flex:1 1;min-width:0}.filter-groups{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1rem}.filter-section{align-items:center;display:flex;gap:.75rem}.filter-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;min-width:60px}.filter-buttons{gap:.5rem}.filter-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.filter-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-btn.active{background:#fff;border-color:var(--border-color);box-shadow:0 2px 8px #0000001a;color:#000;font-weight:600}.team-task-modal{max-width:600px;min-width:500px}.team-task-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.team-task-modal .modal-header h2{color:var(--text-primary);flex:1 1;font-size:24px;font-weight:600;margin:0;min-width:0}.team-task-modal .modal-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.team-task-modal .form-group{margin-bottom:1.5rem}.team-task-modal .form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:.5rem}.team-task-modal .form-group input,.team-task-modal .form-group select,.team-task-modal .form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:.75rem;transition:all .2s;width:100%}.team-task-modal .form-group input:focus,.team-task-modal .form-group select:focus,.team-task-modal .form-group textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.team-task-modal .form-group input:disabled,.team-task-modal .form-group select:disabled,.team-task-modal .form-group textarea:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.team-task-modal .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.team-task-modal .modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1.5rem}.team-task-modal .btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.team-task-modal .btn-secondary:hover{background:var(--bg-tertiary)}.team-task-modal .btn-primary{background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.team-task-modal .btn-primary:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.team-task-modal .btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.modal-edit-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.modal-edit-btn:hover{background:#128c7e;transform:translateY(-1px)}.modal-edit-btn svg{height:16px;width:16px}.modal-expand-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;gap:6px;padding:8px;transition:all .2s}.modal-expand-btn:hover{background:var(--bg-secondary);border-color:var(--whatsapp-green);color:var(--whatsapp-green);transform:translateY(-1px)}.team-task-modal .modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;min-width:32px;transition:all .2s;width:32px}.team-task-modal .modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.loading-state{height:400px}.loading-spinner-large{animation:spin 1s linear infinite;border-top:4px solid var(--border-color)}.searchable-dropdown{position:relative}.searchable-dropdown input{width:100%}.dropdown-results{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:12px 16px;transition:background .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item-name{color:var(--text-primary);font-weight:500;margin-bottom:4px}.dropdown-item-email{color:var(--text-secondary);font-size:.9rem;font-weight:400}.dropdown-item-role{color:var(--text-secondary);font-size:.85rem;text-transform:capitalize}.dropdown-empty{color:var(--text-secondary);font-style:italic;padding:16px;text-align:center}[data-theme=dark] .member-filter,[data-theme=dark] .team-stats-grid .stat-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .member-filter input{color:var(--text-primary)}[data-theme=dark] .dropdown-results{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .dropdown-item:hover{background:var(--bg-primary)}@media (max-width:768px){.team-tasks-container{padding:1rem}.team-tasks-header{align-items:flex-start;flex-direction:column;gap:1rem}.team-stats-grid{grid-template-columns:repeat(2,1fr)}.team-task-modal{max-width:95vw;min-width:auto}.team-task-modal .form-row{grid-template-columns:1fr}.member-filter{max-width:100%}}.training-modules{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;padding:20px;width:100%}.training-header{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000000a;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;padding:18px 20px}.training-header .header-content h1{align-items:center;color:var(--text-primary);display:flex;font-size:22px;font-weight:700;gap:8px;margin:0 0 4px}.training-header .header-icon{color:#10b981;font-size:24px}.training-header .subtitle{color:var(--text-secondary);font-size:13px;margin:0}.training-header .header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.training-modules .btn-primary{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 6px #10b98126;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.training-modules .btn-primary:hover{box-shadow:0 3px 10px #10b9814d;transform:translateY(-1px)}.training-modules .btn-secondary-action{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.training-modules .btn-secondary-action:hover{background:var(--bg-secondary);border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.progress-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:12px;padding:16px;transition:all .2s}.summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.summary-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.summary-icon.total{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.summary-icon.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.summary-icon.progress{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.summary-icon.achievement{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.summary-content{flex:1 1}.summary-value{color:var(--text-primary);line-height:1}.summary-label{font-size:13px;font-weight:500;margin-top:4px}.modules-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000000a;padding:20px}.section-title{color:var(--text-primary);font-size:17px;font-weight:700}.modules-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.module-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 6px #0000000d;cursor:pointer;display:flex;flex-direction:column;overflow:visible;padding:18px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.module-card:before{background:#e5e7eb;content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s}.module-card.completed:before{background:linear-gradient(90deg,#10b981,#059669)}.module-card.in-progress:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.module-card.not-started:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.module-card.locked:before{background:linear-gradient(90deg,#9ca3af,#6b7280)}.module-card:hover{border-color:#10b981;box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.module-card.locked{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;border-style:dashed;cursor:not-allowed;opacity:.7}.module-card.locked:hover{border-color:#d1d5db;box-shadow:none;transform:none}.module-card.locked .module-content{opacity:.6}.module-card.not-started{background:var(--bg-secondary);border-color:var(--border-color)}.module-card.not-started:hover{border-color:#3b82f6}.module-card.completed{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.module-card.in-progress{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.module-icon{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000f;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-bottom:10px;width:36px}.module-card.locked .module-icon{background:#f3f4f6;border:2px dashed #d1d5db;box-shadow:none}.status-icon{font-size:18px}.status-icon.completed{color:#10b981}.status-icon.in-progress{color:#f59e0b}.status-icon.locked{color:#9ca3af}.status-icon.not-started{color:#3b82f6}.module-content{flex:1 1}.module-title{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3;margin:0 0 6px}.module-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 12px}.module-meta{display:flex;gap:12px;margin-bottom:12px}.meta-item{font-weight:500}.meta-item,.quiz-result{align-items:center;display:flex;gap:6px}.quiz-result{border-radius:6px;font-size:12px;font-weight:600;margin-top:12px;padding:6px 10px}.quiz-result.passed{background:#ecfdf5;border:1px solid #10b981;color:#10b981}.quiz-result.failed{background:#fef2f2;border:1px solid #ef4444;color:#ef4444}.module-footer{border-top:1px solid #0000000f;display:flex;justify-content:flex-end;padding-top:14px}.status-badge{border-radius:16px}.status-badge.completed{background:#10b981;color:#fff}.status-badge.in-progress{background:#f59e0b;color:#fff}.status-badge.not-started{background:#3b82f6;color:#fff}.status-badge.locked{background:#9ca3af;border:2px dashed #6b7280;color:#fff}.status-badge.retry{background:#f59e0b;border:2px solid #d97706;color:#fff}.empty-state h3{font-size:17px;margin:0 0 6px}.empty-state p{font-size:13px;margin:0 0 16px}.empty-state .btn-primary{font-size:13px;margin:0 auto;max-width:-webkit-fit-content;max-width:fit-content;padding:8px 16px}.loading-state{padding:48px}.loading-spinner{margin-bottom:12px}[data-theme=dark] .training-modules{background:var(--bg-primary)}[data-theme=dark] .modules-section,[data-theme=dark] .training-header{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .module-title,[data-theme=dark] .section-title,[data-theme=dark] .summary-value,[data-theme=dark] .training-header h1{color:#e9edef}[data-theme=dark] .summary-card{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 6px #0003}[data-theme=dark] .module-card{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .module-card.completed{background:linear-gradient(135deg,#0d3b2e,#0a2a20);border-color:#10b981}[data-theme=dark] .module-card.in-progress{background:linear-gradient(135deg,#3d2f1f,#2d2417);border-color:#f59e0b}[data-theme=dark] .module-card.locked{background:linear-gradient(135deg,#2a3942,#1f2c34);border-color:#374151;opacity:.6}[data-theme=dark] .module-card.locked .module-icon{background:#374151;border-color:#4b5563}[data-theme=dark] .module-icon{background:#2a3942}[data-theme=dark] .quiz-result.passed{background:#0d3b2e;border-color:#10b981}[data-theme=dark] .quiz-result.failed{background:#3d1f1f;border-color:#ef4444}@media (max-width:768px){.training-modules{padding:12px}.training-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.training-header .header-content h1{font-size:20px}.progress-summary{gap:10px;grid-template-columns:repeat(2,1fr)}.summary-card{padding:14px}.module-icon{height:36px;width:36px}.status-icon{font-size:18px}.quiz-result{font-size:11px;padding:5px 8px}.summary-icon{font-size:18px;height:40px;width:40px}.summary-value{font-size:22px}.summary-label{font-size:12px}.modules-grid{gap:14px;grid-template-columns:1fr}.modules-section{padding:16px}.section-title{font-size:18px}}.training-builder{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;padding:24px;width:100%}.builder-header{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.builder-header .header-left{align-items:flex-start;display:flex;flex:1 1;gap:16px}.builder-header .back-btn-icon{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.builder-header .back-btn-icon:hover{background:#f3f4f6;color:#10b981}.builder-header .header-content{flex:1 1}.builder-header h1{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 6px}.builder-header .subtitle{color:var(--text-secondary);font-size:13px;margin:0}.btn-create{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-create:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.modules-list{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden}.modules-table{width:100%}.table-header,.table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:3fr 1fr 120px;padding:16px 24px}.table-header{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-row{border-bottom:1px solid #f3f4f6;transition:all .2s}.table-row:hover{background:#f9fafb}.table-row:last-child{border-bottom:none}.module-info h3{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 4px}.module-info p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;margin:0 0 4px;overflow:hidden}.duration{color:#6b7280;font-size:12px;gap:4px}.badge,.duration{align-items:center;display:inline-flex}.badge{border-radius:20px;gap:6px;padding:6px 12px}.badge-all{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-specific{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.progress-info{color:#6b7280;flex-direction:column;font-size:13px;gap:4px}.col-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{height:36px;width:36px}.action-btn.edit{background:#eff6ff;color:#3b82f6}.action-btn.edit:hover{background:#3b82f6;color:#fff}.action-btn.delete{background:#fef2f2;color:#ef4444}.action-btn.delete:hover{background:#ef4444;color:#fff}.page-designer-overlay{animation:fadeIn .2s;background:var(--bg-primary);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.page-designer{background:var(--bg-primary);display:flex;flex-direction:column;height:100vh;width:100%}.designer-topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;height:64px;justify-content:space-between;padding:0 24px}.designer-topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:16px}.topbar-left h2{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.close-designer-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s}.close-designer-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-save{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;padding:10px 20px}.btn-save:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.designer-content{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 500px;overflow:hidden}.preview-pane{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.preview-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.preview-header h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.section-nav{display:flex;gap:8px}.section-nav-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:all .2s;width:36px}.section-nav-btn:hover{border-color:#10b981;color:#10b981}.section-nav-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.preview-content{display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px}.module-preview{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;max-width:700px;min-height:600px;padding:40px;width:100%}.preview-module-header{border-bottom:2px solid #f3f4f6;margin-bottom:32px;padding-bottom:24px}.preview-module-header h1{color:#1a202c;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 12px}.preview-description{color:#6b7280;font-size:15px;line-height:1.6;margin:0 0 12px}.preview-duration{align-items:center;background:#f3f4f6;border-radius:12px;color:#6b7280;display:inline-flex;font-size:13px;gap:6px;padding:4px 12px}.preview-section{flex:1 1;margin-bottom:32px}.section-badge{border-radius:12px;margin-bottom:16px}.preview-section h2{color:#1a202c;font-size:22px;font-weight:700;margin:0 0 16px}.preview-section-content{color:#374151;font-size:15px;line-height:1.8;min-height:200px;white-space:pre-wrap}.preview-navigation{border-top:2px solid #f3f4f6;display:flex;gap:16px;justify-content:space-between;margin-top:auto;padding-top:24px}.preview-nav-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.preview-nav-btn:not(:disabled):hover{background:#f0fdf4;border-color:#10b981;color:#10b981}.preview-nav-btn:disabled{cursor:not-allowed;opacity:.4}.editor-pane{background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.editor-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:20px 24px}.editor-header h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.editor-content{flex:1 1;overflow-y:auto;padding:24px}.current-section-editor{background:var(--bg-tertiary);border:2px solid #10b981;border-radius:12px;margin-top:20px;padding:20px}.close-btn{background:#f3f4f6}.close-btn:hover{background:#e5e7eb;color:#1a202c}.modal-body{padding:32px}.form-section:last-child{margin-bottom:0}.form-section h3{color:#1a202c;font-size:18px}.form-section h4{color:#4b5563;font-size:14px;font-weight:600;margin:0 0 12px}.form-group input,.form-group textarea{border:2px solid #e5e7eb;padding:10px 14px;transition:all .2s}.assignment-options{margin-bottom:20px}.radio-option{border:2px solid #e5e7eb}.radio-option:hover{background:#f0fdf4}.radio-option input[type=radio]:checked+.radio-content{color:#10b981}.radio-content{color:#6b7280}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.role-badge{background:#f3f4f6;color:#374151}.users-list{border:2px solid #e5e7eb}.user-option:hover{background:#f9fafb}.user-name{color:#1a202c}.user-role{color:#6b7280}.section-actions{display:flex;gap:8px}.btn-add-section{align-items:center;background:#eff6ff;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-add-section:hover{background:#dbeafe;transform:translateY(-1px)}.section-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.btn-remove-section{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s}.btn-remove-section:hover{background:#fee2e2;transform:translateY(-1px)}.modal-footer{padding:20px 32px}.btn-secondary:hover{border-color:#d1d5db}.empty-state h3{color:#1a202c}.empty-state p{margin:0 0 24px}[data-theme=dark] .training-builder{background:linear-gradient(135deg,#111b21,#0a0f14)}[data-theme=dark] .builder-header,[data-theme=dark] .modal-content,[data-theme=dark] .modules-list{background:#1f2c34}[data-theme=dark] .module-info h3,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:#e9edef}[data-theme=dark] .table-header{background:#2a3942;border-bottom-color:#3e5262}[data-theme=dark] .table-row{border-bottom-color:#2a3942}[data-theme=dark] .table-row:hover{background:#2a3942}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:#2a3942;border-color:#3e5262;color:#e9edef}[data-theme=dark] .section-item{background:#2a3942;border-color:#3e5262}@media (max-width:768px){.training-builder{padding:16px}.builder-header{flex-direction:column;gap:16px;padding:20px}.builder-header .header-left{align-items:flex-start;flex-direction:row;gap:12px}.builder-header h1{font-size:20px}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.table-header{display:none}.table-row{padding:16px}.col-actions{justify-content:flex-start}.modal-content{border-radius:0;max-height:100vh;max-width:100%}.assignment-options,.checkbox-grid,.form-row{grid-template-columns:1fr}}.quiz-section{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;margin-top:24px;padding:20px}.btn-ai-generate{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-ai-generate:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.btn-ai-generate:disabled{cursor:not-allowed;opacity:.5}.quiz-questions-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.quiz-question-item{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;padding:16px}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.question-number{color:#3b82f6;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.btn-remove-question{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.btn-remove-question:hover{background:#ef4444;color:#fff}.option-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.option-row input[type=radio]{accent-color:#10b981;cursor:pointer;flex-shrink:0;height:18px;width:18px}.option-row input[type=text]{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:14px;padding:8px 12px;transition:all .2s}.option-row input[type=text]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.option-label{color:#10b981;font-size:12px;font-weight:600;min-width:80px}.empty-quiz-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-quiz-state svg{color:var(--text-tertiary);margin-bottom:12px}.empty-quiz-state p{font-size:14px;margin:8px 0}.empty-quiz-state .help-text{color:var(--text-tertiary);font-size:13px;line-height:1.5;margin:8px auto 0;max-width:400px}@media (max-width:1024px){.designer-content{grid-template-columns:1fr;grid-template-rows:50vh 1fr}.preview-pane{border-bottom:1px solid var(--border-color);border-right:none}.editor-pane{min-height:50vh}.preview-content{padding:20px}.module-preview{padding:24px}.preview-module-header h1{font-size:22px}.preview-section h2{font-size:18px}.section-actions{flex-direction:column;gap:8px}.btn-add-section,.btn-ai-generate{justify-content:center;width:100%}}.training-admin{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;padding:24px;width:100%}.admin-header{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.admin-header .header-left{align-items:flex-start;display:flex;flex:1 1;gap:16px}.admin-header .back-btn-icon{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.admin-header .back-btn-icon:hover{background:#f3f4f6;color:#10b981}.admin-header .header-content{flex:1 1}.admin-header h1{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 6px}.admin-header .subtitle{color:var(--text-secondary);font-size:13px;margin:0}.search-section{margin-bottom:24px}.search-container{max-width:500px}.search-icon{color:var(--text-tertiary);font-size:18px;left:14px}.search-input{background:var(--bg-secondary);border-radius:10px;font-size:14px;padding:12px 44px;transition:all .2s}.search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.clear-search{align-items:center;background:none;border-radius:4px;color:var(--text-tertiary);display:flex;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s}.clear-search:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modules-admin-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px}.admin-modules-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.admin-module-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;padding:24px;transition:all .2s}.admin-module-card:hover{border-color:#10b981;box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.module-card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.module-card-header .module-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.module-card-header h3{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0}.module-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.6;margin:0 0 20px;overflow:hidden}.assignment-section{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:20px}.assignment-section h4{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.assignment-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px;padding:8px 16px}.assignment-badge.all{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;color:#065f46}.assignment-badge.specific{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;color:#1e40af}.roles-count{font-size:11px;opacity:.8}.btn-edit-assignment{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.btn-edit-assignment:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.progress-section h4{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.progress-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.progress-stats .stat{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:8px;padding:10px}.progress-stats .stat .icon{flex-shrink:0;font-size:20px}.progress-stats .stat .icon.completed{color:#10b981}.progress-stats .stat .icon.in-progress{color:#f59e0b}.progress-stats .stat .icon.total{color:#3b82f6}.progress-stats .stat div{display:flex;flex-direction:column;gap:2px}.progress-stats .stat .value{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1}.progress-stats .stat .label{color:var(--text-secondary);font-size:11px;line-height:1}.progress-bar-container{align-items:center;display:flex;gap:12px}.progress-bar{flex:1 1}.progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.progress-percent{color:var(--text-primary);font-size:13px;font-weight:700;min-width:40px;text-align:right}.modal-overlay{animation:fadeIn .2s}.modal-content{animation:slideUp .3s}.modal-header{border-bottom:1px solid var(--border-color)}.close-btn{background:var(--bg-tertiary);border-radius:8px;font-size:20px;height:36px;transition:all .2s;width:36px}.close-btn:hover{background:var(--bg-primary)}.modal-body{flex:1 1}.assignment-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}.radio-option{align-items:center;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.radio-option:hover{background:#10b9810d;border-color:#10b981}.radio-option input[type=radio]{accent-color:#10b981;cursor:pointer;height:20px;width:20px}.radio-content{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:8px}.radio-content svg{font-size:18px}.assignment-group{margin-bottom:24px}.assignment-group h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.checkbox-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.checkbox-option{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-option input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:18px;width:18px}.role-badge{background:var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-weight:500;padding:6px 12px}.users-list{border:2px solid var(--border-color);border-radius:8px;max-height:300px;overflow-y:auto;padding:12px}.user-option{border-radius:6px;margin-bottom:4px;padding:10px;transition:all .2s}.user-option:hover{background:var(--bg-tertiary)}.user-info{gap:2px}.user-role{color:var(--text-secondary);font-size:12px;text-transform:capitalize}.modal-footer{border-top:1px solid var(--border-color);padding:20px 24px}.btn-secondary{background:var(--bg-tertiary)}.btn-secondary:hover{background:var(--bg-primary);border-color:#10b981}.empty-state{padding:64px 24px}.loading-state{color:var(--text-secondary)}.loading-spinner{border-top:4px solid #10b981}@media (max-width:768px){.training-admin{padding:12px}.admin-header{padding:16px}.admin-header h1{font-size:20px}.admin-modules-grid{gap:16px}.admin-modules-grid,.assignment-options,.checkbox-grid,.progress-stats{grid-template-columns:1fr}.quiz-actions{flex-direction:column}.results-table-container{overflow-x:auto}}.quiz-section{border-top:2px solid var(--border-color);margin-top:20px;padding-top:20px}.quiz-section h4{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.quiz-info{display:flex;gap:16px;margin-bottom:12px}.quiz-stat{align-items:center;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px}.quiz-stat svg{color:#3b82f6}.quiz-actions{display:flex;gap:8px}.btn-quiz{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.btn-quiz:hover{background:var(--bg-tertiary);border-color:#3b82f6;color:#3b82f6}.quiz-modal .modal-body{padding:24px}.quiz-summary{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.quiz-summary svg{color:#3b82f6;flex-shrink:0}.quiz-summary p{font-size:14px;line-height:1.5;margin:0}.quiz-summary .text-secondary{color:var(--text-tertiary);font-size:13px}.settings-group{margin-bottom:24px}.settings-group label{display:block;font-weight:600;margin-bottom:8px}.score-input,.settings-group label{color:var(--text-primary);font-size:14px}.score-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;margin-top:8px;padding:10px 12px;width:100%}.score-input:focus{border-color:#3b82f6;outline:none}.checkbox-label{display:flex!important}.checkbox-label input[type=checkbox]{accent-color:#3b82f6}.help-text{color:var(--text-tertiary);font-size:12px;font-weight:400;margin:6px 0 0}.results-modal{max-width:900px}.results-table-container{max-height:500px;overflow-y:auto}.results-table{font-size:14px}.results-table thead{background:var(--bg-secondary)}.results-table th{font-size:13px;letter-spacing:.5px;text-transform:uppercase}.results-table tbody tr:hover{background:var(--bg-tertiary)}.user-cell{display:flex;flex-direction:column;gap:2px}.user-cell .user-name{color:var(--text-primary);font-weight:600}.user-cell .user-role{color:var(--text-tertiary);font-size:12px}.percentage-badge{border-radius:12px;font-size:13px;font-weight:700;padding:4px 10px}.percentage-badge.passed{background:#ecfdf5;border:1px solid #10b981;color:#10b981}.percentage-badge.failed{background:#fef2f2;border:1px solid #ef4444;color:#ef4444}.status-badge.passed{background:#ecfdf5;color:#10b981}.status-badge.failed{background:#fef2f2;color:#ef4444}.date-cell{color:var(--text-tertiary);font-size:13px}.empty-results{padding:64px 24px}.empty-results svg{color:#d1d5db;margin-bottom:16px}.empty-results h3{color:var(--text-primary);font-size:18px;margin:0 0 8px}.empty-results p{color:var(--text-tertiary);font-size:14px;margin:0}.module-viewer{background:var(--bg-primary);max-height:100vh;min-height:100vh;overflow-y:auto;padding:24px;width:100%}.viewer-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;gap:16px;margin-bottom:20px;padding:20px 24px}.back-btn-icon,.viewer-header{align-items:center;display:flex}.back-btn-icon{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.back-btn-icon:hover{background:var(--bg-tertiary);color:#10b981}.back-btn{background:none;display:inline-flex;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 12px}.back-btn:hover{color:#10b981}.module-header-info{flex:1 1}.header-title-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:6px}.module-header-info h1{color:var(--text-primary);flex:1 1;font-size:24px;font-weight:700;margin:0}.progress-percentage-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;padding:4px 12px}.module-desc{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.header-progress{align-items:center;display:flex;gap:12px}.progress-text-small{color:var(--text-secondary);font-size:12px;font-weight:600;min-width:120px}.progress-bar-container-small{background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;overflow:hidden;position:relative}.progress-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px 24px}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-text{color:#1a202c;font-size:14px;font-weight:600}.progress-percentage{color:#10b981;font-size:14px;font-weight:600}.progress-bar-container{border-radius:4px;height:8px}.progress-bar-fill{animation:none!important;border-radius:4px;transition:none!important;will-change:auto}.content-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:280px 1fr;margin:0 auto;max-width:1400px}.sections-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 300px);overflow-y:auto;padding:20px}.sections-sidebar h3{color:#6b7280;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.sections-list{display:flex;flex-direction:column;gap:8px}.section-nav-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;position:relative;text-align:left;transition:all .2s}.section-nav-item:hover{background:#f0fdf4;border-color:#10b981}.section-nav-item.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;box-shadow:0 2px 8px #10b98133}.section-nav-item.completed{background:#f0fdf4;border-color:#10b981}.section-nav-item .check-icon{color:#10b981;flex-shrink:0;font-size:18px}.section-number{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.section-nav-item.active .section-number{background:#10b981;color:#fff}.section-title-nav{color:#1a202c;flex:1 1;font-size:13px;font-weight:500;line-height:1.3}.main-content{display:flex;flex-direction:column;gap:20px}.content-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:32px}.section-header{margin-bottom:24px}.section-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px}.section-header h2{color:#1a202c;font-size:24px;font-weight:700}.section-content{color:#374151;font-size:15px;line-height:1.7;margin-bottom:32px;min-height:200px}.section-content p{margin:0 0 16px}.content-navigation{border-top:2px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding-top:24px}.btn-complete,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98133;margin-left:auto}.btn-primary:hover{box-shadow:0 4px 12px #10b9814d}.btn-secondary{border:2px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-complete{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf633;margin-left:auto}.btn-complete:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.btn-complete.completed{background:#10b981;cursor:default}.btn-complete.completed:hover{transform:none}.completion-badge{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:12px;box-shadow:0 2px 8px #10b98133;padding:32px;text-align:center}.completion-badge svg{color:#10b981;margin-bottom:16px}.completion-badge h3{color:#1a202c;font-size:24px;font-weight:700;margin:0 0 8px}.completion-badge p{color:#6b7280;font-size:14px;margin:0}.loading-state{color:#6b7280;padding:64px}[data-theme=dark] .module-viewer{background:var(--bg-primary)}[data-theme=dark] .content-card,[data-theme=dark] .progress-section,[data-theme=dark] .sections-sidebar,[data-theme=dark] .viewer-header{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .progress-text,[data-theme=dark] .section-title-nav,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:#e9edef}[data-theme=dark] .section-content{color:#c1c7cd}[data-theme=dark] .section-nav-item{background:#2a3942;border-color:#3e5262}[data-theme=dark] .section-nav-item:hover{background:#0d3b2e;border-color:#10b981}[data-theme=dark] .section-nav-item.active{background:linear-gradient(135deg,#0d3b2e,#0a2a20);border-color:#10b981}[data-theme=dark] .content-navigation{border-top-color:#2a3942}.quiz-container{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:12px;margin-top:32px;padding:24px}.quiz-header{align-items:center;color:#1e40af;display:flex;gap:12px;margin-bottom:24px}.quiz-header h3{font-size:18px;font-weight:700;margin:0}.quiz-questions{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.quiz-question{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:20px}.question-text{color:#1a202c;font-size:15px;line-height:1.6;margin:0 0 16px}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-option{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.quiz-option:hover{background:#eff6ff;border-color:#3b82f6}.quiz-option input[type=radio]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.option-letter{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.option-text{color:#374151;flex:1 1;font-size:14px;line-height:1.5}.btn-submit-quiz{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 auto;padding:12px 24px;transition:all .2s}.btn-submit-quiz:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-submit-quiz:disabled{cursor:not-allowed;opacity:.5}.quiz-results{display:flex;flex-direction:column;gap:24px}.results-score{background:#fff;border-radius:12px;padding:24px;text-align:center}.results-score.perfect{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:3px solid #10b981}.results-score.pass{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:3px solid #3b82f6}.results-score.fail{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:3px solid #f59e0b}.results-score h4{color:#1a202c;font-size:24px;margin:0 0 8px}.results-score p{color:#374151;font-size:16px;margin:0}.quiz-review{display:flex;flex-direction:column;gap:12px}.review-question{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:16px}.review-question.correct{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.review-question.incorrect{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.answer-status{font-size:14px;font-weight:700;margin:8px 0}.review-question.correct .answer-status{color:#10b981}.review-question.incorrect .answer-status{color:#ef4444}.correct-answer{color:#374151;font-size:14px;margin:8px 0 0}@media (max-width:768px){.content-container{grid-template-columns:1fr}.sections-sidebar{position:static}.viewer-header{padding:20px}.content-card{padding:24px 20px}.module-header-info h1{font-size:20px}.header-title-row{align-items:flex-start;flex-direction:column;gap:8px}.progress-percentage-badge{align-self:flex-start}.section-header h2{font-size:20px}.content-navigation{flex-direction:column}.btn-complete,.btn-primary{margin-left:0}.quiz-container{padding:16px}.option-letter{font-size:12px;height:24px;width:24px}}.app-settings{height:100%;margin:0 auto;max-width:900px;overflow-y:auto;padding:32px}.app-settings.loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.settings-header{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:24px}.settings-header h1{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 8px}.settings-header p{color:var(--text-secondary);font-size:14px;margin:0}.settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:32px;padding:32px}.settings-section{display:flex;flex-direction:column;gap:24px}.section-header{gap:12px}.section-header svg{color:var(--whatsapp-green);font-size:24px}.section-header h2{color:var(--text-primary);font-size:22px;font-weight:600;margin:0}.section-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.logo-preview-section{display:flex;flex-direction:column;gap:20px}.preview-box{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:12px;display:flex;justify-content:center;min-height:120px;padding:20px;width:100%}.logo-preview{max-height:80px;max-width:100%;object-fit:contain}.no-logo{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:12px}.no-logo svg{font-size:40px}.preview-nav{align-items:center;display:flex;flex-direction:column;gap:8px}.nav-simulation{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:center;min-width:250px;padding:12px 20px}.nav-logo-preview{max-height:32px;object-fit:contain}.preview-label{color:var(--text-tertiary);font-size:12px}.upload-section{align-items:center;gap:12px}.upload-btn{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);padding:12px 20px}.upload-btn:hover{background:var(--bg-secondary);border-color:var(--whatsapp-green)}.confirm-upload-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.confirm-upload-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.confirm-upload-btn:disabled{cursor:not-allowed;opacity:.5}.settings-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;padding-top:24px}.save-btn{background:var(--whatsapp-green);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease}.save-btn:hover:not(:disabled){background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.5}.remove-btn{align-items:center;background:#ef44441a;border:none;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 24px;transition:all .2s ease}.remove-btn:hover:not(:disabled){background:#ef4444;color:#fff;transform:translateY(-1px)}.remove-btn:disabled{cursor:not-allowed;opacity:.5}.settings-info{align-items:center;background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:8px;color:var(--text-secondary);display:flex;font-size:14px;gap:10px;padding:12px 16px}.settings-info svg{color:#3b82f6;flex-shrink:0;font-size:18px}.optimization-info{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.info-item{color:var(--text-secondary);font-size:14px;gap:8px}.info-item strong{color:var(--text-primary);min-width:100px}.init-stats-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s ease}.init-stats-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.init-stats-btn:disabled{cursor:not-allowed;opacity:.7}.init-stats-btn .spinning{animation:spin 1s linear infinite}@media (max-width:768px){.app-settings{padding:20px 16px}.settings-card{padding:24px 20px}.section-header h2{font-size:19px}.upload-section{align-items:stretch;flex-direction:column}.confirm-upload-btn,.upload-btn{justify-content:center}.settings-actions{flex-direction:column}.nav-simulation{min-width:auto}}.debug-toggle-container{margin:20px 0}.debug-toggle{align-items:center;cursor:pointer;display:flex;gap:15px;-webkit-user-select:none;user-select:none}.debug-toggle input[type=checkbox]{display:none}.toggle-slider{background:#ddd;border-radius:30px;flex-shrink:0;height:30px;position:relative;transition:all .3s ease;width:60px}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:24px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:24px}.debug-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.debug-toggle input:checked+.toggle-slider:before{transform:translateX(30px)}.toggle-label{color:var(--text-primary);font-size:16px;font-weight:600}.not-found{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.not-found-container{animation:fadeIn .5s ease;max-width:600px;text-align:center}.not-found-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#25d3661a,#128c7e1a);border-radius:50%;display:inline-flex;height:120px;justify-content:center;margin-bottom:32px;width:120px}.not-found-icon svg{color:var(--whatsapp-green);font-size:60px}.not-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:120px;font-weight:800;letter-spacing:-4px;line-height:1;margin:0 0 16px}.not-found-subtitle{color:var(--text-primary);font-size:32px;font-weight:600;margin:0 0 24px}.not-found-message{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 0 40px}.not-found-actions{display:flex;gap:16px;justify-content:center;margin-bottom:40px}.action-btn{border-radius:8px!important;display:inline-flex;font-size:15px;font-weight:600;gap:8px;min-width:180px;padding:12px 24px;white-space:nowrap}.action-btn svg{font-size:18px}.action-btn.primary{background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);box-shadow:0 4px 12px #25d3664d}.action-btn.primary:hover{box-shadow:0 6px 20px #25d36666;transform:translateY(-2px)}.action-btn.secondary{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}.action-btn.secondary:hover{background:var(--bg-tertiary);border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.not-found-help{border-top:1px solid var(--border-color);padding-top:32px}.not-found-help p{color:var(--text-tertiary);font-size:14px;margin:0}.not-found-help a{color:var(--whatsapp-green);font-weight:600;text-decoration:none;transition:all .2s ease}.not-found-help a:hover{text-decoration:underline}@media (max-width:768px){.not-found-title{font-size:80px}.not-found-subtitle{font-size:24px}.not-found-icon{height:100px;margin-bottom:24px;width:100px}.not-found-icon svg{font-size:48px}.not-found-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}}@media (max-width:480px){.not-found-title{font-size:64px}.not-found-subtitle{font-size:20px}.not-found-message{font-size:14px}}.ticket-detail-page{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto}.ticket-detail-error,.ticket-detail-loading{color:var(--text-secondary);height:100vh}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--whatsapp-green);height:36px;width:36px}.ticket-detail-error svg{color:var(--text-tertiary)}.back-to-helpdesk-btn{background:var(--whatsapp-green);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.back-to-helpdesk-btn:hover{background:var(--whatsapp-green-dark)}.ticket-compact-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:16px;padding:16px 24px}.back-icon-btn,.ticket-compact-header{align-items:center;display:flex;flex-shrink:0}.back-icon-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;transition:all .15s ease;width:36px}.back-icon-btn:hover{background:var(--bg-primary);color:var(--whatsapp-green)}.back-icon-btn svg{font-size:20px}.header-left-section{align-items:center;display:flex;flex:1 1;gap:12px}.header-main-title{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.3;margin:0}.header-ticket-badge{background:#25d3661a;border-radius:4px;color:var(--whatsapp-green);flex-shrink:0;font-family:monospace;font-size:12px;font-weight:600;padding:6px 12px}.ticket-overview-card{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:24px;padding:20px 24px}.overview-left{flex:1 1}.overview-right{align-items:center;display:flex;flex:1 1}.requester-section{align-items:flex-start;display:flex;gap:14px}.requester-avatar{align-items:center;background:var(--whatsapp-green);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.avatar-image{object-fit:cover}.avatar-image,.avatar-initials{height:100%;width:100%}.requester-details h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.requester-email{margin:0 0 10px}.ticket-dates{display:flex;flex-direction:column;gap:4px}.date-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.date-item svg{color:var(--text-tertiary)}.ticket-status-controls{display:flex;gap:16px;width:100%}.control-group{flex:1 1}.control-group label{color:var(--text-tertiary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.category-select,.priority-select.compact,.status-select.compact{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 12px}.category-select{text-transform:capitalize;transition:all .2s ease}.category-select:focus,.category-select:hover{border-color:var(--whatsapp-green)}.category-select:focus{box-shadow:0 0 0 3px #25d3661a;outline:none}.ticket-description-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:16px 24px}.ticket-description-section .description-heading{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 10px}.ticket-description-section .ai-summary{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 12px}.ticket-description-section p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.additional-info-section{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.additional-info-heading{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;opacity:.8;text-transform:uppercase}.additional-info-text{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap}.text-link{border-bottom:1px solid #0000;color:var(--whatsapp-green);font-weight:500;text-decoration:none;transition:all .2s ease;word-break:break-all}.text-link:hover{border-bottom-color:var(--whatsapp-green);color:#1fa65a}.resolution-box{background:#25d3660a;border:1px solid #25d36626;border-left:3px solid var(--whatsapp-green);border-radius:8px;margin:0 24px 20px;padding:20px 24px}.resolution-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.resolution-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.resolution-header h3 svg{color:var(--whatsapp-green);font-size:16px}.resolved-by{color:var(--text-secondary);font-size:12px}.resolution-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:13px;line-height:1.6;margin-bottom:12px;min-height:120px;padding:12px;resize:vertical;width:100%}.resolution-textarea:focus{border-color:var(--whatsapp-green);outline:none}.resolution-actions{display:flex;gap:10px}.add-to-kb-btn,.save-resolution-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px}.save-resolution-btn{background:var(--whatsapp-green);color:#fff}.save-resolution-btn:hover:not(:disabled){background:var(--whatsapp-green-dark)}.save-resolution-btn:disabled{cursor:not-allowed;opacity:.5}.add-to-kb-btn{background:#3b82f6;color:#fff}.add-to-kb-btn:hover:not(:disabled){background:#2563eb}.add-to-kb-btn:disabled{cursor:not-allowed;opacity:.5}.resolution-saved-note{color:var(--whatsapp-green);font-size:12px;margin:10px 0 0}.ticket-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:0;padding:0 24px;position:relative}.ticket-tabs:after{color:var(--text-tertiary);content:"Click multiple tabs to view side-by-side";font-size:10px;font-style:italic;position:absolute;right:24px;top:50%;transform:translateY(-50%)}.tab-btn{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;margin-bottom:-1px;padding:12px 16px;transition:all .15s ease}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{border-bottom-color:var(--whatsapp-green);color:var(--whatsapp-green)}.tab-btn svg{font-size:14px}.tab-content{padding:20px 24px}.ticket-detail-layout{display:flex;flex:1 1;gap:0;overflow:visible}.ticket-main-content{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:row;gap:1px;min-width:0;overflow:visible}.ticket-main-content.tabs-count-1{flex-direction:row}.ticket-main-content.tabs-count-1 .tab-panel{flex:1 1}.ticket-main-content.tabs-count-2 .tab-panel,.ticket-main-content.tabs-count-3 .tab-panel{flex:1 1;min-width:0}.tab-panel{background:var(--bg-primary);border-right:1px solid var(--border-color);overflow-y:auto}.tab-panel:last-child{border-right:none}.content-section{padding:20px 24px}.section-title{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.ticket-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-color);flex-shrink:0;overflow-y:auto;width:340px}.ticket-info-card{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:20px 24px}.ticket-title{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px}.ticket-meta{align-items:center;display:flex;gap:8px}.ticket-category{background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.priority-badge,.ticket-category{padding:4px 12px;text-transform:capitalize}.priority-badge{border-radius:12px;font-size:11px;font-weight:700}.priority-badge.urgent{background:#ef44441a;color:#ef4444}.priority-badge.high{background:#f973161a;color:#f97316}.priority-badge.medium{background:#eab3081a;color:#eab308}.priority-badge.low{background:#22c55e1a;color:#22c55e}.sidebar-section{border-bottom:1px solid var(--border-color);padding:20px}.sidebar-section h3{color:var(--text-primary);font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.detail-group{margin-bottom:16px}.detail-group:last-child{margin-bottom:0}.detail-group label{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.detail-group label svg{font-size:14px}.detail-group p{color:var(--text-primary);font-size:14px;margin:0}.priority-select,.status-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s ease;width:100%}.priority-select:hover,.status-select:hover{border-color:var(--whatsapp-green)}.priority-select:focus,.status-select:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.requester-info{display:flex;flex-direction:column;gap:4px}.requester-name{color:var(--text-primary);font-weight:600;margin:0}.requester-email{color:var(--text-tertiary);font-size:13px;margin:0}.notes-section{display:flex;flex:1 1;flex-direction:column}.add-note-form{margin-bottom:20px;padding:0 24px}.note-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;margin-bottom:8px;min-height:60px;padding:10px 12px;resize:vertical;transition:all .2s ease;width:100%}.note-textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.add-note-btn{background:var(--whatsapp-green);border-radius:6px;font-size:14px;padding:10px 16px;transition:all .2s ease;width:100%}.add-note-btn:hover:not(:disabled){background:var(--whatsapp-green-dark)}.notes-list{gap:10px;padding:0 24px}.no-notes{color:var(--text-tertiary);font-size:13px;font-style:italic;padding:20px;text-align:center}.note-item{background:var(--bg-primary);border:1px solid var(--border-color)}.note-author{color:var(--whatsapp-green);font-size:13px;font-weight:600}.note-time{color:var(--text-tertiary);font-size:11px}.note-content{margin:0}.note-content,.ticket-description{color:var(--text-primary);white-space:pre-wrap}.ticket-description{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:15px;line-height:1.6;padding:20px}.ticket-description p{margin:0}.timeline{padding-left:40px;position:relative}.timeline:before{background:var(--border-color);bottom:0;content:"";left:18px;position:absolute;top:0;width:2px}.timeline-item{display:flex;gap:16px;margin-bottom:24px;position:relative}.timeline-marker{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;left:-40px;position:absolute;width:36px;z-index:1}.timeline-marker.created{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff}.timeline-marker.ai{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;font-size:16px}.timeline-marker.user{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.timeline-marker.note{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff}.timeline-marker.updated{background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);border-color:var(--whatsapp-green);color:#fff}.timeline-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex:1 1;padding:16px}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timeline-header strong{color:var(--text-primary);font-size:14px}.timeline-time{color:var(--text-tertiary);font-size:12px}.timeline-text{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.timeline-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;margin-top:8px;padding:4px 10px}.timeline-badge.knowledge_base{background:#3b82f61a;color:#3b82f6}.timeline-badge.web_search{background:#a855f71a;color:#a855f7}.chat-tab{display:flex;flex-direction:column;height:calc(100vh - 450px);min-height:400px}.chat-header{padding:20px 32px 0}.chat-messages-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;flex:1 1;margin:20px 32px 16px;overflow-y:auto;padding:20px}.no-items{color:var(--text-tertiary);font-style:italic;padding:40px 20px;text-align:center}.chat-msg{background:var(--bg-secondary);border-left:3px solid var(--border-color);border-radius:8px;margin-bottom:16px;min-height:60px;padding:18px 22px}.chat-msg.agent{background:#25d3660d;border-left-color:var(--whatsapp-green)}.chat-msg.user{background:#3b82f60d;border-left-color:#3b82f6}.chat-msg-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.chat-msg-header strong{color:var(--text-primary);font-size:14px}.chat-msg-time{color:var(--text-tertiary);font-size:11px}.chat-msg-text{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.chat-input-form{align-items:flex-end;display:flex;gap:12px;padding:0 32px 24px}.chat-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;min-height:44px;padding:12px 16px;resize:vertical;transition:all .2s ease}.chat-input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.send-chat-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.send-chat-btn:hover:not(:disabled){background:var(--whatsapp-green-dark);transform:translateY(-2px)}.send-chat-btn:disabled{cursor:not-allowed;opacity:.5}.send-chat-btn svg{font-size:18px}@media (max-width:768px){.ticket-detail-header{padding:12px 16px}.ticket-overview-card{flex-direction:column;padding:16px}.ticket-status-controls{flex-direction:column}.requester-avatar{font-size:20px;height:56px;width:56px}.requester-details h3{font-size:16px}.ticket-title-section{padding:16px}.main-ticket-title{font-size:22px}.content-section{padding:16px}.section-title{font-size:14px}.ticket-detail-layout{flex-direction:column}.ticket-sidebar{border-left:none;border-top:1px solid var(--border-color);width:100%}}.permission-denied{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.permission-denied-content{animation:fadeIn .4s ease;max-width:500px;text-align:center}.permission-icon{align-items:center;background:linear-gradient(135deg,#fee2e2,#fca5a5);border-radius:50%;color:#dc2626;display:inline-flex;height:120px;justify-content:center;margin:0 auto 32px;width:120px}.permission-denied h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 16px}.permission-denied p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 0 32px}.permission-info{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;justify-content:center;padding:16px 24px}.permission-info svg{color:#f59e0b;flex-shrink:0}@media (max-width:768px){.permission-denied{padding:20px}.permission-icon{height:100px;margin-bottom:24px;width:100px}.permission-icon svg{height:48px;width:48px}.permission-denied h1{font-size:24px}.permission-denied p{font-size:14px}}.freelancer-time-tracker{margin:0 auto;max-width:1400px;padding:20px}.tracker-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.btn-primary,.btn-secondary{align-items:center;display:flex;gap:8px}.btn-secondary{border:1px solid #3b82f6;color:#3b82f6}.btn-secondary:hover{background:#eff6ff}.stat-card.approved{border-left-color:#10b981}.stat-card.total{border-left-color:#3b82f6}.calendar-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:20px}.view-toggle{gap:5px}.view-toggle button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.view-toggle button.active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#3b82f6}.date-navigation{align-items:center;display:flex;gap:10px}.date-navigation button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.date-navigation button:hover{background:#f9fafb;border-color:#3b82f6}.current-date{color:#1a202c;font-weight:600;min-width:200px;text-align:center}.week-view{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(7,1fr)}.day-column{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-height:400px;overflow:hidden}.day-column.today{border:2px solid #3b82f6}.day-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:15px;text-align:center}.day-name{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:5px;text-transform:uppercase}.day-date{color:#1a202c;font-size:24px;font-weight:700}.day-shifts{padding:10px}.no-shifts{color:#9ca3af;font-size:14px;padding:20px;text-align:center}.shift-card{background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:8px;margin-bottom:10px;padding:12px;position:relative;transition:all .2s}.shift-card.pending{background:#fffbeb}.shift-card.approved{background:#f0fdf4}.shift-card.rejected{background:#fef2f2}.shift-time{color:#1a202c;font-weight:600;margin-bottom:5px}.shift-hours{margin-bottom:8px}.shift-description{color:#4b5563;font-size:12px;line-height:1.4;margin-bottom:8px}.shift-status{margin-bottom:8px}.status-badge{padding:4px 8px}.shift-actions{gap:5px;justify-content:flex-end}.shift-actions button{border:1px solid #e5e7eb;border-radius:4px;justify-content:center;padding:6px}.shift-actions button:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.modal-content.bulk-modal{max-width:800px}.bulk-shift-row{border-bottom:1px solid #e5e7eb;margin-bottom:15px;padding-bottom:15px}.bulk-shift-row:last-child{border-bottom:none}.bulk-shift-inputs{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1.5fr 1fr 1fr 2fr auto}.bulk-shift-inputs input{border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:8px}.remove-bulk-btn{background:#fff;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;padding:8px;transition:all .2s}.remove-bulk-btn:hover{background:#fef2f2}.btn-add-more{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:10px;padding:10px;transition:all .2s;width:100%}.btn-add-more:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}@media (max-width:1200px){.week-view{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.week-view{grid-template-columns:repeat(2,1fr)}.bulk-shift-inputs{grid-template-columns:1fr}.tracker-header{align-items:flex-start;flex-direction:column}.calendar-controls{align-items:stretch;flex-direction:column}.date-navigation{flex-wrap:wrap;justify-content:center}}.bulk-add-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;padding:0 20px}.tab-btn{background:none;border-bottom:2px solid #0000;font-weight:500;margin-bottom:-2px}.tab-btn.active{border-bottom-color:#3b82f6;color:#3b82f6}.tab-btn:hover{color:#3b82f6}.weekly-pattern-form{display:flex;flex-direction:column;gap:20px}.days-of-week{display:flex;flex-wrap:wrap;gap:10px}.day-checkbox{align-items:center;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:8px 16px;transition:all .2s;-webkit-user-select:none;user-select:none}.day-checkbox,.day-checkbox input[type=checkbox]{cursor:pointer}.day-checkbox:hover{background:#eff6ff;border-color:#3b82f6}.day-checkbox:has(input:checked){background:#dbeafe;border-color:#3b82f6}.day-checkbox span{color:#374151;font-size:14px;font-weight:500}.month-view{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.shifts-list{padding:20px}.no-shifts-month{color:#9ca3af;padding:60px 20px;text-align:center}.no-shifts-month svg{margin-bottom:15px;opacity:.5}.no-shifts-month p{font-size:16px;margin:0}.shift-list-item{align-items:center;background:#f9fafb;border-left:4px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:20px;margin-bottom:15px;padding:20px;transition:all .2s}.shift-list-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateX(4px)}.shift-list-item.pending{background:#fffbeb;border-left-color:#f59e0b}.shift-list-item.approved{background:#f0fdf4;border-left-color:#10b981}.shift-list-item.rejected{background:#fef2f2;border-left-color:#ef4444}.shift-list-date{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:10px}.date-day{color:#1a202c;font-size:28px;font-weight:700;line-height:1}.date-month{color:#6b7280;font-size:12px;font-weight:600;margin-top:2px;text-transform:uppercase}.shift-list-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.shift-list-time{align-items:center;color:#1a202c;display:flex;font-size:15px;font-weight:600;gap:8px}.shift-list-hours{color:#6b7280;font-size:13px;font-weight:500}.shift-list-description{color:#4b5563;font-size:14px;line-height:1.5}.shift-list-status{display:inline-flex}.shift-list-actions{display:flex;flex-shrink:0;gap:8px}.action-btn{border:1px solid #e5e7eb}.action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.action-btn.edit:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.action-btn.delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}@media (max-width:768px){.shift-list-item{align-items:flex-start;flex-direction:column;gap:15px}.shift-list-date{flex-direction:row;gap:10px;justify-content:flex-start;width:100%}.date-day{font-size:24px}.shift-list-actions{justify-content:flex-end;width:100%}}.freelancer-admin-dashboard{animation:fadeInPage .4s ease-out;background:var(--bg-primary);border:none!important;box-shadow:none!important;margin:0 auto;max-width:1600px;padding:24px}@keyframes fadeInPage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{background:#0000!important;border:none!important;box-shadow:none!important;margin-bottom:30px;outline:none!important;padding:0!important}.header-actions,.header-left{border:none}.view-toggle{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 2px 6px #00000014}.toggle-btn:hover{background:#f3f4f6;color:#1a202c}.toggle-btn.active{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 2px 8px #25d3664d}.header-left h1{font-size:30px}.header-left p{text-align:left}.btn-export{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;box-shadow:0 4px 12px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .2s}.btn-export:hover{box-shadow:0 6px 16px #25d36666;transform:translateY(-3px) scale(1.02)}.stat-card{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:14px;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 8px 20px #25d36626;transform:translateY(-4px)}.stat-card.total{border-left-color:var(--whatsapp-green)}.stat-card.cost{border-left-color:#3b82f6}.stat-card.freelancers{border-left-color:#8b5cf6}.filters-bar{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);box-shadow:0 2px 8px #00000014}.filter-group label{align-items:center;display:flex;gap:6px}.filter-group.mui-style{position:relative}.mui-label{align-items:center;color:#3b82f6;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase;transition:all .2s}.mui-label .label-icon{font-size:16px}.mui-select{-webkit-appearance:none;appearance:none;background:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%233b82f6' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:2px solid #e5e7eb;border-radius:8px;color:#1a202c;cursor:pointer;font-size:15px;font-weight:500;padding:14px 40px 14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.mui-select:hover{box-shadow:0 2px 4px #3b82f61a}.mui-select:focus,.mui-select:hover{background:#fff;border-color:#3b82f6}.mui-select:focus{box-shadow:0 0 0 3px #3b82f626,0 4px 6px #0000000d;outline:none}.mui-select:focus+.mui-label{color:#2563eb}.mui-select option{background:#fff;color:#1a202c;font-size:14px;padding:12px}.mui-select option:hover{background:#f3f4f6}.mui-date-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#1a202c;cursor:pointer;font-size:15px;font-weight:500;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.mui-date-input:hover{background:#fff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.mui-date-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 4px 6px #0000000d;outline:none}.fetching-indicator{align-items:center;align-self:center;background:#eff6ff;border-radius:8px;color:#3b82f6;display:flex;font-size:14px;font-weight:500;gap:8px;padding:14px 16px}.spinner-small{animation:spin .6s linear infinite;border:2px solid #bfdbfe;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}.shifts-grid-container{margin-top:20px}.shifts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.no-data-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:60px 40px;text-align:center}.no-data-card p{color:#9ca3af;font-size:16px;font-style:italic;margin:0}.shift-card{background:#fff;border-left:4px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .3s}.shift-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.shift-card.pending{background:linear-gradient(90deg,#fffbeb10 0,#fff 20%);border-left-color:#f59e0b}.shift-card.approved{background:linear-gradient(90deg,#f0fdf410 0,#fff 20%);border-left-color:#10b981}.shift-card.rejected{background:linear-gradient(90deg,#fef2f210 0,#fff 20%);border-left-color:#ef4444}.shift-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding:20px}.shift-freelancer-info h3{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 4px}.shift-freelancer-email{color:#6b7280;font-size:13px}.shift-card-body{padding:20px}.shift-info-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:16px}.shift-info-row:last-child{margin-bottom:0}.shift-info-item{display:flex;flex-direction:column;gap:6px}.shift-info-item label{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.shift-info-item label svg{font-size:14px}.shift-info-item span{color:#1a202c;font-size:15px;font-weight:500}.shift-hours{color:#3b82f6!important}.shift-cost,.shift-hours{font-size:18px!important;font-weight:700!important}.shift-cost{color:#10b981!important}.shift-description{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:16px}.shift-description label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.shift-description p{color:#4b5563;font-size:14px;line-height:1.6;margin:0}.shift-card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 20px}.shift-actions{display:flex;flex-wrap:wrap;gap:8px}.shifts-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-top:20px;overflow-x:auto}.shifts-list-table{border-collapse:initial;border-spacing:0;width:100%}.shifts-list-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6);position:-webkit-sticky;position:sticky;top:0;z-index:10}.shifts-list-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:700;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.shifts-list-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s}.shifts-list-table tbody tr:hover{background:#f9fafb;transform:scale(1.001)}.shifts-list-table tbody tr:last-child{border-bottom:none}.shifts-list-table td{color:#1a202c;font-size:14px;padding:16px 12px;vertical-align:middle}.table-row-pending{background:linear-gradient(90deg,#fffbeb20 0,#fff 10%);border-left:3px solid #f59e0b}.table-row-approved{background:linear-gradient(90deg,#f0fdf420 0,#fff 10%);border-left:3px solid #10b981}.table-row-rejected{background:linear-gradient(90deg,#fef2f220 0,#fff 10%);border-left:3px solid #ef4444}.td-freelancer{min-width:180px}.table-freelancer-cell{display:flex;flex-direction:column;gap:4px}.table-freelancer-cell strong{color:#1a202c;font-size:14px;font-weight:600}.table-freelancer-cell span{color:#6b7280;font-size:12px}.td-date{min-width:100px}.td-date,.td-time{white-space:nowrap}.td-time{font-family:Courier New,monospace;font-size:13px;min-width:130px}.td-hours{color:#3b82f6;font-weight:600;min-width:70px}.td-description{color:#4b5563;max-width:300px;min-width:150px}.td-rate{min-width:75px}.td-cost,.td-rate{white-space:nowrap}.td-cost{color:#10b981;font-weight:600;min-width:80px}.td-status{min-width:110px}.td-actions{min-width:140px}.table-action-btns{gap:6px}.btn-icon,.table-action-btns{align-items:center;display:flex}.btn-icon{background:#fff;border:1px solid;font-size:14px;height:32px;justify-content:center;width:32px}.btn-icon-approve{border-color:#10b981;color:#10b981}.btn-icon-approve:hover{background:#10b981;color:#fff}.btn-icon-reject{border-color:#ef4444;color:#ef4444}.btn-icon-reject:hover{background:#ef4444;color:#fff}.btn-icon-edit{border-color:#3b82f6;color:#3b82f6}.btn-icon-edit:hover{background:#3b82f6;color:#fff}.btn-icon-delete{border-color:#d1d5db;color:#6b7280}.btn-icon-delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}.no-data{font-size:16px;font-style:italic;padding:60px 40px!important}.shift-actions button{align-items:center;background:#fff;border:1px solid;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.shift-actions .btn-approve{background:#10b981;border-color:#10b981;color:#fff}.shift-actions .btn-approve:hover{background:#059669;border-color:#059669}.shift-actions .btn-reject{background:#ef4444;border-color:#ef4444;color:#fff}.shift-actions .btn-reject:hover{background:#dc2626;border-color:#dc2626}.shift-actions .btn-edit{background:#fff;border-color:#3b82f6;color:#3b82f6}.shift-actions .btn-edit:hover{background:#3b82f6;color:#fff}.shift-actions .btn-delete{background:#fff;border-color:#d1d5db;color:#6b7280}.shift-actions .btn-delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}.form-group input,.form-group textarea{border:1px solid #d1d5db;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-primary,.btn-secondary{font-weight:500;padding:10px 20px}.calendar-view{margin-top:30px}.calendar-title{color:#1a202c;font-size:20px;font-weight:600;margin-bottom:20px}.weeks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.week-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .3s}.week-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.week-card.paid{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#10b981}.week-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.week-header h3{color:#1a202c;font-size:16px;font-weight:600;margin:0}.week-header-actions{display:flex;flex-direction:column;gap:8px}.btn-mark-paid{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.btn-mark-paid:hover{background:#e5e7eb}.btn-mark-paid.paid{background:#10b981;border-color:#10b981;color:#fff}.btn-mark-paid.paid:hover{background:#059669}.btn-view-breakdown{align-items:center;background:#3b82f6;border:1px solid #3b82f6;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.btn-view-breakdown:hover{background:#2563eb;border-color:#2563eb}.week-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.week-stat{display:flex;flex-direction:column;gap:4px}.week-stat .stat-label{color:#6b7280;font-size:12px;font-weight:500}.week-stat .stat-value{color:#1a202c;font-size:20px;font-weight:700}.week-freelancers{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.freelancer-tag{background:#dbeafe;border-radius:6px;color:#1e40af;font-size:12px;font-weight:500;padding:4px 10px}.week-shifts-count{border-top:1px solid #e5e7eb;color:#6b7280;font-size:13px;padding-top:12px;text-align:center}[data-theme=dark] .mui-select{background:#1f2937;border-color:#374151;color:#f9fafb}[data-theme=dark] .mui-select:hover{background:#111827;border-color:#3b82f6}[data-theme=dark] .mui-select:focus{background:#111827}[data-theme=dark] .mui-select option{background:#1f2937;color:#f9fafb}[data-theme=dark] .filters-bar{background:#1f2937}[data-theme=dark] .stat-card{background:#1f2937;color:#f9fafb}[data-theme=dark] .week-card{background:#1f2937;border-color:#374151}[data-theme=dark] .week-card.paid{background:linear-gradient(135deg,#064e3b,#1f2937)}@media (max-width:768px){.filters-bar{flex-direction:column}.shift-info-row,.shifts-grid{grid-template-columns:1fr}.shift-actions{flex-direction:column}.shift-actions button{justify-content:center;width:100%}.week-stats,.weeks-grid{grid-template-columns:1fr}.mui-select{font-size:14px;padding:12px 14px}.week-header-actions{flex-direction:row}}.breakdown-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px #00000026;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.breakdown-header{align-items:flex-start;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:2px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.breakdown-header h2{font-size:24px;font-weight:700;margin:0 0 8px}.breakdown-period{font-size:14px;margin:0;opacity:.9}.close-modal-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s;width:36px}.close-modal-btn:hover{background:#ffffff4d}.breakdown-summary{grid-gap:20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:24px 32px}.summary-item{display:flex;flex-direction:column;gap:8px}.summary-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#1a202c;font-size:24px;font-weight:700}.breakdown-content{padding:32px}.breakdown-content h3{color:#1a202c;font-size:18px;font-weight:700;margin:0 0 24px}.day-breakdown{margin-bottom:32px}.day-breakdown:last-child{margin-bottom:0}.day-header{align-items:center;background:#f3f4f6;border-bottom:2px solid #3b82f6;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.day-header h4{color:#1a202c;font-size:16px;font-weight:600;margin:0}.day-totals{align-items:center;display:flex;gap:16px}.day-hours{color:#3b82f6;font-size:14px;font-weight:600}.day-cost{color:#10b981;font-size:16px;font-weight:700}.day-shifts{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none}.shift-row{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s}.shift-row:last-child{border-bottom:none}.shift-row:hover{background:#f9fafb}.shift-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.shift-freelancer{color:#1a202c;font-size:14px;font-weight:600}.shift-time{font-family:monospace}.shift-desc,.shift-time{color:#6b7280;font-size:13px}.shift-desc{font-style:italic}.shift-numbers{align-items:flex-end;display:flex;flex-direction:column;gap:6px;text-align:right}.shift-hours{color:#6b7280;font-size:12px}.shift-cost{color:#10b981;font-size:16px;font-weight:700}.breakdown-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}[data-theme=dark] .breakdown-modal{background:#1f2937}[data-theme=dark] .breakdown-header{background:linear-gradient(135deg,#1e40af,#1e3a8a)}[data-theme=dark] .breakdown-summary{background:#111827;border-bottom-color:#374151}[data-theme=dark] .summary-value{color:#f9fafb}[data-theme=dark] .day-header{background:#111827;border-bottom-color:#3b82f6}[data-theme=dark] .day-header h4{color:#f9fafb}[data-theme=dark] .day-shifts{background:#1f2937;border-color:#374151}[data-theme=dark] .shift-row:hover{background:#111827}[data-theme=dark] .shift-freelancer{color:#f9fafb}[data-theme=dark] .breakdown-footer{background:#111827;border-top-color:#374151}[data-theme=dark] .shift-card{background:#1f2937;border-left-color:#374151}[data-theme=dark] .shift-card.pending{background:linear-gradient(90deg,#fffbeb10 0,#1f2937 20%)}[data-theme=dark] .shift-card.approved{background:linear-gradient(90deg,#f0fdf410 0,#1f2937 20%)}[data-theme=dark] .shift-card.rejected{background:linear-gradient(90deg,#fef2f210 0,#1f2937 20%)}[data-theme=dark] .shift-card-header{border-bottom-color:#374151}[data-theme=dark] .shift-freelancer-info h3{color:#f9fafb}[data-theme=dark] .shift-freelancer-email,[data-theme=dark] .shift-info-item label{color:#9ca3af}[data-theme=dark] .shift-info-item span{color:#e5e7eb}[data-theme=dark] .shift-description{border-top-color:#374151}[data-theme=dark] .shift-description label{color:#9ca3af}[data-theme=dark] .shift-description p{color:#d1d5db}[data-theme=dark] .shift-card-footer{background:#111827;border-top-color:#374151}[data-theme=dark] .shift-actions .btn-edit{background:#1f2937;border-color:#3b82f6;color:#60a5fa}[data-theme=dark] .shift-actions .btn-edit:hover{background:#3b82f6;color:#fff}[data-theme=dark] .shift-actions .btn-delete{background:#1f2937;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .shift-actions .btn-delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}[data-theme=dark] .no-data-card,[data-theme=dark] .shifts-table-wrapper{background:#1f2937}[data-theme=dark] .shifts-list-table thead{background:linear-gradient(135deg,#111827,#1f2937)}[data-theme=dark] .shifts-list-table th{border-bottom-color:#374151;color:#e5e7eb}[data-theme=dark] .shifts-list-table tbody tr{border-bottom-color:#374151}[data-theme=dark] .shifts-list-table tbody tr:hover{background:#111827}[data-theme=dark] .shifts-list-table td{color:#e5e7eb}[data-theme=dark] .table-row-pending{background:linear-gradient(90deg,#fffbeb10 0,#1f2937 10%)}[data-theme=dark] .table-row-approved{background:linear-gradient(90deg,#f0fdf410 0,#1f2937 10%)}[data-theme=dark] .table-row-rejected{background:linear-gradient(90deg,#fef2f210 0,#1f2937 10%)}[data-theme=dark] .table-freelancer-cell strong{color:#f9fafb}[data-theme=dark] .table-freelancer-cell span{color:#9ca3af}[data-theme=dark] .td-description{color:#d1d5db}[data-theme=dark] .btn-icon{background:#1f2937}[data-theme=dark] .btn-icon-edit{border-color:#3b82f6;color:#60a5fa}[data-theme=dark] .btn-icon-edit:hover{background:#3b82f6;color:#fff}[data-theme=dark] .btn-icon-delete{border-color:#4b5563;color:#9ca3af}[data-theme=dark] .btn-icon-delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}[data-theme=dark] .mui-date-input{background:#1f2937;border-color:#374151;color:#e5e7eb}[data-theme=dark] .mui-date-input:focus,[data-theme=dark] .mui-date-input:hover{background:#111827;border-color:#3b82f6}[data-theme=dark] .fetching-indicator{background:#1e3a8a;color:#93c5fd}.freelancer-settings{background:#0000;margin:0 auto;max-width:1200px;padding:20px}.settings-header{background:#0000;box-shadow:none;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:0}.btn-save,.settings-header{align-items:center;border:none;display:flex}.btn-save{background:#3b82f6;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-save:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.rates-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:30px}.no-freelancers{color:#9ca3af;padding:60px 20px;text-align:center}.no-freelancers svg{color:#d1d5db;margin-bottom:20px}.no-freelancers p{color:#6b7280;font-size:18px;font-weight:600;margin:10px 0}.no-freelancers span{color:#9ca3af;font-size:14px}.rates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.rate-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.rate-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.freelancer-info{border-bottom:1px solid #e5e7eb;display:flex;gap:15px;margin-bottom:20px;padding-bottom:20px}.freelancer-avatar{object-fit:cover}.freelancer-avatar,.freelancer-avatar-initials{border:2px solid #e5e7eb;border-radius:50%;height:60px;width:60px}.freelancer-avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:24px;font-weight:600;justify-content:center}.freelancer-details{display:flex;flex:1 1;flex-direction:column;gap:5px}.freelancer-details h3{color:#1a202c;font-size:18px;margin:0}.freelancer-details p{color:#6b7280;font-size:13px;margin:0}.status-badge{width:-webkit-fit-content;width:fit-content}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.rate-input-group{display:flex;flex-direction:column;gap:10px}.rate-input-group label{color:#374151;font-size:14px;font-weight:600}.input-with-currency{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:8px;display:flex;padding:0 12px;transition:border-color .2s}.input-with-currency:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.currency-symbol{color:#6b7280;flex-shrink:0;font-size:16px;font-weight:600;margin-right:8px}.input-with-currency input{border:none;color:#1a202c;flex:1 1;font-size:18px;font-weight:600;min-width:80px;outline:none;padding:12px 0}.input-with-currency input::-webkit-inner-spin-button,.input-with-currency input::-webkit-outer-spin-button{opacity:1}.per-hour{color:#9ca3af;flex-shrink:0;font-size:14px;margin-left:8px;white-space:nowrap}@media (max-width:768px){.rates-grid{grid-template-columns:1fr}.settings-header{align-items:flex-start;flex-direction:column}.btn-save{justify-content:center;width:100%}}.freelancer-tasks{margin:0 auto;max-width:1400px;padding:20px}.tasks-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.header-left h1{color:#1a202c;margin:0 0 5px}.header-left p{color:#718096}.btn-primary{background:#3b82f6;font-weight:500}.btn-primary:hover{background:#2563eb}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border-left:4px solid #e5e7eb}.stat-card.pending{border-left-color:#f59e0b}.stat-card.progress{border-left-color:#3b82f6}.stat-card.completed{border-left-color:#10b981}.stat-card.total{border-left-color:#8b5cf6}.stat-card h3{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 10px}.stat-value{margin:0}.filters-bar{border-radius:12px;gap:20px}.filter-group{flex:1 1}.filter-group label{font-weight:500}.filter-group select{transition:border-color .2s}.filter-group select:focus{box-shadow:0 0 0 3px #3b82f61a}.tasks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.no-tasks{background:#fff;border-radius:12px;color:#9ca3af;grid-column:1/-1;padding:60px 20px;text-align:center}.no-tasks p{color:#6b7280;font-size:18px;font-weight:600;margin:0 0 10px}.no-tasks span{font-size:14px}.task-card{background:#fff;border-left:4px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:15px;padding:20px;transition:all .2s}.task-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.task-card.pending{border-left-color:#f59e0b}.task-card.in_progress{border-left-color:#3b82f6}.task-card.completed{border-left-color:#10b981;opacity:.85}.task-header{align-items:flex-start;display:flex;gap:10px}.priority-dot{border-radius:50%;flex-shrink:0;height:12px;margin-top:6px;width:12px}.task-header h3{color:#1a202c;flex:1 1;font-size:18px;line-height:1.4;margin:0}.task-actions-header{display:flex;gap:5px}.task-actions-header button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;padding:6px;transition:all .2s}.task-actions-header button:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.task-description{color:#4b5563;font-size:14px;line-height:1.6;margin:0}.task-meta{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:8px;padding-top:10px}.meta-item{color:#6b7280;font-size:13px}.meta-item strong{color:#374151;margin-right:5px}.meta-item.overdue{color:#ef4444;font-weight:500}.task-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding-top:10px}.status-badge{align-items:center;display:inline-flex;gap:4px}.task-actions{display:flex;gap:8px}.btn-complete,.btn-start{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.btn-start{background:#3b82f6;color:#fff}.btn-start:hover{background:#2563eb}.btn-complete{background:#10b981;color:#fff}.btn-complete:hover{background:#059669}.modal-content{max-width:600px}.modal-header{justify-content:center;padding:20px;position:relative}.modal-header button{background:none;font-size:20px;padding:5px;position:absolute;right:20px;top:20px}.modal-header button:hover{color:#1a202c}.modal-body{padding:20px}.form-group input,.form-group select,.form-group textarea{width:100%}.form-row{grid-gap:15px;gap:15px}.modal-footer{gap:10px;padding:20px}.btn-secondary{color:#6b7280}.loading-container{font-size:18px}@media (max-width:768px){.tasks-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.form-row{grid-template-columns:1fr}.tasks-header{align-items:flex-start;flex-direction:column}.btn-primary{justify-content:center;width:100%}}.school-activity-dashboard{background:#f8f9fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px;text-align:left}.activity-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;width:100%}.header-left{align-items:flex-start;flex:0 1 auto;flex-direction:column;justify-content:flex-start;text-align:left}.header-left h1{align-self:flex-start;color:#333;font-size:24px;font-weight:600;margin:0;padding:0;text-align:left}.week-navigator{align-items:center;align-self:flex-start;display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;width:auto}.week-nav-arrow{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:all .2s}.week-nav-arrow:hover{background:#f0f0f0;border-color:#ccc}.week-display{color:#666;font-size:14px;font-weight:500;min-width:200px;text-align:center}.header-actions{align-items:flex-start}.refresh-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d;font-size:14px;gap:8px;padding:10px 20px;position:relative;transform:none!important;transition:background .2s,box-shadow .2s}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166}.refresh-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.spinning{display:inline-flex;will-change:transform}.manual-check-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;box-shadow:0 2px 4px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.manual-check-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 8px #8b5cf666;transform:translateY(-1px)}.manual-check-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.copy-report-btn{align-items:center;background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.copy-report-btn:hover{background:#2980b9;transform:translateY(-1px)}.sync-data-btn{background:#25d366;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.sync-data-btn:hover{background:#22c55e;transform:translateY(-1px)}.sync-data-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.check-improvements-btn{background:#3b82f6;padding:10px 20px;transition:all .2s}.check-improvements-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.check-improvements-btn:disabled{background:#ccc}.recheck-24h-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.recheck-24h-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.recheck-24h-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.recheck-today-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.recheck-today-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.recheck-today-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.clear-stats-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.clear-stats-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.clear-stats-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.reimport-btn{background:#8b5cf6;padding:10px 20px;transition:all .2s}.reimport-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.reimport-btn:disabled{background:#ccc}.weeks-report-btn{background:#ff6b35;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.weeks-report-btn:hover{background:#ff4d1a;transform:translateY(-1px)}.leaderboard-header-controls{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;justify-content:space-between;margin-bottom:20px;padding:16px}.view-toggle{gap:8px}.toggle-btn{background:#f3f4f6;border:2px solid #e5e7eb;color:#4b5563;font-weight:600}.toggle-btn:hover{background:#e5e7eb;border-color:#d1d5db}.toggle-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.points-legend{color:#6b7280;display:flex;font-size:13px;gap:16px}.legend-item{font-weight:500;gap:4px}.modal-content{max-width:800px}.modal-header{border-bottom:1px solid #e9ecef}.modal-header h2{color:#333}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.modal-close-btn:hover{background:#f0f0f0;color:#333}.modal-body{display:flex;flex-direction:column;gap:24px}.export-btn{justify-content:center}.modal-body .export-btn{font-size:16px;margin-top:8px;padding:14px 24px;width:100%}.metric-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.metric-card{background:#fff;border-radius:8px;border-top:4px solid;box-shadow:0 1px 3px #0000001a;padding:20px;transition:transform .2s}.metric-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.metric-card.purple{border-top-color:#9b59b6}.metric-card.green{border-top-color:#2ecc71}.metric-card.red{border-top-color:#e74c3c}.metric-card.pink{border-top-color:#e91e63}.metric-card.orange{border-top-color:#f39c12}.metric-card.cyan{border-top-color:#00bcd4}.metric-card.green-alt{border-top-color:#27ae60}.metric-card.blue{border-top-color:#3498db}.metric-label{color:#666;font-size:13px;font-weight:500;margin-bottom:8px}.metric-value{color:#333;font-size:36px;font-weight:700;line-height:1}.metric-card.weekly-comparison{display:flex;flex-direction:column;gap:16px;padding:20px}.comparison-main{align-items:center;display:flex;gap:12px;justify-content:space-between}.comparison-stat{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.stat-label{color:#999}.stat-value{color:#333;font-size:32px}.comparison-arrow{color:#3498db;flex-shrink:0;font-size:28px;font-weight:700}.comparison-badge{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:80px;padding:8px 16px}.badge-value{font-size:24px;font-weight:700;line-height:1}.badge-value.positive{color:#2ecc71}.badge-value.negative{color:#e74c3c}.badge-value.neutral{color:#95a5a6}.badge-label{color:#666;font-size:10px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.comparison-vs{align-items:center;border-top:1px solid #e9ecef;display:flex;gap:8px;justify-content:center;padding-top:12px}.vs-label{color:#666;font-size:12px;font-weight:500}.vs-percentage{font-size:16px;font-weight:700}.vs-percentage.good{color:#2ecc71}.vs-percentage.bad{color:#e74c3c}.vs-percentage.neutral{color:#95a5a6}.import-baseline-btn{background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.import-baseline-btn:hover{background:#22c55e;box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.import-baseline-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.import-status{animation:slideIn .3s ease;border-radius:8px;font-weight:500;margin-bottom:20px;padding:16px}.import-status.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.import-status.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.import-status.info{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.weekly-leaderboard-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:0}.leaderboard-table-container{overflow-x:auto}.leaderboard-table{border-collapse:collapse;font-size:14px;width:100%}.leaderboard-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.leaderboard-table th{color:#495057;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.leaderboard-table tbody tr{border-bottom:1px solid #e9ecef;transition:background .2s}.leaderboard-table tbody tr:hover{background:#f8f9fa}.leaderboard-table tbody tr:last-child{border-bottom:none}.leaderboard-table td{color:#333;padding:16px 20px}.leaderboard-table .user-cell{font-weight:500}.leaderboard-table .user-name-cell{align-items:center;display:flex;gap:12px}.leaderboard-table .rank-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.leaderboard-table .points-cell{color:#2ecc71;font-size:16px;font-weight:700}.leaderboard-table .top-performer{background:#2ecc710d}.leaderboard-table .top-performer:hover{background:#2ecc711a}.activity-feed h2,.leaderboard-section h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;gap:10px;margin:0 0 20px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-small);padding:20px;transition:all .2s}.activity-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.activity-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.user-info{align-items:center;gap:10px}.user-icon{color:#25d366;font-size:18px}.user-info strong{color:var(--text-primary);font-size:15px}.timestamp{color:var(--text-tertiary);font-size:13px}.leaderboard-header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.copy-leaderboard-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 4px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.copy-leaderboard-btn:hover{box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.issues-resolved-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:20px;color:#22c55e;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.activity-details{display:flex;flex-direction:column;gap:10px}.school-link{align-items:center;display:flex;gap:10px}.school-link a{color:#25d366;font-size:15px;font-weight:600;text-decoration:none}.school-link a:hover{text-decoration:underline}.la-badge{background:var(--bg-tertiary);border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.changes-summary,.la-badge{color:var(--text-secondary)}.changes-summary{border-left:3px solid #25d366;font-size:14px;padding-left:8px}.resolved-issues{color:#22c55e;display:flex;font-size:13px;gap:6px}.resolved-issues strong{color:var(--text-primary)}.remaining-issues{color:#f59e0b;display:flex;font-size:13px;gap:6px}.remaining-issues strong{color:var(--text-primary)}.leaderboard-table{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-small);overflow:hidden}.leaderboard-header{background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.leaderboard-header,.leaderboard-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:80px 1fr 150px 150px 120px;padding:16px 20px}.leaderboard-row{align-items:center;border-bottom:1px solid var(--border-color);transition:all .2s}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:var(--bg-tertiary)}.leaderboard-row.top-3{background:linear-gradient(90deg,#25d3660d,#0000);font-weight:500}.leaderboard-row .rank{color:var(--text-primary);font-size:20px;font-weight:700;text-align:center}.leaderboard-row .name{color:var(--text-primary);font-size:15px;font-weight:500}.leaderboard-row .stat{color:var(--text-secondary);font-size:14px;text-align:center}.leaderboard-row .points{color:#25d366;font-size:16px;font-weight:700;text-align:right}.empty-state,.empty-state svg{color:var(--text-tertiary)}.empty-state svg{margin-bottom:20px}.empty-state p{font-size:18px;margin:0 0 8px}.empty-state small{color:var(--text-tertiary);font-size:14px}.loading-state{text-align:center}.loading-spinner{border:4px solid var(--border-color);border-top:4px solid #25d366;height:48px;margin:0 auto 20px;width:48px}.reports-section{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-small);padding:30px}.reports-section h2{align-items:center;color:var(--text-primary);display:flex;gap:10px;margin:0 0 24px}.export-controls{align-items:flex-end;background:var(--bg-tertiary);border-radius:8px;display:flex;gap:20px;margin-bottom:30px;padding:20px}.date-inputs{display:flex;flex:1 1;gap:16px}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-input-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.date-input-group input[type=date]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 14px;transition:border-color .2s}.date-input-group input[type=date]:focus{border-color:#25d366;outline:none}.check-improvements-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 6px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.check-improvements-btn:hover{box-shadow:0 6px 12px #10b98166;transform:translateY(-2px)}.check-improvements-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reimport-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 6px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.reimport-btn:hover{box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}.reimport-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.report-info{background:#25d3660d;border:1px solid #25d36633;border-radius:8px;margin-bottom:30px;padding:20px}.report-info h3{font-size:16px;margin:0 0 12px}.report-info ul{color:var(--text-secondary);margin:0;padding-left:20px}.report-info li{font-size:14px;margin:8px 0}.daily-snapshots-section{margin-top:30px}.daily-snapshots-section h3{color:var(--text-primary);font-size:18px;margin:0 0 16px}.snapshots-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.snapshot-header{background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase}.snapshot-header,.snapshot-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:120px 1fr 1fr 100px 120px 120px}.snapshot-row{align-items:center;border-bottom:1px solid var(--border-color);padding:14px 20px;transition:all .2s}.snapshot-row:last-child{border-bottom:none}.snapshot-row:hover{background:var(--bg-tertiary)}.snapshot-date{color:var(--text-primary);font-weight:500}.completion-rate{color:#25d366;font-weight:700}.positive-change{color:#22c55e;font-weight:600}.negative-change{color:#ef4444;font-weight:600}.progress-card{display:flex;flex-direction:column;gap:12px}.progress-stats{color:#666;display:flex;font-size:13px;justify-content:space-between}.progress-complete{color:#10b981;font-weight:600}.progress-remaining{color:#f59e0b;font-weight:600}.progress-bar-container{background:#e5e7eb;border-radius:12px;height:24px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:12px;transition:width .6s ease}.progress-percentage{color:#333;font-size:16px;font-weight:700;text-align:center}.metric-subtitle{color:#999;font-size:12px;margin-top:4px}.live-logs-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:24px;padding:24px}.logs-header{border-bottom:2px solid #e5e7eb;margin-bottom:20px;padding-bottom:12px}.logs-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.logs-header h2,.logs-info{align-items:center;display:flex}.logs-info{gap:16px}.logs-count{color:#666}.logs-count,.refresh-logs-btn{font-size:14px;font-weight:500}.refresh-logs-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 16px;transition:all .2s}.refresh-logs-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.refresh-logs-btn:disabled{cursor:not-allowed;opacity:.6}.logs-loading{color:#666;padding:40px;text-align:center}.logs-table-container{overflow-x:auto}.logs-table{border-collapse:collapse;font-size:14px;width:100%}.logs-table thead{background:#f9fafb}.logs-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:left}.logs-table td{border-bottom:1px solid #f3f4f6;color:#4b5563;padding:12px}.logs-table tbody tr:hover{background:#f9fafb}.time-cell{color:#6b7280;font-family:monospace;white-space:nowrap}.change-type-cell{font-size:12px;font-weight:600;text-transform:uppercase}.change-type-cell.update{color:#3b82f6}.change-type-cell.insert{color:#10b981}.change-type-cell.delete{color:#ef4444}.field-cell,.value-cell{font-family:monospace;font-size:12px}.value-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.old-value{background:#fee2e2;color:#ef4444}.new-value,.old-value{border-radius:4px;padding:4px 8px}.new-value{background:#d1fae5;color:#10b981}.logs-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:16px 0;overflow:hidden}.logs-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.logs-header:hover{background:#f3f4f6}.logs-toggle{color:#6b7280;font-size:12px}.logs-content{background:#1f2937;font-family:Consolas,Monaco,monospace;font-size:13px;max-height:400px;overflow-y:auto;padding:8px}.log-entry{animation:fadeIn .3s ease-in;border-radius:4px;margin:2px 0;padding:6px 12px}.log-time{min-width:90px}.log-message{color:#e5e7eb}.log-entry.log-success{background:#10b9811a;border-left:3px solid #10b981}.log-entry.log-success .log-message{color:#6ee7b7}.log-entry.log-error{background:#ef44441a;border-left:3px solid #ef4444}.log-entry.log-error .log-message{color:#fca5a5}.log-entry.log-info{background:#3b82f60d;border-left:3px solid #3b82f6}.log-entry.log-info .log-message{color:#bfdbfe}@media (max-width:768px){.activity-header{gap:16px}.activity-header,.header-left{align-items:flex-start;flex-direction:column}.header-left{gap:12px;width:100%}.week-navigator{justify-content:space-between;width:100%}.header-actions{flex-direction:column;gap:8px;width:100%}.check-improvements-btn,.clear-stats-btn,.copy-report-btn,.recheck-24h-btn,.reimport-btn,.sync-data-btn,.weeks-report-btn{width:100%}.metric-cards-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.metric-value{font-size:28px}.stat-value{font-size:24px}.comparison-arrow{font-size:22px}.badge-value{font-size:20px}.comparison-badge{min-width:70px;padding:6px 12px}.vs-percentage{font-size:14px}.leaderboard-table td,.leaderboard-table th{font-size:13px;padding:12px}.leaderboard-table .points-cell{font-size:14px}.leaderboard-header-controls{flex-direction:column;gap:12px}.view-toggle{width:100%}.toggle-btn{flex:1 1;justify-content:center}.points-legend{flex-wrap:wrap;justify-content:center}.modal-content{max-height:85vh;width:95%}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-body{padding:20px}.activity-tabs{flex-direction:column;gap:0}.activity-tabs .tab{border-bottom:1px solid var(--border-color);border-left:3px solid #0000;justify-content:flex-start}.activity-tabs .tab.active{border-bottom-color:var(--border-color);border-left-color:#25d366}.leaderboard-header,.leaderboard-row{font-size:12px;gap:12px;grid-template-columns:60px 1fr 80px}.leaderboard-header .stat:first-of-type,.leaderboard-row .stat:first-of-type{display:none}.leaderboard-row .rank{font-size:16px}.leaderboard-row .points{font-size:14px}.export-controls{align-items:stretch}.date-inputs,.export-controls{flex-direction:column}.export-btn{width:100%}.snapshot-header,.snapshot-row{font-size:11px;gap:8px;grid-template-columns:100px 60px 60px 50px}.snapshot-header span:nth-child(5),.snapshot-header span:nth-child(6),.snapshot-row span:nth-child(5),.snapshot-row span:nth-child(6){display:none}}.reports-container{margin:0 auto;max-width:1400px;padding:24px}.reports-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.reports-header .header-content h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 8px}.reports-header .header-content p{color:var(--text-secondary);font-size:1rem;margin:0}.add-report-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.add-report-btn:hover{background:var(--whatsapp-green-hover);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.reports-controls{align-items:center;display:flex;gap:16px;margin-bottom:24px}.reports-controls .search-box{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;gap:12px;padding:12px 16px;position:relative;transition:all .2s}.reports-controls .search-box:focus-within{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a}.reports-controls .search-box svg{color:var(--text-secondary);flex-shrink:0}.reports-controls .search-box input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:1rem;outline:none}.reports-controls .search-box input::placeholder{color:var(--text-secondary)}.reports-controls .clear-search{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.reports-controls .clear-search:hover{background:#f3f4f6;color:var(--text-primary)}.week-compare-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.week-compare-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.reports-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.report-card{background:#fff;padding:24px}.report-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.report-card.prebuilt{border-left:4px solid #3b82f6}.report-card.custom{border-left:4px solid var(--whatsapp-green)}.report-card-header{gap:16px;margin-bottom:20px}.report-icon{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;font-size:24px;height:48px;width:48px}.report-card.prebuilt .report-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.report-info{min-width:0}.report-info h3{font-size:1.125rem;margin:0 0 8px}.report-info p{font-size:.875rem}.badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge.prebuilt{background:#dbeafe;color:#1e40af}.badge.custom{background:#d1fae5;color:#065f46}.report-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.report-actions .btn-danger,.report-actions .btn-primary,.report-actions .btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.report-actions .btn-primary{background:var(--whatsapp-green);color:#fff}.report-actions .btn-primary:hover:not(:disabled){background:var(--whatsapp-green-hover)}.report-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6}.report-actions .btn-secondary{background:#f3f4f6;color:var(--text-primary)}.report-actions .btn-secondary:hover{background:#e5e7eb}.report-actions .btn-danger{background:#fee2e2;color:#dc2626}.report-actions .btn-danger:hover{background:#fecaca}.report-results{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.results-meta{align-items:center;font-size:.875rem;justify-content:space-between;margin-bottom:12px}.results-table-wrapper{border:1px solid var(--border-color);border-radius:8px;max-height:400px;overflow:auto}.results-table{border-collapse:collapse;font-size:.875rem;width:100%}.results-table thead{background:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:1}.results-table th{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:12px;text-align:left;text-transform:capitalize;white-space:nowrap}.results-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:12px}.results-table tbody tr:hover{background:#f9fafb}.results-table tbody tr:last-child td{border-bottom:none}.error-message{font-size:.875rem;padding:12px}.empty-results{font-style:italic;padding:32px}.report-modal{max-height:90vh;max-width:800px;overflow-y:auto}.form-hint{font-size:.75rem;line-height:1.4;margin-top:8px}.reports-container .loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner-large{border:4px solid #f3f4f6;border-top:4px solid var(--whatsapp-green)}@media (max-width:768px){.reports-grid{grid-template-columns:1fr}.reports-controls,.reports-header{flex-direction:column}.reports-controls{align-items:stretch}.week-compare-btn{justify-content:center;width:100%}.report-actions{flex-direction:column}.report-actions .btn-danger,.report-actions .btn-primary,.report-actions .btn-secondary{justify-content:center;width:100%}}.filter-modal{max-width:500px}.filter-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px}.filter-description,.filter-preview{background:var(--bg-secondary);border-radius:8px;padding:12px}.filter-preview{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.filter-preview strong{color:var(--text-primary);margin-right:8px}.filter-tag{align-items:center;background:var(--whatsapp-green);border-radius:12px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;padding:4px 12px}.loading-filters{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-filters p{color:var(--text-secondary);font-size:.9rem;margin-top:16px}.form-hint{color:var(--text-secondary);display:block;font-size:.85rem;margin-top:6px}.edit-sql-modal{max-height:90vh;max-width:900px}.edit-sql-info{background:var(--bg-secondary);border-radius:8px;margin-bottom:20px;padding:12px}.edit-sql-info strong{color:var(--text-primary);display:block;font-size:1.1rem;margin-bottom:8px}.warning-text{background:#fef3c7;border-radius:6px;color:#92400e;font-size:.9rem;margin:8px 0 0;padding:8px 12px}.sql-editor{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;padding:12px;resize:vertical;width:100%}.sql-editor:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.column-customizer-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.column-selector{background:var(--bg-secondary);border-radius:8px;margin-top:16px;padding:16px}.column-selector p{color:var(--text-primary);margin-bottom:12px}.column-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.column-chip{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s}.column-chip:hover{background:var(--bg-hover);border-color:var(--whatsapp-green)}.column-chip.selected{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.stats-dashboard{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:var(--bg-secondary)}.stat-icon{background:var(--whatsapp-green);font-size:1.5rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.875rem}.reports-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:8px;margin-bottom:20px;overflow-x:auto}.reports-tabs .tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s;white-space:nowrap}.reports-tabs .tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.reports-tabs .tab.active{border-bottom-color:var(--whatsapp-green);color:var(--whatsapp-green)}.category-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.filter-chip:hover{background:var(--bg-hover);border-color:var(--whatsapp-green)}.filter-chip.active{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.report-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;height:100%;padding:20px;transition:all .2s}.report-card:hover{border-color:var(--whatsapp-green);box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.report-card-header{display:flex;gap:12px;margin-bottom:16px}.report-icon{align-items:center;background:var(--whatsapp-green);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.report-info{flex:1 1}.report-info h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 6px}.report-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 8px}.report-status{border-radius:8px;font-size:.85rem;font-weight:500;margin-top:12px;padding:8px 12px}.status-success{background:#d1fae5;color:#065f46}.status-error{background:#fee2e2;color:#991b1b}.status-empty{background:#f5f5f4;color:#78716c}.empty-state{color:var(--text-secondary)}.empty-state h3{margin:16px 0 8px}.results-modal{display:flex;flex-direction:column;max-height:90vh;max-width:1200px}.results-modal .modal-body{max-height:calc(90vh - 140px);overflow-y:auto}.results-meta{background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.9rem;gap:16px;margin-bottom:16px;padding:12px}.results-meta strong{color:var(--text-primary)}.empty-results{color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-results p{font-size:1rem;margin-top:16px}.school-issues-container{background:#f8f9fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px}.issues-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-content h1{align-items:center;color:#333;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.header-content h1 svg{color:#ef4444}.subtitle{color:#666}.refresh-btn{background:#3b82f6;border-radius:8px;font-size:18px;font-weight:500;height:40px;padding:10px;width:40px}.refresh-btn:hover{background:#2563eb;transform:translateY(-1px)}.tabs-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:0;margin-bottom:20px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.tab-btn:hover{background:#f3f4f6;color:#374151}.tab-btn.active{background:#3b82f6;color:#fff}.export-btn{background:#10b981;border-radius:6px;font-weight:500}.export-btn:hover{background:#059669}.export-detailed-btn{align-items:center;background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.export-detailed-btn:hover{background:#7c3aed;transform:translateY(-1px)}.filters-bar{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.search-box{margin-bottom:16px}.search-box input{border:1px solid #d1d5db;border-radius:6px}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-buttons{align-items:center;flex-wrap:wrap}.filter-buttons button{background:#f3f4f6;border-radius:6px;color:#4b5563;font-weight:500;transition:all .2s}.filter-buttons button:hover{background:#e5e7eb}.filter-buttons button.active{background:#3b82f6;border-color:#3b82f6}.results-count{color:#666;font-weight:500;margin-bottom:16px}.empty-state{border-radius:8px;color:#666}.empty-state h3{color:#333}.schools-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.schools-table{border-collapse:collapse;font-size:14px;width:100%}.schools-table thead{background:#f9fafb}.schools-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.schools-table td{border-bottom:1px solid #f3f4f6;color:#4b5563;padding:12px 16px}.schools-table tbody tr:hover{background:#f9fafb}.school-name-cell{color:#111827;font-weight:500}.issues-cell{min-width:200px}.issue-badges{display:flex;flex-wrap:wrap;gap:6px}.issue-badge{background:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.issue-badge.issue-duplicate{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.issue-badge.issue-missing{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.issue-count-badge{align-items:center;background:#ef4444;border-radius:14px;color:#fff;display:inline-flex;font-size:13px;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:0 8px}.log-duration{background:#f3e8ff;border-radius:4px;color:#8b5cf6;font-size:12px;font-weight:600;padding:4px 8px}.fixed-badge-cell{display:flex;flex-direction:column;gap:4px}.fixed-badge{background:#d1fae5;border-radius:4px;color:#065f46;display:inline-block;font-size:13px;font-weight:700;padding:6px 12px}.last-checked-date{color:#6b7280;font-size:11px;font-style:italic}.open-url-btn{align-items:center;background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.open-url-btn:hover{background:#059669;transform:translateY(-1px)}.loading-state{color:#666;padding:60px 20px}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6}@media (max-width:768px){.issues-header{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{flex-direction:row;flex-wrap:wrap;width:100%}.refresh-btn{flex-shrink:0;height:40px;width:40px}.export-btn,.export-detailed-btn{flex:1 1;justify-content:center;min-width:140px}.filters-bar{padding:16px}.filter-buttons{font-size:12px}.filter-buttons button{padding:6px 12px}.schools-table-container{overflow-x:auto}.schools-table{min-width:800px}}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff26 50%,#ffffff0d);background-size:200% 100%;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-nav-button,.skeleton-nav-section{border-radius:10px;height:44px;margin-bottom:8px}.skeleton-nav-section{margin-top:16px}.skeleton-nav-sub-item{border-radius:8px;height:40px;margin-bottom:6px;margin-left:24px;width:calc(100% - 24px)}.skeleton-logo{border-radius:8px;height:48px;margin-bottom:24px;width:120px}.skeleton-user-avatar{border-radius:50%;height:36px;width:36px}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14 50%,#ffffff08);background-size:200% 100%}.collapsed .skeleton-nav-button,.collapsed .skeleton-nav-section{margin-left:auto;margin-right:auto;width:44px}.collapsed .skeleton-nav-sub-item{display:none}.leads-board{width:100%}.board-stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.board-stats-row .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;border-top:4px solid;padding:20px;text-align:center}.board-stats-row .stat-card h4{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 8px}.board-stats-row .stat-card .stat-number{color:#1f2937;font-size:32px;font-weight:700;margin:0}.board-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.board-column{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;min-height:500px;padding:0}.column-header{align-items:center;background:#f9fafb;border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;border-top:4px solid;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.column-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.column-count{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;color:#1f2937;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.column-leads{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.board-lead{animation:fadeIn .3s ease;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:move;padding:16px;transition:all .2s ease}.board-lead:hover{border-color:#10b981;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.board-lead:active{cursor:grabbing;opacity:.8;transform:scale(1.02)}.lead-board-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.lead-board-header .lead-name{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:600;gap:8px}.lead-board-header .lead-name svg{color:#10b981;height:16px;width:16px}.delete-lead-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.delete-lead-btn:hover{background:#fef2f2;border-color:#ef4444}.delete-lead-btn svg{height:14px;width:14px}.lead-board-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.detail-item{align-items:center;color:#4b5563;display:flex;font-size:13px;gap:8px}.detail-item svg{color:#9ca3af;flex-shrink:0;height:14px;width:14px}.detail-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-board-meta{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px;padding-top:12px}.campaign-tag{background:#f3e8ff;color:#7c3aed;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-tag,.contact-method{border-radius:12px;font-size:11px;padding:4px 10px}.contact-method{align-items:center;background:#f3f4f6;color:#6b7280;display:flex;font-weight:500;gap:4px;text-transform:capitalize}.contact-method svg{height:12px;width:12px}.lead-board-footer{align-items:center;display:flex;justify-content:flex-start}.submitted-date{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:6px}.submitted-date svg{height:12px;width:12px}.empty-column{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:14px;justify-content:center;padding:40px 20px}@media (max-width:1400px){.board-columns,.board-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.board-columns{grid-template-columns:1fr}.board-stats-row{grid-template-columns:repeat(2,1fr)}.board-column{min-height:300px}}@media (max-width:480px){.board-stats-row{grid-template-columns:1fr}}.leads-dashboard{margin:0 auto;max-width:1600px;padding:32px}.leads-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.leads-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.leads-header p{color:#6b7280;font-size:14px;margin:0}.view-toggle{background:#f3f4f6;gap:0}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.toggle-btn:hover{color:#1f2937}.toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.toggle-btn svg{height:16px;width:16px}.export-btn{padding:12px 24px;transition:all .2s}.export-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{border:1px solid #e5e7eb;transition:all .2s}.stat-icon{color:#fff;height:56px;width:56px}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.new{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.contacted{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.converted{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-details{gap:4px}.search-section{margin-bottom:16px}.filters-section,.search-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.search-box{position:relative;width:100%}.search-box svg{height:18px;left:14px;position:absolute;width:18px}.search-box input{border:2px solid #e5e7eb;padding:10px 14px 10px 42px;transition:all .2s}.filter-group{flex-wrap:wrap;width:100%}.filter-group select{border:2px solid #e5e7eb;flex:1 1;min-width:200px;padding:10px 14px;transition:all .2s}.leads-count{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:16px}.leads-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.leads-table{border-collapse:collapse;width:100%}.leads-table thead{background:#f9fafb}.leads-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:16px;text-align:left}.leads-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:16px}.leads-table tbody tr:hover{background:#f9fafb}.contact-method,.lead-email,.lead-name,.lead-role,.lead-school,.submitted-date{align-items:center;display:flex;gap:8px}.contact-method svg,.lead-email svg,.lead-name svg,.lead-role svg,.lead-school svg,.submitted-date svg{color:#9ca3af;height:16px;width:16px}.campaign-badge{background:#ede9fe;border-radius:12px;color:#7c3aed;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.status-select{border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.status-select.new{background:#fef3c7;border-color:#fcd34d;color:#d97706}.status-select.contacted{background:#dbeafe;border-color:#93c5fd;color:#2563eb}.status-select.converted{background:#d1fae5;border-color:#6ee7b7;color:#059669}.status-select.lost{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.status-select:focus{box-shadow:0 0 0 3px #10b9811a;outline:none}.delete-btn{background:#fef2f2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;padding:8px;transition:all .2s}.delete-btn:hover{background:#fee2e2}.delete-btn svg{height:16px;width:16px}.leads-loading,.no-leads{color:#6b7280;padding:60px 20px;text-align:center}@media (max-width:1200px){.leads-table-container{overflow-x:auto}.leads-table{min-width:1000px}}@media (max-width:768px){.leads-dashboard{padding:20px}.leads-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-row{grid-template-columns:repeat(2,1fr)}.filters-section,.search-section{padding:16px}.filter-group{flex-direction:column}.filter-group select{min-width:100%;width:100%}}@media (max-width:480px){.stats-row{grid-template-columns:1fr}}.campaign-manager{margin:0 auto;max-width:1400px;padding:32px}.campaign-header h1{color:#1f2937;margin:0 0 8px}.create-campaign-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.create-campaign-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.campaign-search{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;margin-bottom:24px;padding:0 16px;position:relative;transition:all .2s}.campaign-search:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.campaign-search .search-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:15px;outline:none;padding:16px 12px}.campaign-search .search-input::placeholder{color:#9ca3af}.campaign-search .clear-search{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:24px;line-height:1;padding:6px 10px;transition:all .2s}.campaign-search .clear-search:hover{color:#1f2937}.campaigns-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.campaign-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s}.campaign-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.campaign-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.campaign-card-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.campaign-actions{display:flex;gap:8px}.action-btn{background:#f3f4f6;border:none;color:#374151;font-size:13px;padding:6px 12px;transition:all .2s}.action-btn:hover{background:#e5e7eb}.action-btn.danger{color:#dc2626}.action-btn.danger:hover{background:#fef2f2}.campaign-details{margin-bottom:16px}.campaign-title{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.campaign-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.campaign-stats{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;display:flex;gap:16px;margin-bottom:16px;padding:16px 0}.stat{flex-direction:column;gap:4px}.stat-label{font-weight:500}.stat-value{color:#1f2937}.status-badge{padding:4px 12px}.status-badge.active{color:#059669}.status-badge.inactive{background:#fee2e2;color:#dc2626}.campaign-link{margin-top:16px}.campaign-link input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-family:monospace;font-size:13px;padding:8px 12px;width:100%}.campaign-manager-loading{color:#6b7280;padding:60px 20px;text-align:center}.modal-overlay{background:#0009}.modal-content{box-shadow:0 20px 60px #0000004d;max-width:700px}.modal-header{padding:24px 32px}.modal-header h2{color:#1f2937}.close-btn{color:#6b7280;font-size:32px;height:32px;line-height:1;padding:0;width:32px}.close-btn:hover{color:#1f2937}.modal-content form{padding:32px}.form-section{margin-bottom:32px}.form-section h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-group input[type=text],.form-group input[type=url],.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #10b9811a}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.color-input-group{align-items:center;display:flex;gap:12px}.color-input-group input[type=color]{border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;height:40px;width:60px}.color-input-group input[type=text]{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-family:monospace;font-size:14px;padding:10px 14px}.modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;padding-top:24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-secondary{background:#f3f4f6}.btn-secondary:hover{background:#e5e7eb}.no-campaigns{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;grid-column:1/-1;padding:80px 20px;text-align:center}.no-campaigns p{color:#6b7280;font-size:16px;margin:0 0 16px}.clear-search-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.clear-search-btn:hover{background:#059669}.search-results-count{color:#6b7280;font-size:14px;margin-top:24px;padding:16px;text-align:center}@media (max-width:768px){.campaign-manager{padding:20px}.campaign-header{align-items:flex-start;flex-direction:column;gap:16px}.campaigns-grid,.form-row{grid-template-columns:1fr}.modal-content{max-width:100%}.modal-content form{padding:20px}}.wizard-page{background:#fff!important;bottom:0;left:0;min-height:100vh;overflow-y:auto;position:absolute;right:0;top:0}.wizard-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.wizard-header-left{align-items:center;display:flex;gap:20px}.wizard-header-left h1{color:#111827;font-size:20px;font-weight:600;margin:0}.back-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px;transition:all .15s}.back-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.back-btn svg{height:18px;width:18px}.wizard-header-right{display:flex;gap:12px}.icon-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .15s;white-space:nowrap}.icon-btn:hover{background:#f9fafb;border-color:#9ca3af}.icon-btn.danger{border-color:#fecaca;color:#ef4444}.icon-btn.danger:hover{background:#fef2f2;border-color:#ef4444}.icon-btn svg{flex-shrink:0;height:16px;width:16px}.wizard-container{background:#fff;margin:0 auto;max-width:800px;min-height:calc(100vh - 80px);padding:40px 20px}.step-bar{display:flex;justify-content:space-between;margin-bottom:48px;position:relative}.step-bar:before{background:#e5e7eb;content:"";height:2px;left:0;position:absolute;right:0;top:18px;z-index:0}.step-item{flex:1 1;flex-direction:column;gap:8px;position:relative;z-index:1}.step-circle,.step-item{align-items:center;display:flex}.step-circle{background:#fff;border:2px solid #e5e7eb;border-radius:50%;color:#9ca3af;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:all .2s;width:36px}.step-item.active .step-circle,.step-item.completed .step-circle{background:#10b981;border-color:#10b981;color:#fff}.step-circle svg{height:18px;width:18px}.step-label{color:#9ca3af;font-size:13px;font-weight:500}.step-item.active .step-label{color:#111827;font-weight:600}.step-item.completed .step-label{color:#10b981}.wizard-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.form-content{padding:40px}.form-content h2{border-bottom:2px solid #f3f4f6;color:#111827;font-size:20px;font-weight:600;margin:0 0 32px;padding-bottom:16px}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:500}.form-group input[type=text],.form-group input[type=url],.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .15s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#10b981}.form-group textarea{line-height:1.5}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:6px}.color-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.color-input{align-items:center;display:flex;gap:10px}.color-input input[type=color]{border:1px solid #d1d5db;border-radius:6px;cursor:pointer;height:38px;width:50px}.color-input input[type=text]{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-family:monospace;font-size:13px;padding:10px 12px}.color-preview{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:20px}.preview-label{color:#6b7280;font-size:13px;font-weight:500}.wizard-nav{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:20px 40px}.btn{border:1px solid;border-radius:6px;flex-direction:row;padding:10px 20px;transition:all .15s;white-space:nowrap}.btn svg{flex-shrink:0;height:16px;width:16px}.btn-primary{border-color:#10b981}.btn-primary:hover{border-color:#059669}.btn-success{background:#10b981;border-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669;border-color:#059669}.btn-success:disabled{cursor:not-allowed;opacity:.5}.btn-ghost,.btn-secondary{border-color:#d1d5db}.btn-ghost{background:#fff;color:#6b7280;margin-left:auto}.btn-ghost:hover{background:#f9fafb;border-color:#9ca3af}.wizard-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.spinner{border:3px solid #e5e7eb}@media (max-width:768px){.wizard-header{padding:16px 20px}.wizard-header-left{gap:12px}.wizard-header-left h1{font-size:16px}.wizard-container{padding:24px 16px}.form-content{padding:24px 20px}.wizard-nav{flex-wrap:wrap;padding:16px 20px}.color-row{grid-template-columns:1fr}.step-label{font-size:11px}.step-circle{font-size:12px;height:32px;width:32px}.color-preview{align-items:flex-start;flex-direction:column}}.campaign-analytics{background:#f8f9fa;background:var(--bg-primary,#f8f9fa);min-height:100vh;overflow-x:hidden;padding:24px 32px}[data-theme=dark] .campaign-analytics{background:var(--bg-primary);color:var(--text-primary)}.campaign-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.campaign-header h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 4px}.campaign-header p{color:#6b7280;font-size:14px;margin:0}.upload-section{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:600px;padding:40px 0}.upload-card{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;padding:48px;text-align:center;transition:all .3s ease}.upload-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.upload-icon{color:#10b981;font-size:48px;margin-bottom:16px}.upload-card h3{color:#111827;font-size:20px;font-weight:600;margin:0 0 8px}.upload-card p{color:#6b7280;font-size:14px;margin:0 0 24px}.upload-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.upload-btn:hover{background:#059669;transform:translateY(-1px)}.file-info{align-items:center;color:#10b981;display:flex;font-weight:600;gap:8px;justify-content:center;margin-top:16px}.process-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .2s ease}.process-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.process-btn:disabled{cursor:not-allowed;opacity:.6}.stats-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{padding:24px}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-icon-wrapper{border-radius:12px;font-size:24px;height:56px;width:56px}.stat-detail{color:#9ca3af;font-size:12px}.data-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.search-box{min-width:300px}.search-box input{border:1px solid #e5e7eb;border-radius:8px;padding:10px 16px;transition:all .2s ease}.search-box input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.filter-buttons{display:flex;gap:8px}.filter-buttons button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.filter-buttons button:hover{background:#f9fafb;border-color:#d1d5db}.filter-buttons button.active{background:#10b981;border-color:#10b981;color:#fff}.export-btn,.export-buttons{display:flex;gap:8px}.export-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.export-btn:hover{background:#2563eb}.export-btn.export-by-desk{background:#10b981}.export-btn.export-by-desk:hover{background:#059669}.data-table thead{border-bottom:2px solid #e5e7eb}.data-table th{font-weight:700;white-space:nowrap}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr.bounced-row{background:#fef2f2}.data-table tbody tr.bounced-row:hover{background:#fee2e2}.data-table td{padding:14px 16px}.email-cell{color:#3b82f6;font-family:Courier New,monospace}.metric-cell{text-align:center}.badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px}.badge.opens{background:#dbeafe;color:#1e40af}.badge.clicks{background:#dcfce7;color:#166534}.status-cell{text-align:center}.status-badge.clicked{background:#dcfce7;color:#166534}.status-badge.opened{background:#dbeafe;color:#1e40af}.status-badge.delivered{background:#e0e7ff;color:#4338ca}.status-badge.bounced{background:#fee2e2;color:#991b1b}.status-badge.pending{background:#f3f4f6;color:#6b7280}.table-footer{background:#f9fafb;border-top:1px solid #e5e7eb;color:#6b7280;font-size:13px;padding:12px 16px;text-align:center}@media (max-width:1024px){.campaign-analytics{padding:16px}.stats-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.data-table-container{overflow-x:auto}.data-table{min-width:1000px}}.campaign-header-actions{align-items:center;display:flex;gap:12px}.back-to-list-btn,.check-new-campaign-btn,.open-brevo-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #10b98133;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.check-new-campaign-btn{background:#10b981;color:#fff}.check-new-campaign-btn:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-2px)}.back-to-list-btn{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;color:#374151}.back-to-list-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.open-brevo-btn{background:#667dff;box-shadow:0 2px 4px #667dff33;color:#fff}.open-brevo-btn:hover{background:#5568e5;box-shadow:0 4px 8px #667dff4d;transform:translateY(-2px)}.campaigns-dashboard{padding:24px 0}.dashboard-title{color:#111827;font-size:24px;font-weight:700;margin-bottom:24px}.empty-dashboard{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;padding:80px 40px;text-align:center}.empty-icon{color:#d1d5db;margin-bottom:16px}.empty-dashboard h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.empty-dashboard p{color:#9ca3af;font-size:14px;margin:0}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));overflow-x:hidden}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.saved-campaign-card{display:flex;flex-direction:column;min-width:0;overflow-wrap:break-word;transition:all .3s ease}.saved-campaign-card:hover{border-color:#10b981;box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.saved-campaign-card .campaign-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.saved-campaign-card .campaign-card-header h3{color:#111827;font-size:16px;font-weight:600;margin:0;min-width:0;word-break:break-word}.campaign-card-title-section{flex:1 1;flex-direction:column;gap:8px}.data-type-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.data-type-badge.campaign{background:#dbeafe;color:#1e40af}.data-type-badge.transactional{background:#e0e7ff;color:#4338ca}.delete-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.delete-icon-btn:hover{background:#fee2e2}.brevo-type-tabs{background:#f9fafb;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.brevo-type-tab{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.brevo-type-tab:hover{background:#f5f3ff;border-color:#8b5cf6}.brevo-type-tab.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.transactional-search-section{padding:20px}.search-box{gap:12px;margin-bottom:20px}.subject-search-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.subject-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-subjects-btn{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;white-space:nowrap}.search-subjects-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.search-subjects-btn:disabled{background:#d1d5db;cursor:not-allowed}.subjects-list{margin-top:20px}.subjects-list h4{color:#111827;font-size:16px;margin:0 0 16px}.subject-result-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .2s}.subject-result-card:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.subject-result-info{flex:1 1;min-width:0}.subject-result-info h5{color:#111827;font-size:14px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-subject-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-left:16px;padding:10px 20px;transition:all .2s;white-space:nowrap}.import-subject-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.import-subject-btn:disabled{background:#d1d5db;cursor:not-allowed}.checkbox-cell{padding:8px!important;text-align:center;width:40px}.checkbox-cell input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:16px;width:16px}.data-table tbody tr.selected-row{background:#f5f3ff!important}.data-table tbody tr.selected-row:hover{background:#ede9fe!important}.selection-info{align-items:center;background:#f5f3ff;border:1px solid #8b5cf6;border-radius:8px;display:flex;gap:12px;margin-right:12px;padding:8px 16px}.selection-info span{color:#6d28d9;font-size:14px;font-weight:600}.clear-selection-btn{align-items:center;background:#fff;border:1px solid #8b5cf6;border-radius:6px;color:#8b5cf6;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:4px 12px;transition:all .2s}.clear-selection-btn:hover{background:#8b5cf6;color:#fff}.fullscreen-modal{background:#f9fafb;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;z-index:10000}.fullscreen-modal-content{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.fullscreen-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.fullscreen-modal-header .header-left h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 4px}.fullscreen-modal-header .header-left p{color:#6b7280;font-size:14px;margin:0}.close-fullscreen-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.close-fullscreen-btn:hover{background:#e5e7eb;color:#111827}.fullscreen-modal-body{flex:1 1;margin:0 auto;max-width:1400px;overflow-x:hidden;padding:32px;width:100%}.campaign-filters{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.campaign-search-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.campaign-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.campaign-stats-summary{display:flex;gap:12px}.stat-badge{background:#f5f3ff;border:1px solid #8b5cf6;border-radius:8px;color:#6d28d9;display:inline-block;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.saved-campaign-card .campaign-card-stats{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px 0}.saved-campaign-card .stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:70px;padding:8px 4px}.saved-campaign-card .stat-item .stat-icon-wrapper{align-items:center;border-radius:8px;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.saved-campaign-card .stat-icon{color:#10b981;flex-shrink:0;font-size:14px}.saved-campaign-card .stat-value{color:#111827;font-size:18px;font-weight:700;line-height:1;margin-bottom:2px;text-align:center}.saved-campaign-card .stat-label{color:#9ca3af;font-size:9px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase;white-space:nowrap}.view-campaign-btn{margin-top:auto;transition:all .2s ease}.import-method-tabs{display:flex;gap:8px;margin-bottom:24px}.method-tab{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.method-tab:hover{background:#f3f4f6}.method-tab.active{background:#10b981;border-color:#10b981;color:#fff}.brevo-import-section,.csv-upload-section{min-height:300px}.campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));overflow-x:hidden;padding:4px}.fullscreen-modal .campaigns-grid{max-height:calc(100vh - 350px);overflow-x:hidden;overflow-y:auto;padding-right:8px}.fullscreen-modal .campaigns-grid::-webkit-scrollbar{width:8px}.fullscreen-modal .campaigns-grid::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.fullscreen-modal .campaigns-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.fullscreen-modal .campaigns-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.brevo-campaign-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:16px;min-width:0;overflow-wrap:break-word;padding:24px;transition:all .2s}.brevo-campaign-card:hover{border-color:#8b5cf6;box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.brevo-campaign-card .campaign-card-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.campaign-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.brevo-campaign-card h4{color:#111827;flex:1 1;font-size:16px;font-weight:600;line-height:1.4;margin:0}.campaign-status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.campaign-status-badge.sent{background:#d1fae5;color:#065f46}.campaign-status-badge.draft{background:#fee2e2;color:#991b1b}.campaign-status-badge.scheduled{background:#dbeafe;color:#1e40af}.campaign-subject{font-size:13px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-date{font-size:12px;white-space:nowrap}.brevo-campaign-card .campaign-card-stats{grid-gap:16px;border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:16px 0}.brevo-campaign-card .stat-item{align-items:center;display:flex;gap:12px}.stat-details{display:flex;flex-direction:column;gap:2px;min-width:0}.brevo-campaign-card .stat-label{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:.5px;line-height:1;text-transform:uppercase}.brevo-campaign-card .stat-value{color:#111827;font-size:18px;font-weight:700;line-height:1}.import-campaign-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;box-shadow:0 2px 4px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.import-campaign-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 8px #8b5cf666;transform:translateY(-1px)}.csv-upload-section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.upload-instructions{margin-bottom:24px;text-align:center}.upload-instructions p{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.help-text{color:#6b7280!important;font-size:13px!important;font-weight:400!important}.upload-btn-large{align-items:center;background:#10b981;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .2s ease}.upload-btn-large:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.loading-state{padding:60px 40px}.spinner{animation:spin .8s linear infinite;border-top-color:#10b981;margin-bottom:16px}.large-modal .modal-content{max-width:900px}.campaigns-sidebar{animation:slideInRight .3s ease;background:#fff;box-shadow:-4px 0 12px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:380px;z-index:1000}.campaigns-sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.campaigns-sidebar-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.campaigns-sidebar-header button{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.campaigns-sidebar-header button:hover{background:#e5e7eb;color:#374151}.campaigns-list{flex:1 1;overflow-y:auto;padding:16px}.campaign-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;transition:all .2s ease}.campaign-item:hover{border-color:#10b981;box-shadow:0 2px 8px #0000001a}.campaign-item.active{background:#f0fdf4;border-color:#10b981}.campaign-item-content{cursor:pointer;flex:1 1;padding:16px}.campaign-item-name{color:#111827;font-size:14px;font-weight:600;margin-bottom:6px}.campaign-item-date{color:#6b7280;font-size:12px;margin-bottom:4px}.campaign-item-stats{color:#9ca3af;font-size:12px}.delete-campaign-btn{background:#0000;border-radius:6px;height:36px;margin-right:8px;transition:all .2s ease;width:36px}.empty-state{font-size:14px}.modal-overlay{z-index:2000}.modal-content{border-radius:12px;box-shadow:0 20px 25px -5px #0000001a}.modal-header{padding:24px 24px 16px}.modal-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.modal-header button{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-header button:hover{background:#e5e7eb;color:#374151}.modal-body p{color:#6b7280;font-size:14px;margin:0 0 16px}.modal-body input{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.modal-body input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.modal-stats{background:#f9fafb;border-radius:8px;display:flex;gap:16px;margin-top:16px;padding:12px}.modal-stats div{color:#6b7280;font-size:13px;font-weight:500}.modal-footer{padding:16px 24px 24px}.modal-btn-primary,.modal-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.modal-btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#374151}.modal-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.modal-btn-primary{background:#10b981;color:#fff}.modal-btn-primary:hover{background:#059669;transform:translateY(-1px)}@media (max-width:768px){.data-controls{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.filter-buttons{flex-wrap:wrap}.export-buttons{flex-direction:column;width:100%}.export-btn{justify-content:center;width:100%}.campaigns-sidebar{width:100%}.campaign-header{align-items:flex-start;flex-direction:column;gap:16px}.campaign-header-actions{justify-content:space-between;width:100%}}.transactional-analytics{margin:0 auto;max-width:1400px;padding:24px}.analytics-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.analytics-header h1{color:#111827;font-size:28px;font-weight:700;margin:0}.subtitle{color:#6b7280;font-size:14px;margin:8px 0 0}.back-btn,.export-btn,.export-desk-btn,.import-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.import-btn{box-shadow:0 2px 4px #8b5cf64d}.import-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 8px #8b5cf666;transform:translateY(-1px)}.export-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d;color:#fff}.export-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.export-desk-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f64d;color:#fff}.export-desk-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.back-btn{margin-bottom:8px;padding:10px 16px}.subject-filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.subject-filter-section h3{color:#111827;font-size:18px;margin:0 0 16px}.subject-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.subject-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:16px}.subject-info h4{font-size:14px;margin:0 0 8px}.subject-stats{color:#6b7280;display:flex;font-size:12px;gap:12px}.subject-actions{display:flex;flex-shrink:0;gap:8px}.export-subject-btn,.export-subject-desk-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s;white-space:nowrap}.export-subject-btn{background:#10b981;color:#fff}.export-subject-btn:hover{background:#059669}.export-subject-desk-btn{background:#3b82f6;color:#fff}.export-subject-desk-btn:hover{background:#2563eb}.filters-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.search-input,.status-filter{border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:10px 16px;transition:all .2s}.search-input{flex:1 1;min-width:250px}.search-input:focus,.status-filter:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.status-filter{min-width:180px}.data-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f9fafb}.data-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.data-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.data-table tbody tr:hover{background:#f9fafb}.data-table td{color:#374151;font-size:14px;padding:12px 16px}.subject-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{font-size:13px}.status-badge.first-opening{background:#dbeafe;color:#1e40af}.status-badge.opened{background:#d1fae5;color:#065f46}.status-badge.loaded-by-proxy{background:#fef3c7;color:#92400e}.yes-no-cell{font-size:13px;font-weight:600;text-align:center}.data-table tbody tr td.yes-no-cell{color:#6b7280}.no-data{color:#9ca3af;font-size:14px;padding:40px;text-align:center}.campaigns-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}.saved-campaign-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:20px;transition:all .2s}.saved-campaign-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.campaign-card-header{margin-bottom:12px}.campaign-card-title-section{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.campaign-card-title-section h3{color:#111827;flex:1 1;font-size:16px;font-weight:600;margin:0;word-break:break-word}.delete-campaign-btn{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:4px;transition:all .2s;width:28px}.delete-campaign-btn:hover{background:#fee2e2}.campaign-card-date{color:#6b7280;font-size:12px;margin-bottom:16px}.campaign-card-stats{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px 0}.stat-item{flex:1 1;flex-direction:column;gap:6px;min-width:70px;padding:8px 4px}.stat-icon-wrapper,.stat-item{align-items:center;display:flex}.stat-icon-wrapper{border-radius:8px;color:#fff;font-size:16px;height:36px;justify-content:center;width:36px}.stat-value{font-size:18px;margin-bottom:2px;text-align:center}.stat-label{font-size:9px;text-align:center;white-space:nowrap}.view-campaign-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s;width:100%}.view-campaign-btn:hover{background:#059669;transform:translateY(-1px)}.empty-state h3{color:#6b7280}.loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-overlay p{color:#fff;font-size:16px;font-weight:500}.spinner{border:4px solid #ffffff4d;border-top-color:#fff}@media (max-width:768px){.transactional-analytics{padding:16px}.analytics-header{flex-direction:column}.campaigns-grid,.subject-buttons{grid-template-columns:1fr}.subject-card{align-items:flex-start;flex-direction:column}.subject-actions{justify-content:flex-end;width:100%}.data-table-container{overflow-x:auto}.data-table{min-width:800px}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.schools-map-container{background:#f9fafb;display:flex;flex-direction:column;height:100vh;position:relative}.map-top-bar{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:nowrap;gap:10px;height:60px;left:0;overflow:visible;padding:0 10px;position:fixed;right:0;top:0;z-index:1000}.map-top-bar h1{color:var(--text-primary);font-size:20px;font-weight:600;margin:0;white-space:nowrap}.header-stats{align-items:center;flex:1 1;flex-wrap:nowrap;gap:6px;justify-content:center;min-width:0}.header-stats .stat-card{align-items:center;display:flex;flex-shrink:0;gap:6px;padding:4px 10px}.header-stats .stat-value{font-size:20px;font-weight:700;line-height:1}.header-stats .stat-label{color:#6b7280;font-size:10px;font-weight:500;letter-spacing:.3px;line-height:1;text-transform:uppercase;white-space:nowrap}.back-btn{background:#f3f4f6;border-radius:50%;box-sizing:border-box;color:#374151;height:36px;margin:0;vertical-align:middle;width:36px}.back-btn:hover{background:#e5e7eb}.refresh-btn{align-items:center;background:#10b981;border:none;border-radius:50%;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin:0;padding:0;transition:all .2s;vertical-align:middle;width:36px}.refresh-btn:hover{background:#059669;transform:rotate(180deg)}.header-actions{gap:6px}.cache-btn,.header-actions{align-items:center;flex-shrink:0;justify-content:center}.cache-btn{background:#fff;border:2px solid;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;font-size:16px;height:36px;margin:0;padding:0;transition:all .2s;vertical-align:middle;width:36px}.cache-btn.save-cache{border-color:#10b981;color:#10b981}.cache-btn.save-cache:hover:not(:disabled){background:#10b981;color:#fff}.cache-btn.load-cache{border-color:#3b82f6;color:#3b82f6}.cache-btn.load-cache:hover:not(:disabled){background:#3b82f6;color:#fff}.cache-btn.export-btn{border-color:#8b5cf6;color:#8b5cf6}.cache-btn.export-btn:hover:not(:disabled){background:#8b5cf6;color:#fff}.cache-btn:disabled{cursor:not-allowed;opacity:.5}.cache-btn .spinning{animation:spin 1s linear infinite}.map-wrapper{bottom:0;display:flex;left:0;position:fixed;right:0;top:60px}.map-controls-top{display:flex;flex-direction:column;gap:8px;pointer-events:auto;position:absolute;right:10px;top:10px;z-index:1002}.map-control-btn{align-items:center;background:#fff;border:2px solid #0003;border-radius:4px;box-shadow:0 1px 4px #0000004d;color:#333;cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;padding:0;transition:all .2s;width:34px}.map-control-btn:hover{background:#f4f4f4}.map-control-btn.active{background:#10b981;border-color:#10b981;color:#fff}.map-control-btn.candidates.active{background:#6366f1;border-color:#6366f1;color:#fff}.map-view-fullscreen{flex:1 1;position:relative;width:100%;z-index:1}.map-overlay-message{background:#fff;border-left:4px solid #10b981;border-radius:8px;bottom:20px;box-shadow:0 2px 12px #00000026;left:50%;max-width:320px;padding:16px 20px;position:absolute;transform:translateX(-50%);z-index:1000}.overlay-content{align-items:center;display:flex;gap:12px;text-align:left}.overlay-content svg{color:#10b981;flex-shrink:0;font-size:20px}.overlay-content h2{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.overlay-content p{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.map-info-message{background:#6366f1;border-radius:8px;box-shadow:0 4px 12px #6366f14d;color:#fff;left:50%;max-width:500px;padding:12px 20px;position:absolute;top:20px;transform:translateX(-50%);z-index:1000}.info-content{align-items:center;display:flex;font-size:14px;font-weight:500;gap:10px}.info-content svg{flex-shrink:0}.open-sidebar-btn{align-items:center;animation:fadeIn .3s ease-out;background:#fff;border:2px solid #10b981;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#10b981;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 20px;position:absolute;right:10px;top:70px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1002}.open-sidebar-btn:hover{background:#10b981;box-shadow:0 6px 16px #10b98166;color:#fff;transform:translateY(-2px)}.filters-sidebar{animation:slideIn .3s ease-out;background:#fff;border-left:2px solid #e5e7eb;bottom:0;box-shadow:-4px 0 16px #0000001a;display:flex;flex-direction:column;overflow-y:auto;position:absolute;right:0;top:60px;width:350px;z-index:1001}.sidebar-actions{align-items:center;background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;gap:8px;padding:16px 12px 12px}.view-mode-toggle{background:#fff;border:2px solid #e5e7eb;border-radius:6px;display:flex;flex:1 1;gap:4px;padding:4px}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:6px 8px;transition:all .2s;white-space:nowrap}.view-mode-btn:hover{background:#f3f4f6;color:#374151}.view-mode-btn.active{background:#10b981;color:#fff}.view-mode-btn svg{font-size:14px}.sidebar-action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.sidebar-action-btn:hover{border-color:#6366f1;color:#6366f1}.sidebar-action-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.sidebar-close-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.sidebar-close-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.filters-sidebar-content{display:flex;flex-direction:column;gap:20px;padding:20px}@media (max-width:768px){.filters-sidebar{max-width:350px;width:100%}.filters-sidebar.closed{transform:translateX(100%)}}.map-stats{display:flex;flex-direction:column;gap:12px}.stat-card{background:#f9fafb;border-left:4px solid;border-radius:8px;padding:12px 16px}.stat-card.total{border-left-color:#6366f1}.stat-card.active{border-left-color:#10b981}.stat-card.lapsed{border-left-color:#f59e0b}.stat-card.dormant{border-left-color:#ef4444}.stat-card.never{border-left-color:#9ca3af}.stat-value{font-size:24px}.map-filters{border-bottom:1px solid #e5e7eb;padding:20px}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.filter-header h3{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0}.clear-filters-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 10px;transition:all .2s}.clear-filters-btn:hover{background:#fee2e2;border-color:#ef4444}.filter-group{margin-bottom:20px}.filter-group label{color:#374151;display:block;font-size:14px;margin-bottom:8px}.filter-group select{border-radius:6px;padding:10px;width:100%}.checkbox-filter{display:flex;flex-direction:column;gap:8px}.filter-search{background:#fff;border:2px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.filter-search:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.checkbox-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;max-height:200px;overflow-y:auto;padding:8px}.checkbox-list::-webkit-scrollbar{width:8px}.checkbox-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.checkbox-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.checkbox-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.checkbox-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:all .2s;-webkit-user-select:none;user-select:none}.checkbox-item:hover{background:#e5e7eb}.checkbox-item input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:18px;width:18px}.checkbox-item span{color:#374151;flex:1 1;font-size:14px}.checkbox-item input[type=checkbox]:checked+span{color:#10b981;font-weight:600}.filter-group select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.status-filters{display:flex;flex-direction:column;gap:8px}.status-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 12px;transition:all .2s}.status-btn:hover{background:#f9fafb;border-color:#d1d5db}.status-btn.selected{background:#f0fdf4;border-color:#10b981;color:#10b981}.status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.map-legend{background:#fff;border-radius:8px;bottom:20px;box-shadow:0 2px 8px #00000026;left:20px;max-width:250px;padding:16px;position:absolute;z-index:1000}.map-legend h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 12px}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px}.legend-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.map-view{flex:1 1;position:relative}.loading-state{height:100%;padding:40px}.loading-spinner{border:4px solid #e5e7eb;flex-shrink:0;margin:0 auto 16px}.loading-state p{font-size:14px}.school-popup{min-width:250px}.school-popup h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 12px}.popup-details p{color:#374151;font-size:13px;margin:6px 0}.popup-details strong{color:#6b7280;font-weight:500}.status-badge{border-radius:4px;padding:2px 8px}.status-badge.lapsed{background:#fef3c7;color:#92400e}.status-badge.dormant{background:#fee2e2;color:#991b1b}.status-badge.never_used{background:#f3f4f6;color:#374151}.status-btn.never .status-dot{background:#9ca3af}.checkbox-label{background:#f9fafb;border:2px solid #0000;border-radius:6px;gap:10px;padding:10px 12px;transition:all .2s}.checkbox-label:hover{background:#f3f4f6;border-color:#10b981}.checkbox-label input[type=checkbox]{accent-color:#10b981;cursor:pointer;flex-shrink:0}.checkbox-label span{color:#374151;font-size:13px;line-height:1.4}.filters-footer{border-top:1px solid #e5e7eb;margin-top:auto;padding:16px}.close-filters-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.close-filters-btn:hover{background:#e5e7eb;border-color:#9ca3af}.contact-flags{border-top:1px solid #e5e7eb;margin-top:10px;padding-top:10px}.contact-badge{background:#e0f2fe;border-radius:3px;color:#075985;display:inline-block;font-size:10px;font-weight:500;margin-right:4px;margin-top:4px;padding:2px 6px}.custom-marker{background:none;border:none}@media (max-width:1024px){.schools-map-container{flex-direction:column}.map-sidebar{max-height:40vh;width:100%}.map-view{height:60vh}}@media (max-width:768px){.map-top-bar{padding:5px 10px}.map-top-bar h1{font-size:16px}.header-stats{gap:4px}.header-stats .stat-card{min-width:70px;padding:8px 10px}.header-stats .stat-value{font-size:18px;margin-bottom:2px}.header-stats .stat-label{font-size:9px}.map-controls-top{gap:5px;right:10px;top:5px}.map-control-btn{font-size:16px;height:30px;width:30px}.map-filters,.map-legend{padding:12px}.map-legend{bottom:10px;left:10px;max-width:180px}.map-legend h4{font-size:12px;margin-bottom:8px}.legend-item{font-size:10px;gap:6px}.legend-dot{height:10px;width:10px}.map-overlay-message{bottom:10px;left:50%;max-width:calc(100% - 20px);padding:12px 16px;transform:translateX(-50%)}.overlay-content h2{font-size:12px}.overlay-content p{font-size:11px}}.firebase-settings{margin:0 auto;max-width:1200px;padding:24px}.firebase-settings-header{margin-bottom:32px}.firebase-settings-header h1{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:8px}.firebase-settings-header p{color:var(--text-secondary);font-size:14px}.firebase-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.firebase-stat-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.firebase-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.firebase-stat-card.killed{background:linear-gradient(135deg,#ef44440d 0,var(--card-bg) 100%);border-color:#ef4444}.firebase-stat-card.active{background:linear-gradient(135deg,#10b9810d 0,var(--card-bg) 100%);border-color:#10b981}.stat-icon.activity{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-icon.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon.killed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-icon.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-content{flex:1 1}.stat-label{color:var(--text-secondary);margin-bottom:4px}.stat-value{color:var(--text-primary);margin-bottom:4px}.stat-description{color:var(--text-secondary);font-size:13px}.firebase-warning-box{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:2px solid #f59e0b;border-radius:12px;display:flex;gap:16px;margin-bottom:32px;padding:24px}.warning-icon{color:#f59e0b;flex-shrink:0;font-size:32px;margin-top:4px}.warning-content h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:12px}.warning-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.warning-content ul{list-style:none;margin:0;padding:0}.warning-content li{color:var(--text-secondary);line-height:1.5;padding:8px 0}.warning-content li strong{color:var(--text-primary)}.firebase-kill-section{background:var(--card-bg);border:2px solid #ef4444;border-radius:12px;margin-bottom:32px;padding:32px}.force-refresh-section{background:linear-gradient(135deg,#3b82f614 0,var(--card-bg) 100%);border:1px solid var(--border-color);border-radius:12px;margin-bottom:28px;padding:24px}.force-refresh-section .section-header{margin-bottom:16px}.force-refresh-section h3{align-items:center;display:flex;font-size:18px;gap:8px;margin-bottom:8px}.force-refresh-section p{color:var(--text-secondary);line-height:1.5;margin:0}.force-form{gap:16px}.force-form,.force-form label{display:flex;flex-direction:column}.force-form label{color:var(--text-primary);font-weight:600;gap:6px}.force-form textarea{border:1px solid var(--border-color);border-radius:8px;font-size:14px;min-height:80px;padding:10px;resize:vertical}.force-options{display:flex;flex-direction:column;gap:12px}.force-checkbox{align-items:center;color:var(--text-secondary);display:flex;font-weight:500;gap:8px}.force-form input[type=text]{border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:10px}.force-refresh-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s ease}.force-refresh-button:hover:not(:disabled){box-shadow:0 6px 14px #3b82f659;transform:translateY(-2px)}.force-refresh-button:disabled{cursor:not-allowed;opacity:.7}.force-refresh-message{border-radius:8px;font-weight:600;padding:12px;text-align:center}.force-refresh-message.success{background:#10b9811a;border:1px solid #10b981;color:#059669}.force-refresh-message.error{background:#ef44441a;border:1px solid #ef4444;color:#dc2626}.firebase-kill-section h2{color:var(--text-primary);font-size:22px;font-weight:600;margin-bottom:12px}.firebase-kill-section>p{color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.kill-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 32px;transition:all .2s ease;width:100%}.kill-button:hover{box-shadow:0 8px 16px #ef44444d;transform:translateY(-2px)}.kill-button svg{font-size:20px}.confirm-section{background:#ef44441a;border:2px solid #ef4444;border-radius:8px;padding:20px}.confirm-text{color:var(--text-primary);font-weight:600;margin-bottom:16px;text-align:center}.confirm-buttons{display:flex;gap:12px}.kill-button-confirm{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.kill-button-confirm:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.cancel-button{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-button:hover{background:var(--hover-bg)}.killed-section{text-align:center}.killed-message{background:linear-gradient(135deg,#10b9811a,#0596690d);border:2px solid #10b981;border-radius:8px;margin-bottom:20px;padding:24px}.killed-message .success-icon{color:#10b981;font-size:48px;margin-bottom:12px}.killed-message h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.killed-message p{color:var(--text-secondary)}.reset-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.reset-button:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.reset-note{color:var(--text-secondary);font-size:13px;font-style:italic;margin-top:12px}.optimization-section{background:linear-gradient(135deg,#10b9810d 0,var(--card-bg) 100%);border:2px solid #10b981;border-radius:12px;margin-bottom:24px;padding:24px}.optimization-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:12px}.optimization-description{color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.optimization-stats{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:16px;margin-bottom:16px;padding:12px}.opt-stat{color:var(--text-secondary);flex:1 1;font-size:14px}.opt-stat strong{color:var(--text-primary);display:block;margin-bottom:4px}.aggregate-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 28px;transition:all .2s ease;width:100%}.aggregate-button:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.aggregate-button:disabled{cursor:not-allowed;opacity:.7}.aggregate-button .spinning{animation:spin 1s linear infinite}.aggregate-message{border-radius:8px;font-size:14px;font-weight:500;margin-top:12px;padding:12px;text-align:center}.aggregate-message.success{background:#10b9811a;border:1px solid #10b981;color:#059669}.aggregate-message.error{background:#ef44441a;border:1px solid #ef4444;color:#dc2626}.firebase-recommendations{margin-top:32px}.firebase-recommendations h2{color:var(--text-primary);font-size:22px;font-weight:600;margin-bottom:20px}.recommendation-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.recommendation-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:all .2s ease}.recommendation-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.recommendation-card h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.recommendation-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}@media (max-width:768px){.firebase-settings{padding:16px}.firebase-stats-grid,.recommendation-grid{grid-template-columns:1fr}.confirm-buttons,.firebase-warning-box{flex-direction:column}}.spreadsheet-tools{background:var(--bg-primary);margin:0 auto;max-width:1400px;padding:24px}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;font-weight:800;margin:0 0 8px}.header-right{gap:12px}.search-box{background:var(--bg-secondary);border:1px solid var(--border-color);padding:10px 16px}.search-box svg{color:var(--text-secondary);flex-shrink:0}.search-box input{background:#0000;color:var(--text-primary);width:100%}.search-box input::placeholder{color:var(--text-secondary)}.tools-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tool-card{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;position:relative;text-align:left;transition:all .2s}.tool-card:hover:not(.disabled){border-color:var(--whatsapp-green);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.tool-card.disabled{cursor:not-allowed;opacity:.6}.tool-icon{color:var(--whatsapp-green);flex-shrink:0;font-size:24px;margin-top:2px}.tool-info{flex:1 1}.tool-name{color:var(--text-primary);display:block;font-size:16px;font-weight:600;margin-bottom:4px}.tool-desc{display:block;font-size:13px;line-height:1.4}.coming-soon,.tool-desc{color:var(--text-secondary)}.coming-soon{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-size:11px;font-weight:500;padding:4px 8px;position:absolute;right:12px;top:12px}.tool-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-color);gap:12px;padding:16px 24px}.back-arrow,.panel-header{align-items:center;display:flex}.back-arrow{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.back-arrow:hover{background:var(--bg-primary);color:var(--whatsapp-green)}.panel-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.panel-header h2 svg{color:var(--whatsapp-green)}.tool-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;padding:24px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.file-input-row{align-items:center;display:flex;gap:12px}.file-input{display:none}.file-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.file-btn:hover{border-color:var(--whatsapp-green)}.file-btn:hover,.file-name{color:var(--whatsapp-green)}.file-name{font-size:14px;font-weight:500}.file-loading{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:14px;gap:8px}.select-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;min-width:180px;padding:10px 14px}.select-input:focus{border-color:var(--whatsapp-green);outline:none}.select-input:disabled{cursor:not-allowed;opacity:.5}.btn-primary{display:inline-flex}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.btn-primary:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;gap:8px;margin:0 24px 24px}.results-section{border-top:1px solid var(--border-color);padding:24px}.results-header{margin-bottom:20px}.results-header h3{align-items:center;color:var(--whatsapp-green);display:flex;font-size:16px;gap:8px}.results-badge{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:13px;padding:6px 12px}.results-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.result-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:12px;padding:14px;transition:all .2s}.result-card:hover{border-color:var(--whatsapp-green)}.card-icon{color:var(--whatsapp-green);flex-shrink:0;font-size:20px}.card-info{flex:1 1;min-width:0}.card-title{color:var(--text-primary);display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-count{font-size:12px}.btn-download,.card-count{color:var(--text-secondary)}.btn-download{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-download:hover{background:#25d3660d;border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.it-inventory{margin:0 auto;max-width:1400px;min-height:100%;padding:20px}.inventory-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.inventory-header .header-left h1{align-items:center;color:#1a202c;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 4px}.inventory-header .header-left p{color:#6b7280;font-size:14px;margin:0}.header-actions{flex-wrap:wrap;gap:10px}.btn-primary{align-items:center;background:#10b981;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary:hover{background:#059669}.btn-secondary{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-icon{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.btn-icon:hover{background:#f3f4f6;color:#3b82f6}.btn-icon.danger:hover{background:#fee2e2;color:#ef4444}.btn-close{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:20px;padding:8px}.btn-close:hover{background:#f3f4f6;color:#1f2937}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:#fff;box-shadow:0 1px 3px #0000001a}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-icon.blue{background:#dbeafe;color:#3b82f6}.stat-icon.green{background:#d1fae5;color:#10b981}.stat-icon.purple{background:#ede9fe;color:#8b5cf6}.stat-icon.orange{background:#fef3c7;color:#f59e0b}.stat-content{display:flex;flex-direction:column}.stat-value{color:#1a202c;font-size:28px}.stat-label{color:#6b7280;font-size:13px;margin-top:4px}.info-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px}.info-banner>svg{color:#3b82f6;flex-shrink:0;font-size:24px;margin-top:2px}.info-banner strong{color:#1e40af;display:block;margin-bottom:8px}.info-banner ol{color:#1e40af;font-size:14px;margin:0;padding-left:20px}.info-banner ol li{margin-bottom:4px}.filters-bar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;flex:1 1;gap:10px;max-width:400px;min-width:250px;padding:0 12px}.search-box svg{color:#9ca3af}.search-box input{border:none;flex:1 1;font-size:14px;outline:none;padding:10px 0}.clear-search{background:#0000;border:none;color:#9ca3af;cursor:pointer;padding:4px}.clear-search:hover{color:#6b7280}.filter-group{align-items:center;gap:12px}.filter-group svg{color:#6b7280}.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 12px}.filter-group select:focus{border-color:#3b82f6;outline:none}.devices-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.device-card{background:#fff;border-left:4px solid #10b981;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s}.device-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.device-card.repair{border-left-color:#f59e0b}.device-card.retired{border-left-color:#9ca3af;opacity:.7}.device-card.available{border-left-color:#3b82f6}.device-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.device-icon{align-items:center;background:#f3f4f6;border-radius:10px;color:#6b7280;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.device-title{flex:1 1;min-width:0}.device-title h3{color:#1a202c;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-model{color:#6b7280;font-size:13px}.device-actions{display:flex;gap:4px}.device-specs{grid-gap:8px;border-bottom:1px solid #f3f4f6;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding-bottom:16px}.spec-item{align-items:center;color:#374151;display:flex;font-size:13px;gap:8px}.spec-item.full-width{grid-column:1/-1}.spec-item svg{color:#6b7280;font-size:14px}.spec-label{color:#9ca3af;font-weight:500}.storage-bar-container{margin-bottom:16px}.storage-info{align-items:center;color:#374151;display:flex;font-size:13px;gap:8px;margin-bottom:6px}.storage-info svg{color:#6b7280}.storage-percentage{font-weight:600;margin-left:auto}.storage-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.storage-fill{border-radius:4px;height:100%;transition:width .3s ease}.device-footer{gap:12px;justify-content:space-between}.assigned-to,.device-footer{align-items:center;display:flex}.assigned-to{color:#6b7280;font-size:13px;gap:8px}.assigned-to svg{font-size:14px}.status-badge{border-radius:12px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.repair{background:#fef3c7;color:#92400e}.status-badge.retired{background:#f3f4f6;color:#6b7280}.status-badge.available{background:#dbeafe;color:#1e40af}.device-serial{border-top:1px dashed #e5e7eb;color:#9ca3af;font-family:monospace;font-size:12px;margin-top:12px;padding-top:12px}.empty-state{background:#fff;border-radius:12px;color:#6b7280;grid-column:1/-1;padding:60px 20px}.empty-state svg{margin-bottom:16px}.empty-state h3{color:#374151;font-size:18px;margin:0 0 8px}.empty-state p{margin:0 0 20px}.modal-overlay{background:#00000080;padding:20px;z-index:1000}.modal-content{background:#fff;display:flex;flex-direction:column;overflow:hidden;width:100%}.modal-content.large{max-width:700px}.modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.modal-header h2{align-items:center;color:#1a202c;display:flex;font-size:20px;font-weight:600;gap:10px}.modal-body{overflow-y:auto;padding:24px}.modal-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.modal-description code{background:#f3f4f6;border-radius:4px;font-family:monospace;font-size:13px;padding:2px 6px}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{gap:6px}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.script-output-input{border:2px dashed #d1d5db;border-radius:8px;font-family:monospace;font-size:13px;min-height:200px;padding:12px;resize:vertical;width:100%}.script-output-input:focus{border-color:#3b82f6;outline:none}.import-error{align-items:center;background:#fee2e2;border-radius:8px;color:#991b1b;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:12px}.loading-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:400px;justify-content:center}.loading-container svg{color:#3b82f6;margin-bottom:16px}.spin{animation:spin 1s linear infinite}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.it-inventory{padding:16px}.inventory-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:flex-start}.stats-grid{grid-template-columns:1fr 1fr}.filters-bar{flex-direction:column}.search-box{max-width:none}.filter-group{flex-wrap:wrap}.devices-grid,.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.info-banner{flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.header-actions{flex-direction:column}.header-actions button{justify-content:center;width:100%}.stat-card{padding:16px}.stat-value{font-size:24px}}@media (prefers-color-scheme:dark){.dark-mode .it-inventory .device-title h3,.dark-mode .it-inventory .inventory-header .header-left h1,.dark-mode .it-inventory .modal-header h2,.dark-mode .it-inventory .stat-value{color:#f3f4f6}.dark-mode .it-inventory .device-card,.dark-mode .it-inventory .modal-content,.dark-mode .it-inventory .stat-card{background:#1f2937}.dark-mode .it-inventory .filter-group select,.dark-mode .it-inventory .form-group input,.dark-mode .it-inventory .form-group select,.dark-mode .it-inventory .form-group textarea,.dark-mode .it-inventory .search-box{background:#374151;border-color:#4b5563;color:#f3f4f6}}.dashboard{background-color:var(--bg-primary);min-height:100vh;min-height:var(--app-height,100vh)}.nav-debug-button{align-items:center;background:none;border:1px dashed var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.nav-debug-button span{font-size:12px;font-weight:600}.nav-debug-button.active{background:#25d3661a}.nav-debug-button.active,.nav-debug-button:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.nav-debug-button:hover{transform:translateY(-1px)}.sidebar-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex:0 0 auto;gap:12px;justify-content:space-between;max-height:100px;min-height:100px;padding:20px;position:relative;z-index:1}.app-logo{display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-height:45px;max-width:100%;object-fit:contain}[data-theme=dark] .app-logo{filter:invert(1) brightness(1.1)}.sidebar-collapse-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:12px;top:20px;transition:all .2s ease;width:32px;z-index:10}.sidebar-collapse-btn:hover{background:linear-gradient(135deg,var(--whatsapp-green) 0,#128c7e 100%);border-color:var(--whatsapp-green);box-shadow:0 4px 12px #25d3664d;color:#fff;transform:scale(1.05)}.sidebar-collapse-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapse-btn:active{transform:scale(.95)}.sidebar-header .app-title{width:100%}.app-title{background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0}.dashboard-nav{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow-x:hidden;overflow-y:scroll!important;padding:12px 12px 16px;scrollbar-width:thin}.dashboard-sidebar.collapsed .dashboard-nav{overflow-x:visible}.nav-section-divider{border-top:1px solid var(--border-color);margin-top:12px;padding:16px 20px 8px}.nav-section-divider span{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.nav-section-toggle{position:relative}.nav-chevron{position:absolute;right:16px;transition:transform .3s ease}.nav-chevron.rotated{transform:rotate(180deg)}.nav-submenu-wrapper{display:none;opacity:0;transition:opacity .2s ease}.nav-submenu-wrapper.expanded{display:block;opacity:1}.nav-sub-item{animation:slideIn .3s ease;background:var(--bg-tertiary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px!important;font-weight:500;letter-spacing:-.01em;min-height:auto;padding-left:38px!important;padding-right:10px!important;position:relative}.nav-sub-item:hover{background:var(--bg-secondary)}.nav-sub-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-subsection-toggle{font-weight:600!important;padding-left:38px!important}.nav-subsection-toggle .nav-chevron{margin-left:auto;transition:transform .3s ease}.nav-subsection-toggle .nav-chevron.rotated{transform:rotate(180deg)}.nav-sub-section-toggle{animation:slideIn .3s ease;background:var(--bg-tertiary);font-size:13px!important;font-weight:500;min-height:auto;padding-left:38px!important;padding-right:10px!important;position:relative}.nav-sub-section-toggle:hover{background:var(--bg-secondary)}.nav-sub-section-toggle.expanded{color:var(--whatsapp-green);font-weight:600}.nav-sub-section-toggle .nav-chevron{font-size:10px;margin-left:auto;transition:transform .2s ease}.nav-sub-section-toggle .nav-chevron.rotated{transform:rotate(180deg)}.nav-sub-sub-item{animation:slideIn .3s ease;background:var(--bg-tertiary);font-size:12px!important;font-weight:400;min-height:auto;opacity:.9;padding-left:56px!important;padding-right:10px!important;position:relative}.nav-sub-sub-item:hover{background:var(--bg-secondary);opacity:1}.nav-sub-sub-item.active{background:#25d36626;color:var(--whatsapp-green);opacity:1}.nav-sub-sub-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-utility-wrapper{border-top:1px solid var(--border-color);margin-top:auto;padding-top:12px}.nav-branch-group{border-left:2px solid #ffffff0d;display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-left:12px}.nav-nested-toggle{background:#0000;font-size:13px!important;padding-left:36px!important}.nav-nested-children{border-left:2px solid #25d36626;display:flex;flex-direction:column;gap:6px;margin-left:16px;padding-left:12px}.nav-nested-item{background:var(--bg-tertiary);padding-left:36px!important}.nav-theme-toggle{background:var(--bg-secondary);border-top:1px solid var(--border-color);flex:0 0 auto;padding:8px 12px}.nav-theme-toggle,.whats-new-button{align-items:center;display:flex;gap:8px}.whats-new-button{background:none;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:18px;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:all .2s ease;width:auto}.whats-new-button .version-number{color:var(--text-secondary);font-size:12px;font-weight:500;transition:color .2s ease}.whats-new-button:hover{background:var(--bg-tertiary);border-color:var(--whatsapp-green);transform:scale(1.05)}.whats-new-button:hover,.whats-new-button:hover .version-number{color:var(--whatsapp-green)}.nav-logout-button{align-items:center;background:none;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;gap:8px;justify-content:center;padding:8px 12px;transition:all .2s ease}.nav-logout-button:hover{background:#dc26261a;border-color:#dc2626;color:#dc2626;transform:scale(1.05)}.user-avatar{background:var(--whatsapp-green);border-radius:50%!important;font-size:16px;font-weight:600;height:40px;min-height:40px;min-width:40px;width:40px}.user-avatar img{border-radius:50%!important;height:100%;object-fit:cover;width:100%}.user-avatar span{font-size:20px}.user-info{gap:4px;overflow:visible}.user-name{font-size:13px;font-weight:500;line-height:1.3;max-width:100%;overflow:visible;white-space:normal;word-break:break-word}.user-role{background:#6366f1;border-radius:4px;display:inline-block;font-size:10px;font-weight:600;margin-top:0;padding:2px 6px;white-space:nowrap}.dashboard-header{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));box-shadow:0 2px 8px #0000001a;color:#fff;padding:16px 24px;position:relative;z-index:10}.dashboard-header:before{background:linear-gradient(45deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content{justify-content:space-between;margin:0;max-width:none;padding:0}.header-content,.header-right{align-items:center;display:flex}.header-right{gap:24px}.dashboard-title{align-items:center;display:flex;font-size:28px;font-weight:600;gap:12px}.whatsapp-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:32px}.header-stats{display:flex;gap:32px}.user-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:16px;padding:8px 16px}.user-avatar .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.user-name{color:var(--text-primary);font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.user-role{background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);border-radius:10px;box-shadow:0 2px 4px #25d3664d;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;margin-top:4px;padding:3px 8px;text-transform:uppercase}.user-info svg{height:16px;opacity:.8;width:16px}.logout-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.logout-button:hover{background:#fff3;transform:translateY(-1px)}.logout-button svg{height:16px;width:16px}.stat-item{text-align:center}.stat-number{display:block;font-size:24px;font-weight:700;line-height:1}.stat-label{font-size:12px;opacity:.9}.dashboard-content{display:flex;height:100vh;margin:0;max-width:none}.dashboard-content.no-sidebar .dashboard-main{margin-left:0;width:100%}.dashboard-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;position:relative;transition:width .3s ease;width:240px;z-index:100}.dashboard-sidebar.collapsed{overflow:visible;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;width:80px}.dashboard-sidebar.collapsed *{transition:opacity .2s ease,transform .2s ease}.dashboard-sidebar.collapsed-hovered{box-shadow:4px 0 20px #00000026;width:280px;z-index:1000}.dashboard-sidebar.collapsed-hovered .sidebar-header{padding:20px 24px}.dashboard-sidebar.collapsed-hovered .sidebar-collapse-btn{height:auto;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:auto}.dashboard-sidebar.collapsed-hovered .nav-button span:not(.nav-badge):not(.nav-popout span),.dashboard-sidebar.collapsed-hovered .stat-label,.dashboard-sidebar.collapsed-hovered .user-info .user-name,.dashboard-sidebar.collapsed-hovered .user-info .user-role{display:inline!important}.dashboard-sidebar.collapsed-hovered .nav-button{justify-content:flex-start;padding:16px 20px}.dashboard-sidebar.collapsed-hovered .nav-button svg{font-size:20px;margin-right:14px}.dashboard-sidebar.collapsed-hovered .nav-unread-badge{margin-left:auto;position:static}.dashboard-sidebar.collapsed-hovered .nav-chevron,.dashboard-sidebar.collapsed-hovered .nav-sub-item,.dashboard-sidebar.collapsed-hovered .nav-sub-sub-item,.dashboard-sidebar.collapsed-hovered .nav-theme-toggle,.dashboard-sidebar.collapsed-hovered .sidebar-recent-chats,.dashboard-sidebar.collapsed-hovered .sidebar-stats,.dashboard-sidebar.collapsed-hovered .user-actions{display:flex!important}.dashboard-sidebar.collapsed-hovered .nav-chevron{display:inline-block!important}.dashboard-sidebar.collapsed-hovered .sidebar-stats{flex-direction:row}.dashboard-sidebar.collapsed-hovered .sidebar-stats .stat-item{min-height:auto;padding:16px}.dashboard-sidebar.collapsed-hovered .user-info{display:flex!important}.dashboard-sidebar.collapsed-hovered .user-avatar{height:40px;margin-right:12px;width:40px}.dashboard-sidebar.collapsed-hovered .nav-popout{display:none!important}.dashboard-sidebar.collapsed .sidebar-header{align-items:center;padding:20px 10px}.dashboard-sidebar.collapsed .sidebar-collapse-btn{font-size:20px;height:36px;margin:0 auto;position:static;width:36px}.dashboard-sidebar.collapsed .nav-button span:not(.nav-badge):not(.nav-popout span),.dashboard-sidebar.collapsed .stat-label,.dashboard-sidebar.collapsed .user-info .user-name,.dashboard-sidebar.collapsed .user-info .user-role{display:none}.dashboard-sidebar.collapsed .nav-popout .popout-title,.dashboard-sidebar.collapsed .nav-popout span{display:inline!important}.dashboard-sidebar.collapsed .nav-popout .popout-title{display:block!important}.dashboard-sidebar.collapsed .nav-button{justify-content:center;min-height:52px;padding:16px 10px;position:relative}.dashboard-sidebar.collapsed .nav-button svg{font-size:24px;margin:0}.dashboard-sidebar.collapsed .nav-unread-badge{font-size:10px;height:18px;min-width:18px;padding:2px 5px;position:absolute;right:6px;top:6px}.dashboard-sidebar.collapsed .sidebar-stats{flex-direction:column;gap:8px}.dashboard-sidebar.collapsed .sidebar-stats .stat-item{justify-content:center;min-height:65px;padding:12px 8px}.dashboard-sidebar.collapsed .sidebar-stats .stat-item svg{font-size:22px}.dashboard-sidebar.collapsed .stat-number{font-size:18px;font-weight:700}.dashboard-sidebar.collapsed .sidebar-footer{align-items:center;display:flex;flex-direction:column;padding:16px 10px}.dashboard-sidebar.collapsed .user-dropdown{align-items:center;display:flex;justify-content:center}.dashboard-sidebar.collapsed .user-dropdown-trigger{justify-content:center;padding:8px;width:auto}.dashboard-sidebar.collapsed .user-info{display:none}.dashboard-sidebar.collapsed .user-profile{justify-content:center;padding:12px}.dashboard-sidebar.collapsed .user-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;margin:0;min-height:48px;min-width:48px;overflow:hidden;width:48px}.dashboard-sidebar.collapsed .user-avatar span{font-size:20px}.dashboard-sidebar.collapsed .user-avatar img{border-radius:50%}.dashboard-sidebar.collapsed .nav-chevron,.dashboard-sidebar.collapsed .nav-section-divider,.dashboard-sidebar.collapsed .nav-sub-item,.dashboard-sidebar.collapsed .nav-sub-sub-item,.dashboard-sidebar.collapsed .nav-theme-toggle,.dashboard-sidebar.collapsed .sidebar-recent-chats,.dashboard-sidebar.collapsed .sidebar-stats,.dashboard-sidebar.collapsed .user-actions{display:none}.sidebar-recent-chats{flex:0 0 auto;margin:16px 0;padding:0 8px}.sidebar-recent-chats .recent-chats{background:#0000;border:none;box-shadow:none}.sidebar-recent-chats .recent-chats-header h4{color:#6b7280;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.sidebar-recent-chats .recent-chat-item{border:1px solid #0000;border-radius:10px;cursor:pointer;margin-bottom:4px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-recent-chats .recent-chat-item:hover{background:linear-gradient(135deg,#25d3660f,#128c7e0a);border-color:#25d36633;box-shadow:0 2px 8px #25d36614;transform:translateX(4px)}.sidebar-recent-chats .chat-avatar{font-size:12px;height:32px;width:32px}.sidebar-recent-chats .chat-name{font-size:13px;font-weight:500}.sidebar-recent-chats .chat-preview{color:#6b7280;font-size:11px}.sidebar-recent-chats .chat-time{font-size:10px}.sidebar-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);flex:0 0 auto;padding:8px 12px}.sidebar-stats{display:flex;gap:8px;margin-bottom:8px}.sidebar-stats .stat-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-height:65px;min-width:90px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-stats .stat-item:hover{background:linear-gradient(135deg,#25d3660d,#128c7e08);border-color:var(--whatsapp-green);box-shadow:0 6px 16px #25d36626;transform:translateY(-3px) scale(1.02)}.sidebar-stats .stat-item svg{color:var(--whatsapp-green);font-size:14px}.sidebar-stats .stat-item.usage-stat{background:#ffffff08;border-color:#ffffff1a}.sidebar-stats .stat-item.usage-stat:hover{background:#ffffff0f;border-color:currentColor;box-shadow:0 6px 16px #0000001a}.sidebar-stats .stat-item.usage-stat:first-child svg{color:#4caf50}.sidebar-stats .stat-item.usage-stat:last-child svg{color:#3b82f6}.sidebar-stats .stat-item.usage-stat .stat-number{font-weight:800;text-shadow:0 2px 4px #0003}.sidebar-stats .stat-number{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1}.sidebar-stats .stat-label{word-wrap:break-word;color:var(--text-secondary);font-size:7px;font-weight:600;letter-spacing:.3px;line-height:1.2;max-width:100%;overflow-wrap:break-word;text-align:center;text-transform:uppercase;white-space:normal}.settings-button{align-items:center;background:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:12px;transition:all .2s ease}.settings-button:hover{background:var(--whatsapp-light-gray);border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.dashboard-nav::-webkit-scrollbar{width:6px}.dashboard-nav::-webkit-scrollbar-track{background:#0000}.dashboard-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.dashboard-nav::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.nav-button{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:500;gap:12px;letter-spacing:-.01em;overflow:visible;padding:12px 10px;position:relative;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.nav-button span{display:block;flex:1 1;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-button:before{background:linear-gradient(180deg,var(--whatsapp-green) 0,#128c7e 100%);border-radius:4px 0 0 4px;bottom:0;content:"";position:absolute;right:0;top:0;transform:scaleY(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:4px}.nav-button:hover{background:linear-gradient(135deg,#25d3660f,#128c7e0a);border-radius:12px;box-shadow:0 2px 8px #25d36614;transform:translateX(6px)}.nav-button:hover .nav-icon{color:var(--whatsapp-green);transform:scale(1.15) rotate(-5deg)}.nav-button:hover:before{transform:scaleY(.6)}.nav-button.active{background:linear-gradient(135deg,#25d36626,#128c7e1f);border-radius:12px;box-shadow:0 4px 12px #25d36633;color:var(--whatsapp-green);font-weight:600;transform:translateX(4px)}.nav-button.active:before{box-shadow:0 0 8px #25d36680;transform:scaleY(1)}.nav-button.active .nav-icon{animation:iconPulse 2s ease-in-out infinite;transform:scale(1.1)}.nav-icon{color:var(--text-secondary);font-size:18px;min-width:18px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:18px}.nav-button.active .nav-icon{color:var(--whatsapp-green)}.nav-unread-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);border-radius:12px;box-shadow:0 2px 6px #25d36666;color:#fff;display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;margin-left:auto;min-width:22px;padding:3px 8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-unread-badge:hover{box-shadow:0 4px 12px #25d36680;transform:scale(1.1)}.nav-usage-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:60px;padding:6px 8px;transition:all .3s ease}.nav-usage-badge:hover{background:#ffffff26;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.usage-bar-container{background:#0003;height:6px;overflow:hidden;width:100%}.usage-bar,.usage-bar-container{border-radius:3px;position:relative}.usage-bar{box-shadow:0 0 8px currentColor;height:100%;transition:width .5s ease,background-color .3s ease}.usage-text{color:var(--text-primary);font-size:10px;font-weight:700;letter-spacing:.5px;text-align:center;text-shadow:0 1px 2px #0003}.dashboard-sidebar.collapsed .nav-usage-badge{min-width:40px;padding:4px 6px;position:absolute;right:6px;top:6px}.dashboard-sidebar.collapsed .usage-text{font-size:9px}.dashboard-sidebar.collapsed-hovered .nav-usage-badge{margin-left:auto;min-width:60px;padding:6px 8px;position:static}@keyframes badgePulse{0%,to{box-shadow:0 2px 6px #25d36666}50%{box-shadow:0 4px 12px #25d36699}}.nav-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;box-shadow:0 2px 4px #3b82f64d;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;margin-left:auto;min-width:18px;padding:2px 6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-badge:hover{box-shadow:0 4px 8px #3b82f666;transform:scale(1.08)}.nav-new-badge{animation:glow 2s infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;box-shadow:0 2px 6px #3b82f666;color:#fff;font-size:10px;font-weight:700;margin-left:auto;padding:2px 6px}@keyframes glow{0%,to{box-shadow:0 2px 6px #3b82f666}50%{box-shadow:0 4px 12px #3b82f699}}.dashboard-main{align-items:stretch!important;background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative}.dashboard-main>*{align-self:stretch!important;width:100%!important}.hamburger-menu{align-items:center;background:linear-gradient(135deg,#128c7e,#25d366);border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:none;font-size:24px;height:48px;justify-content:center;position:fixed;right:16px;top:16px;transition:all .3s ease;width:48px;z-index:1001}.hamburger-menu:hover{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.hamburger-menu:active{transform:scale(.98)}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:999}.sidebar-overlay.visible{opacity:1}.global-maintenance-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #2563eb33;color:#fff;display:flex;gap:16px;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.global-maintenance-banner .banner-icon-wrapper{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.global-maintenance-banner .banner-icon{color:#fff;font-size:20px}.global-maintenance-banner .banner-content{display:flex;flex-direction:column;gap:2px}.global-maintenance-banner .banner-content strong{color:#fff;font-size:14px;font-weight:600;letter-spacing:.3px}.global-maintenance-banner .banner-content span{color:#ffffffe6;font-size:13px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nav-button.maintenance-disabled{background:#0000!important;opacity:.5;position:relative}.nav-button.maintenance-disabled:hover{background:#0000!important;color:var(--text-secondary)!important;transform:none!important}.nav-button.maintenance-disabled:after{content:"🔒";font-size:12px;opacity:.7;position:absolute;right:12px}.maintenance-banner{align-items:center;background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:3px solid #f59e0b;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:32px;min-height:400px;padding:48px 24px;text-align:center}.maintenance-icon{animation:pulse 2s ease-in-out infinite;color:#f59e0b;font-size:64px;margin-bottom:24px}.maintenance-content{max-width:600px}.maintenance-content h3{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:16px}.maintenance-content p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:32px}.maintenance-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s ease}.maintenance-btn:hover{box-shadow:0 8px 16px #f59e0b4d;transform:translateY(-2px)}.nav-button.maintenance-disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.nav-button.maintenance-disabled .nav-icon,.nav-button.maintenance-disabled span{opacity:.5}@media (max-width:1024px){.hamburger-menu{display:flex}.sidebar-overlay{display:block}.sidebar-overlay:not(.visible){pointer-events:none}.dashboard-sidebar{border-radius:0;box-shadow:-4px 0 12px #00000026;height:100vh;height:var(--app-height,100vh);margin:0;max-width:80vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.dashboard-sidebar.mobile-visible{transform:translateX(0)}.sidebar-collapse-btn{display:none}.dashboard-sidebar.collapsed{width:240px}.dashboard-content{margin-left:0;padding:0}.conversation-view{border-radius:0;height:100vh;height:var(--app-height,100vh);margin:0}.notes-panel,.recent-chats{display:none}}.nav-button-wrapper{position:relative}.nav-popout{animation:popoutSlideIn .2s ease;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:84px;margin-left:0;min-width:200px;padding:8px 0;position:fixed;z-index:10000}.nav-popout:before{bottom:0;content:"";position:absolute;right:100%;top:0;width:12px}.dashboard-sidebar:not(.collapsed) .nav-popout{display:none}@keyframes popoutSlideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.popout-title{border-bottom:1px solid var(--border-color);color:var(--text-tertiary);font-size:12px;margin-bottom:4px;padding:8px 16px}.popout-subtitle,.popout-title{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.popout-subtitle{color:var(--text-secondary);font-size:11px;margin-bottom:2px;margin-top:8px;opacity:.7;padding:10px 16px 6px}.popout-subtitle:first-of-type{margin-top:0}.popout-item{border-radius:0!important;justify-content:flex-start!important;margin:0!important;padding:10px 16px!important;width:100%}.popout-item:hover{background:var(--hover-bg)!important}.popout-item.active{background:var(--primary-color)!important;color:#fff!important}.popout-item .nav-icon{font-size:16px;margin-right:12px}.nav-popout.single-item{padding:4px 0}.nav-popout.single-item .popout-item{padding:12px 16px!important}.mobile-chat-list{background:var(--bg-secondary);display:flex;flex-direction:column;height:100vh}.mobile-chat-header{align-items:flex-start;background:var(--whatsapp-green);box-shadow:0 2px 4px #00000014;color:#fff;display:flex;justify-content:space-between;min-height:56px;padding:16px 20px 12px;position:relative}.mobile-chat-header h1{font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.mobile-header-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:12px}.mobile-new-chat-fab,.mobile-notification-toggle{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.mobile-new-chat-fab svg,.mobile-notification-toggle svg{fill:currentColor;stroke:currentColor;stroke-width:0;height:20px;width:20px}.mobile-new-chat-fab:hover,.mobile-notification-toggle:hover{background:#ffffff40;transform:scale(1.05)}.mobile-new-chat-fab:active,.mobile-notification-toggle:active{transform:scale(.95)}.mobile-search{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px 16px}.mobile-search-container{align-items:center;display:flex;position:relative}.mobile-search-container .search-icon{color:var(--text-tertiary);font-size:18px;left:14px;pointer-events:none;position:absolute;z-index:1}.mobile-search-container .search-icon svg{fill:currentColor;stroke:currentColor;height:18px;width:18px}.mobile-search-input{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:15px;outline:none;padding:11px 16px 11px 44px;transition:all .2s ease;width:100%}.mobile-search-input:focus{background:var(--bg-secondary);border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d36614}.mobile-chat-list-container{background:var(--bg-secondary);flex:1 1;overflow-y:auto}.mobile-chat-item{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;padding:12px 16px;transition:all .15s ease}.mobile-chat-item:hover{background:var(--bg-tertiary)}.mobile-chat-item:active{background:#25d3660d}.mobile-chat-item.unread{background:#25d36608;border-left:3px solid var(--whatsapp-green)}.mobile-chat-item.unread .mobile-chat-name{color:var(--text-primary);font-weight:600}.mobile-chat-item.unread .mobile-last-message{color:var(--text-primary);font-weight:500}.mobile-chat-avatar{border-radius:50%;flex-shrink:0;height:52px;margin-right:12px;overflow:hidden;width:52px}.mobile-chat-avatar .avatar-image{height:100%;object-fit:cover;width:100%}.mobile-chat-list .mobile-chat-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);color:#fff;display:flex;font-size:19px;font-weight:600;height:100%;justify-content:center;letter-spacing:-.5px;width:100%}.mobile-chat-content{flex:1 1;min-width:0}.mobile-chat-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:3px}.mobile-chat-name{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:500;letter-spacing:-.1px;margin:0 8px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-chat-meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.mobile-chat-time{color:var(--text-tertiary);font-size:11px;font-weight:500;white-space:nowrap}.mobile-unread-badge{background:var(--whatsapp-green);border-radius:10px;color:#fff;font-size:11px;font-weight:700;line-height:1;min-width:20px;padding:3px 7px;text-align:center}.mobile-chat-preview{align-items:center;display:flex;gap:8px}.mobile-last-message{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;font-size:13px;gap:4px;line-height:1.4;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-type-icon{color:var(--text-tertiary);font-size:14px}.message-type-icon svg{fill:currentColor;stroke:currentColor;height:14px;width:14px}.mobile-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:200px;justify-content:center}.loading-spinner{border:3px solid #e9edef;border-top:3px solid var(--whatsapp-green);height:32px;width:32px}.mobile-empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.mobile-empty-state .empty-icon{color:var(--border-color);font-size:64px;margin-bottom:16px}.mobile-empty-state .empty-icon svg{fill:currentColor;stroke:currentColor;height:64px;width:64px}.mobile-empty-state h3{color:var(--text-primary);font-size:18px;margin:0 0 8px}.mobile-empty-state p{font-size:14px;margin:0 0 24px}.start-chat-btn{background:var(--whatsapp-green);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.start-chat-btn:hover{background:var(--whatsapp-green-dark);transform:translateY(-1px)}.mobile-chat-list-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@supports (padding:max(0px)){.mobile-chat-header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-top:max(16px,env(safe-area-inset-top))}}.mobile-chat-list-container{overscroll-behavior-y:contain}.mobile-dashboard{background:var(--bg-secondary);height:100vh;height:var(--app-height,100vh);left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.mobile-dashboard.loading{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center}.mobile-chat-list,.mobile-chat-view{background:var(--bg-secondary);height:100vh;height:var(--app-height,100vh);width:100vw}.mobile-chat-list .conversation-list,.mobile-chat-view .conversation-view{border-radius:0;height:100vh;height:var(--app-height,100vh);margin:0}.mobile-chat-list .conversation-list-header{background:var(--whatsapp-green);color:#fff;padding:20px 16px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-chat-list .conversation-list-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.mobile-chat-list .conversation-search{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px}.mobile-chat-list .conversations{background:var(--bg-secondary);height:calc(100vh - 140px);overflow-y:auto;padding-bottom:80px;position:relative;top:0}.mobile-chat-list .conversation-item{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);cursor:pointer;padding:16px;transition:background-color .2s ease}.mobile-chat-list .conversation-item:hover{background:var(--bg-tertiary)}.mobile-chat-list .conversation-item:active{background:#25d3661a}.mobile-new-chat-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #00a88466;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:20px;transition:all .2s ease;width:56px;z-index:1001}.mobile-new-chat-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 6px 16px #00a88480;transform:scale(1.05)}.mobile-new-chat-btn:active{transform:scale(.95)}.mobile-header-actions{position:absolute;right:16px;top:20px}.mobile-menu-button{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;padding:8px;transition:all .2s ease}.mobile-menu-button:hover{background:#ffffff4d}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid var(--whatsapp-green);margin-bottom:16px}.mobile-dashboard.loading p{color:var(--text-secondary);font-size:16px;margin:0}@media (min-width:769px){.mobile-dashboard{display:none}}.new-conversation-modal-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.new-conversation{animation:expandFromButton .3s cubic-bezier(.34,1.56,.64,1);background:var(--bg-secondary);border-radius:20px;bottom:80px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 120px);max-width:calc(100vw - 48px);overflow:hidden;position:fixed;right:24px;transform-origin:bottom right;width:420px;z-index:10000}.new-conversation.closing{animation:collapseToButton .25s cubic-bezier(.55,.06,.68,.19) forwards}@keyframes expandFromButton{0%{border-radius:50%;opacity:0;transform:scale(.1)}to{border-radius:20px;opacity:1;transform:scale(1)}}@keyframes collapseToButton{0%{border-radius:20px;opacity:1;transform:scale(1)}to{border-radius:50%;opacity:0;transform:scale(.1)}}.new-conversation-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:20px 20px 0 0;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.back-button{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:1.5rem;margin-right:1rem;padding:.5rem;transition:all .2s ease}.back-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.new-conversation-header h2{color:var(--text-primary);flex:1 1;font-size:1.5rem;font-weight:600;margin:0}.new-conversation-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;padding:4px;transition:all .2s ease;width:36px}.new-conversation-header .close-button:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.1)}.new-conversation-content{flex:1 1;overflow-y:auto;padding:0;width:100%}.new-conversation-form{padding:2rem}.contacts-section,.new-conversation-form{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 6px #0000001a}.contacts-section{overflow:hidden}.contacts-header{background:var(--bg-tertiary);padding:1.5rem 2rem}.contacts-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.search-container{position:relative}.search-icon{color:#6c757d;font-size:1.1rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem .75rem .75rem 2.5rem;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.contacts-list{flex:1 1;overflow-y:visible}.contact-item{align-items:center;border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;padding:1rem 2rem;transition:background-color .2s ease}.contact-item:hover{background-color:var(--bg-tertiary)}.contact-item:last-child{border-bottom:none}.contact-item.new-contact{background-color:#e3f2fd;border-bottom:2px solid #2196f3}.contact-item.new-contact:hover{background-color:#bbdefb}.contact-avatar{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;font-size:1.1rem;font-weight:600;height:48px;margin-right:1rem;width:48px}.contact-avatar.new{background:linear-gradient(135deg,#28a745,#20c997);font-size:1.2rem}.contact-name{font-size:1rem;margin-bottom:.25rem}.contact-details{color:var(--text-secondary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-contacts{color:#6c757d;padding:3rem 2rem;text-align:center}.no-contacts-icon{color:#dee2e6;font-size:3rem;margin-bottom:1rem}.no-contacts p{font-size:1rem;margin:0 0 1.5rem}.form-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.form-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.form-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.back-to-contacts{align-items:center;background:none;border:none;border-radius:6px;color:#007bff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem;transition:all .2s ease}.back-to-contacts:hover{background-color:#007bff1a;color:#0056b3}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-icon{color:#6c757d;margin-right:.5rem}.form-input,.form-textarea{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-help{color:#6c757d;display:block;font-size:.8rem;margin-top:.25rem}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn{display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));font-weight:600}.btn-primary:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:2px solid #fff3;font-weight:600}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}@media (max-width:768px){.new-conversation{animation:expandFromButtonMobile .3s cubic-bezier(.34,1.56,.64,1);border-radius:20px 20px 0 0;bottom:0;left:0;max-height:100vh;max-width:100%;right:0;width:100%}@keyframes expandFromButtonMobile{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.contacts-header{padding:1rem}.contacts-header h3{font-size:1.1rem;margin-bottom:.75rem}.contact-item{padding:.75rem 1rem}.contact-avatar{font-size:1rem;height:40px;margin-right:.75rem;width:40px}.contact-name{font-size:.9rem}.contact-details{font-size:.8rem}.form-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.form-header h3{font-size:1.1rem}.back-to-contacts{font-size:.85rem}.no-contacts{padding:2rem 1rem}.no-contacts-icon{font-size:2.5rem}.new-conversation-header{border-radius:20px 20px 0 0;flex-shrink:0;padding:.75rem 1rem}.new-conversation-header h2{font-size:1.25rem}.back-button{margin-right:.75rem;padding:.375rem}.new-conversation-content{-webkit-overflow-scrolling:touch;flex:1 1;max-width:none;overflow-y:auto;padding:.75rem}.new-conversation-form{border-radius:8px;margin:0;min-height:auto;padding:1rem}.form-group{margin-bottom:1rem}.form-input,.form-textarea{font-size:16px;padding:.875rem}.form-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-bottom:1rem;padding-top:1rem}.btn{justify-content:center;padding:.875rem 1.5rem;width:100%}}.confirmation-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:500px;padding:20px;text-align:center}.confirmation-header{margin-bottom:30px}.confirmation-header h3{color:var(--text-primary);margin-bottom:8px}.confirmation-header p{color:var(--text-secondary);margin:0}.contact-preview{background:var(--bg-tertiary);border-radius:12px;gap:20px;margin-bottom:30px;padding:20px}.contact-avatar.large,.contact-preview{align-items:center;display:flex;justify-content:center}.contact-avatar.large{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:32px;font-weight:700;height:80px;width:80px}.contact-details h4{color:var(--text-primary);font-size:24px;margin:0 0 8px}.contact-details p{color:var(--text-secondary);font-size:16px;margin:0}.template-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;margin-bottom:30px;padding:20px;text-align:left}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:12px;margin-bottom:8px}.checkbox-label input[type=checkbox]{accent-color:#007bff;height:18px;width:18px}.template-option small{color:#666;display:block;font-size:14px;margin-left:30px}.confirmation-actions{display:flex;gap:15px;justify-content:center}.confirmation-actions .btn{border-radius:8px;font-weight:500;gap:8px;min-width:140px;padding:12px 24px}.confirmation-actions .btn,.login-container{align-items:center;display:flex;justify-content:center}.login-container{animation:bgShift 15s ease infinite;background:linear-gradient(135deg,#25d366,#128c7e 50%,#0d7a6a);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow:hidden;padding:20px;position:relative}@keyframes bgShift{0%,to{background:linear-gradient(135deg,#25d366,#128c7e 50%,#0d7a6a)}50%{background:linear-gradient(135deg,#128c7e,#25d366 50%,#1ea589)}}.login-container:before{animation:float 10s ease-in-out infinite;background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;content:"";height:500px;left:-150px;position:absolute;top:-150px;width:500px}.login-container:after{animation:float 12s ease-in-out infinite reverse;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;bottom:-100px;content:"";height:400px;position:absolute;right:-100px;width:400px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.login-card{animation:slideIn .6s cubic-bezier(.4,0,.2,1) backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff9;border-radius:24px;box-shadow:0 30px 80px #00000040,0 0 0 1px #ffffff80;max-width:440px;padding:48px 36px;position:relative;width:100%;z-index:1}.login-brand{align-items:center;animation:fadeInScale .8s cubic-bezier(.4,0,.2,1) backwards;display:flex;justify-content:center;margin:0 auto 32px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.login-logo{filter:drop-shadow(0 8px 24px rgba(37,211,102,.2));height:auto;transition:all .3s ease;width:120px}.login-logo:hover{filter:drop-shadow(0 12px 32px rgba(37,211,102,.3));transform:scale(1.05)}.login-icon{align-items:center;animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#25d3661a,#128c7e1a);border:2px solid #25d36633;border-radius:20px;box-shadow:0 8px 24px #25d36626;color:#25d366;display:flex;height:72px;justify-content:center;margin:0 auto 28px;width:72px}@keyframes iconPulse{0%,to{box-shadow:0 8px 24px #25d36626;transform:scale(1)}50%{box-shadow:0 12px 32px #25d36640;transform:scale(1.05)}}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#25d366);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px;text-align:center}.login-subtitle{color:#6b7280;font-size:15px;font-weight:500;line-height:1.6;margin:0 0 32px;text-align:center}.login-form{gap:14px}.input-group input{border:2px solid #e5e7eb;border-radius:14px;font-weight:500;isolation:auto;padding:16px 18px 16px 50px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-group input::placeholder{font-weight:400}.input-group input:focus{box-shadow:0 0 0 4px #25d3661f;transform:translateY(-2px)}.forgot-password-row{text-align:right}.forgot-password-link{background:none;border:none;color:#6b7280;cursor:pointer;font-size:13px;padding:0;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#111827}.submit-button{border-radius:14px;box-shadow:0 8px 20px #25d3664d;font-weight:700;gap:10px;letter-spacing:.3px;margin-top:12px;overflow:hidden;padding:16px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);width:100%}.submit-button:hover:before{left:100%}.submit-button:hover:not(:disabled){box-shadow:0 12px 32px #25d36673;transform:translateY(-3px)}.submit-button:active:not(:disabled){box-shadow:0 6px 16px #25d36659;transform:translateY(-1px)}.animated-fill-btn{border:2px solid #25d366!important}.animated-fill-btn span{align-items:center;display:flex;gap:10px;justify-content:center;position:relative;z-index:2}.animated-fill-btn:after{background:linear-gradient(135deg,#1fa65a,#0f7a4a);content:"";height:100%;left:0;position:absolute;top:0;transition:all .35s ease-in-out;width:0;z-index:1}.animated-fill-btn:hover:not(:disabled):after{width:100%}.animated-fill-btn:hover:not(:disabled){background:#0000;color:#fff;transform:translateY(-1px)}.toggle-method-btn{background:none;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px;text-decoration:none;transition:all .2s ease;width:100%}.toggle-method-btn:hover:not(:disabled){background:#25d3660d;color:#25d366}.toggle-method-btn:disabled{cursor:not-allowed;opacity:.5}.back-link{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;margin-top:8px;padding:12px 24px;transition:color .2s;width:100%}.back-link:hover{color:#111827}.error-message,.success-message{animation:messageSlideIn .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014;font-weight:600;gap:12px;margin-bottom:20px;padding:14px 18px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-message{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #6ee7b7}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.brand-header{margin-bottom:60px;text-align:left}.brand-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;color:#fff;display:inline-flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.brand-title{font-size:48px;font-weight:700;letter-spacing:-1px;margin:0 0 12px;text-shadow:0 2px 10px #0000001a}.brand-subtitle{font-size:20px;font-weight:400;letter-spacing:.5px;margin:0;opacity:.95}.brand-features{display:flex;flex-direction:column;gap:28px;margin-bottom:60px}.feature-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;gap:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-item:hover{background:#ffffff26;box-shadow:0 8px 24px #00000026;transform:translateX(10px)}.feature-icon{align-items:center;background:#ffffff40;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.feature-content h3{font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0 0 8px}.feature-content p{font-size:14px;line-height:1.6;margin:0;opacity:.9}.brand-footer{border-top:1px solid #fff3;padding-top:40px;text-align:center}.brand-footer p{font-size:14px;font-weight:500;letter-spacing:.5px;margin:0;opacity:.8;text-transform:uppercase}.login-form-side{align-items:center;background:var(--bg-secondary);display:flex;flex:1 1;justify-content:center;padding:60px 40px;position:relative}.form-container{animation:slideInRight .6s cubic-bezier(.4,0,.2,1);max-width:460px;width:100%}.form-header{margin-bottom:40px}.form-header h2{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.form-header p{color:var(--text-secondary);font-size:16px;font-weight:400;margin:0}.error-message,.success-message{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:24px;padding:14px 16px}.success-message{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.error-message{background-color:#fee2e2}.login-form{display:flex;flex-direction:column;gap:24px}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:16px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.input-wrapper input:focus{background:var(--bg-secondary);border-color:#25d366;box-shadow:0 0 0 4px #25d3661f;outline:none;transform:translateY(-2px)}.input-wrapper input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.input-icon{color:var(--text-secondary);display:flex;flex-shrink:0;font-size:16px;height:16px;width:16px}.password-toggle{border-radius:4px;color:var(--text-tertiary);flex-shrink:0;font-size:16px;height:24px;right:18px;transition:color .2s ease;width:24px;z-index:2}.password-toggle:hover{color:var(--text-secondary)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-button{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;box-shadow:0 4px 15px #25d36640;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;overflow:hidden;padding:16px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.login-button:hover:before{left:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a085);box-shadow:0 8px 25px #25d36666;transform:translateY(-3px)}.login-button:active:not(:disabled){transform:translateY(-1px);transition:all .1s cubic-bezier(.4,0,.2,1)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{animation:spin 1s linear infinite}.login-footer{margin-top:24px;text-align:center}.back-to-login-link,.forgot-password-link{background:none;border:none;border-radius:4px;color:#25d366;cursor:pointer;font-size:14px;padding:4px 8px;text-decoration:underline;transition:all .2s ease}.back-to-login-link:hover,.forgot-password-link:hover{background-color:#25d3661a;color:#128c7e;text-decoration:none}.back-to-login-link:disabled,.forgot-password-link:disabled{cursor:not-allowed;opacity:.5}.login-info{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px;text-align:center}.security-badge{align-items:center;background:#25d3661a;border:1px solid #25d36633;border-radius:20px;color:#128c7e;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:8px;padding:6px 12px}.security-icon{height:12px;width:12px}.login-info p{color:var(--text-tertiary);font-size:12px;line-height:1.4;margin:0}@media (max-width:768px){.login-card{max-width:380px;padding:36px 28px}.login-title{font-size:24px}.login-subtitle{font-size:14px}}.security-info{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s backwards;margin-top:20px;text-align:center}.security-info .security-badge{align-items:center;background:linear-gradient(135deg,#25d36626,#128c7e1a);border:2px solid #25d3664d;border-radius:24px;box-shadow:0 4px 12px #25d36626;color:#128c7e;display:inline-flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.3px;margin-bottom:12px;padding:10px 20px}.security-info p{color:#6b7280;font-size:13px;font-weight:500;line-height:1.6;margin:0}@media (max-width:480px){.login-card{border-radius:20px;padding:40px 28px}.login-icon{height:60px;width:60px}.login-title{font-size:26px}.login-subtitle{font-size:14px}.input-group input{font-size:14px;padding:14px 16px 14px 46px}.submit-button{font-size:15px;padding:14px 24px}.login-container:after,.login-container:before{animation:none}}.signup-container{align-items:center!important;background:linear-gradient(135deg,#25d366,#128c7e)!important;inset:0!important;bottom:0!important;display:flex!important;flex:none!important;flex-grow:0!important;flex-shrink:0!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden!important;overflow-y:auto!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;width:100vw!important;z-index:999999!important}.signup-card{animation:slideIn .5s ease;background:#fff!important;border-radius:16px;box-shadow:0 20px 60px #0003;margin:0 auto!important;max-width:400px!important;min-width:320px!important;overflow:hidden;padding:28px 24px;position:relative!important;width:100%!important;z-index:10!important}.signup-icon{background:#f3f4f6;border-radius:12px;color:#25d366;height:56px;margin:0 auto 20px;width:56px}.progress-steps,.signup-icon{align-items:center;display:flex;justify-content:center}.progress-steps{gap:12px;margin-bottom:24px}.progress-steps .step{align-items:center;background:#e5e7eb;border-radius:50%;color:#9ca3af;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s;width:32px}.progress-steps .step.active{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;transform:scale(1.1)}.progress-steps .step-line{background:#e5e7eb;height:2px;width:40px}.signup-title{color:#111827;font-size:22px;font-weight:700;margin:0 0 6px;text-align:center}.signup-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px;text-align:center}.signup-subtitle strong{color:#25d366}.role-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.role-badge{border-radius:12px;display:inline-block;font-size:13px;font-weight:600;margin-bottom:12px;padding:6px 16px;text-transform:capitalize}.role-badge.agent{background:#dbeafe;color:#1e40af}.role-badge.helpdesk{background:#fef3c7;color:#92400e}.role-badge.supervisor{background:#e9d5ff;color:#6b21a8}.permissions-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.permissions-list span{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:11px;padding:4px 10px}.review-section{display:flex;flex-direction:column;gap:12px}.review-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px}.review-item svg{color:#25d366;flex-shrink:0}.review-item>div{display:flex;flex:1 1;flex-direction:column;gap:4px}.review-label{color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.review-value{color:#111827;font-size:14px;font-weight:600}.button-group{display:flex;gap:10px;margin-top:8px;width:100%}.button-group .back-button{align-items:center;background:#f3f4f6!important;border:none!important;border-radius:10px;color:#374151!important;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;justify-content:center;padding:12px!important;transition:all .2s}.button-group .back-button.icon-only{border-radius:12px;flex:0 0 auto;height:48px;padding:0!important;width:48px}.button-group .back-button:hover:not(:disabled){background:#e5e7eb!important}.button-group .back-button:disabled{cursor:not-allowed;opacity:.5}.button-group .submit-button{flex:1 1;margin:0}.error-icon{color:#dc2626;display:flex;justify-content:center;margin-bottom:24px}.signup-form{display:flex;flex-direction:column;gap:14px}.form-group input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#111827;font-size:15px;padding:14px 16px;transition:all .2s;width:100%}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{background:#fff;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:45px}.password-input-wrapper .password-toggle{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s}.field-hint,.password-input-wrapper .password-toggle:hover{color:#6b7280}.field-hint{font-size:13px;margin:4px 0 0}.input-group{align-items:center;display:flex;position:relative}.input-icon{align-items:center;color:#6b7280!important;display:flex!important;height:20px;justify-content:center;left:16px;opacity:1!important;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);visibility:visible!important;width:20px;z-index:100!important}.input-group input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#111827;font-size:15px;padding:14px 16px 14px 46px;position:relative;transition:all .2s;width:100%;z-index:1}.input-group input::placeholder{color:#9ca3af}.input-group input:focus{background:#fff;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.input-group input:disabled{cursor:not-allowed;opacity:.6}.password-toggle{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s;z-index:10}.password-toggle:hover{color:#6b7280}.submit-button{border-radius:10px;box-shadow:0 4px 15px #25d36640;font-size:15px;padding:14px 24px;transition:all .2s;width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a085);box-shadow:0 8px 25px #25d36666}.submit-button:disabled{opacity:.6}.login-link{color:#6b7280;font-size:14px;margin-top:20px;text-align:center}.login-link a{color:#25d366;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}.error-message{align-items:center;display:flex;gap:10px;margin-bottom:16px}.loading-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:20px;margin:0 auto;width:20px}@media (max-width:768px){.signup-card{max-width:400px;padding:36px 28px}.signup-title{font-size:24px}.signup-subtitle{font-size:14px}}@media (max-width:480px){.signup-card{padding:32px 24px}.signup-icon{height:56px;width:56px}.progress-steps{gap:8px}.progress-steps .step{font-size:13px;height:28px;width:28px}.progress-steps .step-line{width:30px}.input-group input{font-size:14px;padding:12px 14px 12px 42px}.form-group input{font-size:14px;padding:12px 14px}.submit-button{font-size:14px;padding:12px 20px}.button-group .back-button{font-size:14px;padding:12px}.button-group .back-button.icon-only{height:44px;width:44px}}.success-icon{background:#dcfce7;color:#16a34a;height:80px;margin:0 auto 24px;width:80px}.success-message{color:#4b5563;font-size:15px;margin:0 0 16px;text-align:center}.success-box{background:#dcfce7;border-radius:12px;margin:24px 0;padding:20px;text-align:left}.success-box p{color:#166534;font-size:14px;line-height:1.6;margin:0}.success-box strong{color:#14532d;font-weight:600}.token-login-container{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e 50%,#075e54);display:flex;justify-content:center;min-height:100vh;padding:20px}.token-login-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:400px;padding:48px 40px;text-align:center;width:100%}.status-icon{align-items:center;border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.status-icon.verifying{background:#25d3661a}.status-icon.success{background:#4caf501a;color:#4caf50}.status-icon.error{background:#f443361a;color:#f44336}.spinner{border:4px solid #25d36633;height:40px;width:40px}.checkmark,.cross{font-weight:700}.token-login-card h2{color:#333;font-size:24px;margin:0 0 12px}.token-login-card p{color:#666;font-size:16px;line-height:1.5;margin:0 0 24px}.back-btn{background:#25d366;display:block;font-size:14px;margin:0 auto;padding:12px 24px;transition:all .2s ease}.back-btn:hover{background:#128c7e;box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}[data-theme=dark] .token-login-card{background:var(--bg-secondary)}[data-theme=dark] .token-login-card h2{color:var(--text-primary)}[data-theme=dark] .token-login-card p{color:var(--text-secondary)}.pwa-install-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.pwa-install-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:480px;padding:32px;position:relative;width:90%}.pwa-close-btn{background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;font-size:24px;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.pwa-close-btn:hover{background:#f0f2f5;color:#111b21}.pwa-install-content{text-align:center}.pwa-install-icon{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));border-radius:50%;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.pwa-install-content h3{color:#111b21;font-size:24px;font-weight:600;margin:0 0 8px}.pwa-install-content p{color:#667781;font-size:16px;line-height:1.4;margin:0 0 24px}.pwa-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;text-align:left}.pwa-benefit{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.benefit-icon{color:var(--whatsapp-green);font-size:20px}.pwa-benefit span{color:#111b21;font-weight:500}.pwa-ios-instructions{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;margin-bottom:24px;padding:16px;text-align:left}.pwa-ios-instructions p{color:#1976d2;font-weight:600;margin:0 0 12px}.pwa-ios-instructions ol{color:#1565c0;margin:0;padding-left:20px}.pwa-ios-instructions li{margin-bottom:4px}.pwa-install-actions{margin-bottom:24px}.pwa-install-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 auto;padding:16px 32px;transition:all .2s ease}.pwa-install-btn:hover{background:var(--whatsapp-green-dark);transform:translateY(-1px)}.pwa-manual-install{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;padding:16px}.pwa-manual-install p{color:#856404;margin:0 0 8px}.pwa-manual-install p:last-child{margin:0}.pwa-prompt-actions{display:flex;gap:12px;justify-content:center}.pwa-dismiss-btn,.pwa-remind-btn{background:none;border:1px solid #e9edef;border-radius:8px;color:#667781;cursor:pointer;font-size:14px;padding:12px 20px;transition:all .2s ease}.pwa-remind-btn:hover{background:#f0f2f5;border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.pwa-dismiss-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}@media (max-width:640px){.pwa-install-modal{margin:16px;padding:24px}.pwa-benefits{gap:8px}.pwa-benefit{padding:8px 12px}.pwa-prompt-actions{flex-direction:column}.pwa-dismiss-btn,.pwa-remind-btn{width:100%}}.desktop-notification{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;opacity:0;overflow:hidden;position:fixed;right:20px;top:20px;transform:translateX(400px);transition:all .3s cubic-bezier(.4,0,.2,1);width:360px;z-index:10000}.desktop-notification.visible{opacity:1;transform:translateX(0)}.desktop-notification.exiting{opacity:0;transform:translateX(400px)}.notification-header{align-items:center;background:linear-gradient(135deg,#6264a7,#5b5fc7);color:#fff;display:flex;padding:16px 16px 12px;position:relative}.notification-avatar{margin-right:12px;position:relative}.avatar-circle{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.status-indicator{border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.status-indicator.online{background:#25d366}.notification-info{flex:1 1}.notification-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.notification-subtitle{color:#fffc;font-size:12px}.notification-close{background:none;border:none;border-radius:4px;color:#fffc;cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.notification-close:hover{background:#ffffff1a;color:#fff}.notification-body{background:#fff;padding:16px}.notification-message{word-wrap:break-word;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#323130;display:-webkit-box;font-size:14px;line-height:1.4;margin-bottom:8px;max-height:60px;overflow:hidden}.notification-attachment{background:#f3f2f1;border-radius:6px;color:#605e5c;display:inline-block;font-size:12px;padding:6px 10px}.notification-actions{background:#faf9f8;border-top:1px solid #edebe9;display:flex;gap:8px;padding:12px 16px}.action-btn{background:#fff;border:1px solid #d2d0ce;border-radius:6px;color:#323130;flex:1 1;font-size:12px;font-weight:500;gap:4px;padding:8px 12px}.action-btn:hover{background:#f3f2f1;border-color:#c8c6c4}.reply-btn:hover{background:#deecf9;border-color:#0078d4;color:#0078d4}.mark-read-btn:hover{background:#dff6dd;border-color:#107c10;color:#107c10}.notification-timestamp{bottom:8px;color:#a19f9d;font-size:11px;position:absolute;right:16px}.desktop-notification:nth-child(2){top:110px}.desktop-notification:nth-child(3){top:200px}.desktop-notification:nth-child(4){top:290px}@media (max-width:768px){.desktop-notification{left:20px;right:20px;transform:translateY(-100px);width:calc(100vw - 40px)}.desktop-notification.visible{transform:translateY(0)}.desktop-notification.exiting{transform:translateY(-100px)}}@media (prefers-color-scheme:dark){.desktop-notification{background:#2d2c2c;border-color:#484644}.notification-body{background:#2d2c2c}.notification-message{color:#fff}.notification-actions{background:#3b3a39;border-color:#484644}.action-btn{background:#2d2c2c;border-color:#484644;color:#fff}.action-btn:hover{background:#3b3a39}}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.desktop-notification:hover{box-shadow:0 12px 40px #00000026,0 4px 12px #0000001a;transform:translateY(-2px)}.desktop-notification:hover.visible{transform:translateX(0) translateY(-2px)}.contacts-page{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;width:100%}.contacts-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.loading-icon{color:var(--whatsapp-green);font-size:48px}.spinning{animation:spin 1s linear infinite}.contacts-stats{grid-gap:16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px 24px}.stat-card{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.stat-card:hover{border-color:var(--whatsapp-green);box-shadow:var(--shadow-medium);transform:translateY(-2px)}[data-theme=dark] .stat-card:hover{box-shadow:0 8px 24px #0006}.stat-card .stat-icon{align-items:center;background:#25d3661a;border-radius:12px;color:var(--whatsapp-green);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}[data-theme=dark] .stat-card .stat-icon{background:#25d36633}.stat-card .stat-content{display:flex;flex-direction:column;gap:4px}.stat-card .stat-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1}.stat-card .stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.contacts-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 24px 16px}.header-left h1{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.header-left p{color:var(--text-secondary);font-size:14px;margin:0}.add-contact-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.add-contact-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}[data-theme=dark] .add-contact-btn{box-shadow:0 2px 8px #25d36633}[data-theme=dark] .add-contact-btn:hover{box-shadow:0 4px 12px #25d36666}.contacts-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:16px 24px}.search-bar{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;gap:10px;padding:10px 16px;position:relative;transition:all .2s ease}.search-bar:focus-within{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d36614}.search-bar svg{color:var(--text-secondary);flex-shrink:0;font-size:18px}.search-bar input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.search-bar input::placeholder{color:var(--text-tertiary)}.view-toggle{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;display:flex;gap:4px;padding:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px 12px;transition:all .2s ease}.view-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.view-btn.active{background:var(--whatsapp-green);color:#fff}.contacts-container{flex:1 1;overflow-y:auto;padding:24px}.contacts-container.grid-view{grid-gap:16px;align-content:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.contacts-container.list-view{display:flex;flex-direction:column;gap:12px}.contact-card{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s ease}.contact-card:hover{border-color:var(--whatsapp-green);box-shadow:var(--shadow-medium);transform:translateY(-2px)}[data-theme=dark] .contact-card:hover{box-shadow:0 8px 24px #0006}.grid-view .contact-card{align-items:center;flex-direction:column;text-align:center}.list-view .contact-card{align-items:flex-start;flex-direction:row}.contact-avatar{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);border-radius:50%;box-shadow:0 4px 12px #25d36633;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}[data-theme=dark] .contact-avatar{box-shadow:0 4px 12px #25d3664d}.list-view .contact-avatar{height:56px;width:56px}.contact-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initials{font-size:28px;font-weight:700;letter-spacing:1px}.list-view .avatar-initials{font-size:20px}.contact-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.grid-view .contact-info{align-items:center;width:100%}.contact-name{color:var(--text-primary);font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-view .contact-name{font-size:16px}.contact-detail{align-items:center;display:flex;gap:8px}.contact-detail,.contact-detail svg{color:var(--text-secondary);font-size:14px}.contact-detail svg{flex-shrink:0}.contact-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.grid-view .contact-tags{justify-content:center}.tag{background:#25d3661a;border:1px solid #25d36633;border-radius:12px;color:var(--whatsapp-green);font-size:12px;font-weight:500;padding:4px 10px}[data-theme=dark] .tag{background:#25d36626;border-color:#25d3664d}.tag.more-tags{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.contact-actions{display:flex;gap:8px}.grid-view .contact-actions{border-top:1px solid var(--border-color);justify-content:center;padding-top:12px;width:100%}.action-btn{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:10px;transition:all .2s ease}.action-btn:hover{box-shadow:var(--shadow-light);transform:translateY(-1px)}[data-theme=dark] .action-btn:hover{box-shadow:0 4px 12px #0006}.action-btn.primary{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.action-btn.primary:hover{background:var(--whatsapp-green-dark)}.action-btn.danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.action-btn.danger:hover{background:#ef444433;border-color:#ef444480}.empty-state{padding:80px 40px}.empty-icon{color:var(--border-color);font-size:80px;opacity:.5}[data-theme=dark] .empty-icon{opacity:.3}.empty-state h3{color:var(--text-primary);font-size:24px}.empty-state p{color:var(--text-secondary);font-size:16px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}[data-theme=dark] .modal-overlay{background:#000000d9}.modal-content{animation:slideUp .3s ease;background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-heavy);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1.5px solid var(--border-color);justify-content:space-between;padding:24px}.modal-header h2{font-size:22px}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:all .2s ease}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .modal-content{box-shadow:0 20px 60px #0009}.modal-content form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);margin-bottom:8px}.form-group input,.form-group textarea{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:var(--bg-secondary);border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d36614;outline:none}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{background:var(--bg-tertiary);border-radius:0 0 16px 16px;border-top:1.5px solid var(--border-color);display:flex;gap:12px;padding:20px 24px}.cancel-btn,.submit-btn{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:var(--bg-secondary);border:1.5px solid var(--border-color);color:var(--text-primary)}.cancel-btn:hover{background:var(--bg-tertiary)}.submit-btn{background:var(--whatsapp-green)}.submit-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}[data-theme=dark] .submit-btn:hover{box-shadow:0 4px 12px #25d36666}@media (max-width:768px){.contacts-stats{gap:12px;grid-template-columns:1fr;padding:16px}.stat-card{padding:16px}.contacts-header{align-items:flex-start;flex-direction:column;gap:16px}.add-contact-btn{justify-content:center;width:100%}.contacts-toolbar{flex-direction:column;padding:12px 16px}.contacts-container.grid-view{grid-template-columns:1fr;padding:16px}.contact-card,.contacts-container{padding:16px}.list-view .contact-card{align-items:center;flex-direction:column;text-align:center}.list-view .contact-info{align-items:center}.list-view .contact-tags{justify-content:center}.list-view .contact-actions{border-top:1px solid var(--border-color);justify-content:center;padding-top:12px;width:100%}}.profile-completion-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.profile-completion-modal{animation:slideUp .4s ease-out;background:var(--bg-secondary);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:40px;width:100%}.modal-header{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:32px;text-align:center}.modal-header h2{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.modal-header h2,.modal-header p{margin:0;text-align:center;width:100%}.modal-header p{color:var(--text-secondary);font-size:15px}.profile-form{display:flex;flex-direction:column;gap:24px}.photo-upload-section{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:24px}.photo-preview{background:var(--bg-tertiary);border:4px solid var(--bg-secondary);border-radius:50%;box-shadow:var(--shadow-medium);height:120px;overflow:hidden;width:120px}.photo-preview img{height:100%;object-fit:cover;width:100%}.photo-placeholder{align-items:center;background:var(--bg-tertiary);color:var(--text-tertiary);display:flex;height:100%;justify-content:center;width:100%}.photo-upload-button{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;box-shadow:0 4px 12px #25d3664d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.photo-upload-button:hover{box-shadow:0 6px 16px #25d36666;transform:translateY(-2px)}.photo-hint{color:var(--text-tertiary);font-size:12px;margin:0}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px}.form-field label svg{color:var(--text-secondary);height:16px;width:16px}.form-field input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;padding:14px 16px;transition:all .3s ease}.form-field input:focus{border-color:#25d366;box-shadow:0 0 0 4px #25d3661a;outline:none}.form-field input::placeholder{color:var(--text-tertiary)}.error-message{background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;color:#991b1b;font-size:14px;font-weight:500;padding:12px 16px}.submit-button{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;box-shadow:0 4px 15px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:16px 24px;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #25d36666;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:480px){.profile-completion-modal{border-radius:16px;padding:28px 20px}.modal-header h2{font-size:24px}.modal-header p{font-size:14px}.photo-upload-section{padding:20px}.photo-preview{height:100px;width:100px}.form-field input{font-size:14px;padding:12px 14px}.submit-button{font-size:15px;padding:14px 20px}}.ticket-detail-redesign{background:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.ticket-header-fixed{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a;display:flex;gap:20px;justify-content:space-between;padding:12px 24px 12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{flex:0 0 auto;gap:4px;min-width:0;overflow:visible}.back-btn-icon,.info-btn-icon{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin:0;padding:6px;transition:all .2s;width:32px}.back-btn-icon:hover,.info-btn-icon:hover{background:#f3f4f6;color:#10b981}.back-btn-icon svg,.info-btn-icon svg{font-size:20px}.header-title-section{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.ticket-title-header{color:#111827;font-size:16px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.ticket-id-badge{align-self:flex-start;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;flex-shrink:0;font-size:13px;font-weight:600;margin-top:0;padding:4px 12px;white-space:nowrap}.header-controls{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px}.control-item{align-items:flex-start;display:flex;flex-direction:column;gap:2px;justify-content:center}.control-item label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.3px;line-height:1;text-transform:uppercase}.select-control{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;min-width:110px;padding:5px 8px;transition:all .2s}.select-control:hover{border-color:#10b981}.select-control:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.assignment-dropdown-container{position:relative}.assignment-select{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;min-width:150px;padding:5px 8px;transition:all .2s}.assignment-select.active{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.assignment-selected{align-items:center;display:flex;gap:8px}.assignment-avatar{background:#e0e0e0;border-radius:50%;height:24px;object-fit:cover;width:24px}.assignment-avatar-initials{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;width:24px}.assignment-avatar-empty{background:#e5e7eb;border:2px dashed #9ca3af;border-radius:50%;height:24px;width:24px}.assignment-dropdown-list{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;left:0;max-height:400px;max-width:400px;min-width:100%;overflow:hidden;position:absolute;top:calc(100% + 4px);width:-webkit-max-content;width:max-content;z-index:1000}.assignment-search-input{background:#f9fafb;border:none;border-bottom:2px solid #e5e7eb;font-size:14px;outline:none;padding:10px 12px}.assignment-search-input:focus{background:#fff;border-bottom-color:#10b981}.assignment-options{max-height:350px;overflow-y:auto}.assignment-option{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s;width:100%}.assignment-option:last-child{border-bottom:none}.assignment-option:hover{background:#f0fdf4}.assignment-option-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.assignment-option-name{color:#111827;font-size:13px;font-weight:500}.assignment-option-email{color:#6b7280;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resolve-btn-header{align-items:center;background:#6b7280;border:none;border-radius:6px;box-shadow:0 1px 3px #6b728033;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;height:32px;padding:6px 12px;transition:all .2s;white-space:nowrap}.resolve-btn-header.has-resolution{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98133}.stripe-search-btn{align-items:center;background:linear-gradient(135deg,#6772e5,#5469d4);border:none;border-radius:6px;box-shadow:0 1px 3px #6772e533;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;height:32px;padding:6px 12px;transition:all .2s;white-space:nowrap}.stripe-search-btn:hover{background:linear-gradient(135deg,#5469d4,#4355c4);box-shadow:0 4px 12px #6772e54d}.resolve-btn-header:hover,.stripe-search-btn:hover{transform:translateY(-1px)}.resolve-btn-header:hover:not(.has-resolution){background:#4b5563;box-shadow:0 4px 12px #6b72804d}.resolve-btn-header.has-resolution:hover{box-shadow:0 4px 12px #10b9814d}.notes-toggle-btn{align-items:center;background:#10b981;border:none;border-radius:6px;box-shadow:0 1px 3px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;height:32px;padding:6px 12px;transition:all .2s;white-space:nowrap}.notes-toggle-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.notes-count-badge{background:#ffffff4d;border-radius:10px;font-size:11px;min-width:18px;padding:2px 6px;text-align:center}.content-wrapper{display:flex;flex:1 1;overflow-x:hidden;overflow-y:auto;transition:all .3s ease}.content-wrapper.notes-open .ticket-main-layout{width:calc(100% - 500px)}.notes-slide-panel-push{animation:slideIn .3s ease;background:#fff;border-left:2px solid #e5e7eb;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;max-width:500px;min-width:500px;overflow:hidden;width:500px}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.notes-panel-header{align-items:center;background:#fff;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.notes-panel-title{align-items:center;display:flex;gap:12px}.notes-panel-title svg{color:#10b981;font-size:22px}.notes-panel-title h3{color:#111827;font-size:18px;font-weight:600;margin:0}.close-panel-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.close-panel-btn:hover{background:#f3f4f6;color:#ef4444}.notes-panel-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding-bottom:0}.notes-panel-content .notes-list{flex:1 1;overflow-y:auto;padding:20px 24px 10px}.add-note-input-fixed{background:#fff;border-top:2px solid #f3f4f6;bottom:0;box-shadow:0 -4px 12px #0000000d;padding:16px 24px 20px;position:-webkit-sticky;position:sticky;z-index:10}.messages-section-main{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex:1 1;flex-direction:column;min-height:400px;padding:20px}.ticket-main-layout{display:flex;flex:1 1;gap:24px;margin:0 auto;max-width:1800px;overflow-x:hidden;padding:24px 32px;transition:width .3s ease;width:100%}.ticket-content-area{display:flex;flex:1 1;flex-direction:column;gap:20px;min-width:0}.user-info-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:24px;padding:20px;position:relative}.user-info-left{align-items:center;display:flex;flex-shrink:0;gap:16px}.ticket-title-section{flex:1 1;min-width:0;padding-top:4px}.ticket-title-main{word-wrap:break-word;color:#1a202c;font-size:20px;font-weight:600;line-height:1.3;margin:0;overflow-wrap:break-word}.user-info-attachment-section{align-items:flex-end;display:flex;flex-direction:column;gap:8px;margin-left:auto}.attach-ticket-btn-header{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s;white-space:nowrap}.attach-ticket-btn-header:hover{background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.upload-ticket-btn-header{background:#667dff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s;white-space:nowrap}.upload-ticket-btn-header:hover{background:#5568e5;transform:translateY(-1px)}.upload-ticket-btn-header:disabled{cursor:not-allowed;opacity:.6;transform:none}.attachment-previews-inline{display:flex;flex-direction:column;gap:6px;margin-top:4px;max-width:300px}.attachment-preview-inline{align-items:center;background:#10b98114;border:1px solid #10b98133;border-radius:6px;display:flex;gap:8px;padding:6px 10px}.attachment-name-inline{color:var(--text-primary);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-inline-btn{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s}.remove-inline-btn:hover{background:#ef44441a}.user-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;overflow:hidden;width:56px}.avatar-wrapper{position:relative}.avatar-wrapper,.avatar-wrapper .avatar-initials{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-wrapper .avatar-initials{color:#fff;font-size:20px;font-weight:600;position:absolute;text-transform:uppercase;transition:opacity .3s ease;z-index:1}.avatar-wrapper .avatar-initials.hidden{opacity:0}.user-avatar .avatar-img{border-radius:12px;height:100%;object-fit:cover;opacity:0;position:absolute;transition:opacity .3s ease;width:100%;z-index:2}.user-avatar .avatar-img.loaded{opacity:1}.user-avatar .avatar-initials{color:#fff;font-size:20px;font-weight:600;text-transform:uppercase}.user-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.user-details h3{color:#111827;font-size:16px;font-weight:600;margin:0}.user-name-row .ticket-id-badge{font-size:11px;padding:3px 10px}.user-email{color:#6b7280;font-size:14px;margin:0 0 8px}.user-meta{color:#9ca3af;display:flex;font-size:13px;gap:16px}.user-meta span{align-items:center;display:flex;gap:6px}.description-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px}.description-card h3{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.description-card p{color:#374151;line-height:1.6;margin:0}.additional-info-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;margin-top:20px;padding:20px;text-align:left}.additional-info-card .card-header{align-items:center;align-self:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;text-align:left;width:100%}.additional-info-card .card-header h3{flex:1 1;margin:0;text-align:left}.additional-info-card .card-header svg{color:#667dff;flex-shrink:0;height:20px;margin-left:auto;width:20px}.additional-items-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.additional-items-grid .info-item{display:flex;flex-direction:column;gap:6px}.additional-items-grid .info-item label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.additional-items-grid .info-value{color:#111827;font-size:14px;word-break:break-word}.additional-items-grid .info-empty{color:#9ca3af;font-style:italic}.additional-items-grid .info-email,.additional-items-grid .info-link{color:#667dff;font-size:14px;text-decoration:none;transition:color .2s;word-break:break-all}.additional-items-grid .info-email:hover,.additional-items-grid .info-link:hover{color:#4f5fe0;text-decoration:underline}.empty-additional-info{color:#9ca3af;font-size:14px;font-style:italic;margin:0;padding:20px;text-align:center}.ticket-link{border-bottom:1px solid #0000;color:#25d366;font-weight:500;text-decoration:none;transition:all .2s;word-break:break-all}.ticket-link:hover{border-bottom-color:#128c7e;color:#128c7e;text-decoration:none}.ticket-attachments-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.ticket-attachments-section h4{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.ticket-attachments-section h4 svg{color:#10b981}.tabbed-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex:1 1;flex-direction:column;max-height:800px;min-height:500px;overflow:hidden}.tab-header{background:#fafafa;border-bottom:2px solid #f3f4f6;display:flex;padding:0}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px 20px;position:relative;transition:all .2s}.tab-button:hover{background:#f3f4f6;color:#10b981}.tab-button.active{background:#fff;border-bottom-color:#10b981;color:#10b981}.tab-button svg{flex-shrink:0}.tab-count{background:#e5e7eb;border-radius:10px;color:#6b7280;font-size:11px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.tab-button.active .tab-count{background:#d1fae5;color:#10b981}.tab-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.messages-section-tabbed,.notes-section-tabbed{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px}.split-view-container{display:flex;flex:1 1;flex-direction:column;gap:20px}.messages-section,.notes-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;padding:20px}.notes-section{max-height:400px;min-height:300px}.messages-section{flex:1 1;min-height:350px}.section-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.section-header h3{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.count-badge{background:#10b981;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.notes-list{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:16px;max-height:500px;min-height:300px;overflow-y:auto}.note-item{background:#f9fafb;border-left:3px solid #10b981;border-radius:8px;padding:12px}.note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.note-header strong{color:#111827;font-size:14px}.note-time{color:#9ca3af;font-size:12px}.note-content{color:#374151;font-size:14px;line-height:1.5;margin:0 0 8px}.note-actions{gap:8px;margin-top:8px}.like-btn,.note-actions{align-items:center;display:flex}.like-btn{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s}.like-btn:hover{background:#f3f4f6;color:#ef4444}.like-btn.liked{color:#ef4444}.like-btn.liked svg{fill:#ef4444}.like-btn svg{height:16px;transition:all .2s;width:16px}.like-count{font-size:13px;font-weight:600}.attachment-viewer-modal{animation:fadeIn .2s ease;background:#000000f2;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.attachment-viewer-content,.attachment-viewer-modal{align-items:center;display:flex;justify-content:center}.attachment-viewer-content{height:100%;max-height:90vh;max-width:90vw;position:relative;width:100%}.viewer-close-btn,.viewer-download-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;top:20px;transition:all .2s;width:44px;z-index:10001}.viewer-close-btn{right:20px}.viewer-download-btn{right:80px}.viewer-close-btn:hover,.viewer-download-btn:hover{background:#fff3;transform:scale(1.1)}.viewer-close-btn svg,.viewer-download-btn svg{height:24px;width:24px}.viewer-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:54px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:54px;z-index:10001}.viewer-prev-btn{left:20px}.viewer-next-btn{right:20px}.viewer-nav-btn:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.viewer-nav-btn svg{height:32px;width:32px}.viewer-attachment-container{align-items:center;display:flex;justify-content:center;max-height:100%;max-width:100%}.viewer-image{border-radius:8px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:100%;object-fit:contain}.viewer-pdf{background:#fff;border:none;border-radius:8px;height:90vh;width:90vw}.viewer-file-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:12px;color:#fff;padding:40px;text-align:center}.viewer-file-info svg{color:#ffffff80;margin-bottom:20px}.viewer-file-info p{font-size:16px;margin:10px 0}.viewer-filename{color:#ffffffb3;font-size:14px;word-break:break-word}.viewer-download-link{align-items:center;background:#10b981;border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:8px;margin-top:20px;padding:12px 24px;text-decoration:none;transition:all .2s}.viewer-download-link:hover{background:#059669;transform:scale(1.05)}.viewer-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;bottom:20px;color:#fff;font-size:14px;font-weight:600;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.add-note-input{display:flex;flex-direction:column;gap:12px}.add-note-input textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s;width:100%}.add-note-input textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.add-note-btn{align-items:center;align-self:flex-end;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s}.add-note-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.add-note-btn:disabled{cursor:not-allowed;opacity:.5}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto}.message-item{border:1px solid #e5e7eb;border-radius:12px;padding:16px}.message-item.user{background:#f0fdf4;border-left:3px solid #10b981}.message-item.assistant{background:#f9fafb;border-left:3px solid #6b7280}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-header strong{color:#111827;font-size:14px}.message-time{color:#9ca3af;font-size:12px}.message-content{color:#374151;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.empty-state{color:#9ca3af;padding:40px 20px}.empty-state svg{margin-bottom:12px;opacity:.5}.resolution-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px;transition:all .3s}.resolution-card.highlight{animation:highlightPulse 1s ease-out;box-shadow:0 0 0 3px #10b9814d}@keyframes highlightPulse{0%{box-shadow:0 0 0 0 #10b98180}50%{box-shadow:0 0 0 8px #10b98133}to{box-shadow:0 2px 8px #0000000a}}.resolution-card h3{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.resolution-card textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px;resize:vertical;transition:all .2s;width:100%}.resolution-card textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.resolve-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.resolve-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.resolve-btn:disabled{cursor:not-allowed;opacity:.5}.resolution-display{background:#f0fdf4;border:2px solid #10b981;border-radius:12px;padding:20px}.resolution-display h3{align-items:center;color:#059669;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.resolution-display p{color:#166534;line-height:1.6;margin:0 0 12px}.resolution-meta{color:#059669;display:flex;font-size:13px;gap:16px}.ai-flow-sidebar{align-self:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;flex-shrink:0;max-height:calc(100vh - 140px);overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:24px;width:320px}.sidebar-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;gap:10px;margin-bottom:20px;padding-bottom:16px}.sidebar-header svg{color:#10b981;font-size:20px}.sidebar-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.flow-map{display:flex;flex-direction:column;gap:16px}.flow-step{word-wrap:break-word;background:#fff;border:1px solid #e5e7eb;border-left:3px solid #10b981;border-radius:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s}.flow-step.active{animation:pulse 2s ease-in-out infinite;background:#f0fdf4;border-left-color:#10b981}.flow-step.completed{background:#fff;border-left-color:#10b981}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.flow-step-header{justify-content:space-between;margin-bottom:8px;max-width:100%}.flow-step-header,.flow-step-title{align-items:center;display:flex;gap:8px;overflow:hidden}.flow-step-title{flex:1 1;min-width:0}.flow-step-title h4{color:#111827;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-icon{align-items:center;color:#10b981;display:flex;font-size:16px;height:20px;justify-content:center;width:20px}.flow-content{max-width:100%;overflow:hidden;word-break:break-word}.flow-content,.flow-content h4{word-wrap:break-word;overflow-wrap:break-word}.flow-content h4{color:#111827;font-size:14px;font-weight:600;margin:0}.flow-content p{word-wrap:break-word;color:#6b7280;font-size:13px;line-height:1.6;margin:4px 0 0;max-width:100%;overflow-wrap:break-word;white-space:normal}.flow-time{color:#9ca3af;font-size:12px;white-space:nowrap}.flow-connector{animation:flowDown 2s ease-in-out infinite;background:linear-gradient(180deg,#10b981,#0000);bottom:-18px;height:18px;left:18px;position:absolute;width:2px}@keyframes flowDown{0%,to{opacity:.3}50%{opacity:1}}.step-indicators{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.step-badge{background:#10b981;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.status-text{display:inline-block;font-size:13px;font-weight:600;margin-top:0}.resolution-preview{color:#059669;font-size:13px;font-style:italic;line-height:1.6;margin-top:8px}.empty-flow-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-flow-state svg{margin-bottom:12px;opacity:.5}.empty-flow-state p{font-size:14px;margin:0 0 4px}.empty-flow-state small{color:#d1d5db;font-size:12px}.additional-info-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden}.additional-info-box .sidebar-header{align-items:center;background:linear-gradient(135deg,#6772e5,#5469d4);border-bottom:none;color:#fff;display:flex;gap:8px;padding:12px 16px}.additional-info-box .sidebar-header h3{color:#fff;font-size:14px}.additional-items-list{padding:16px}.info-item{border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:6px;padding-bottom:16px}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item .info-value{color:#1f2937;font-size:14px;word-break:break-word}.info-item .info-email,.info-item .info-link{color:#6772e5;font-size:14px;text-decoration:none;transition:color .2s;word-break:break-all}.info-item .info-email:hover,.info-item .info-link:hover{color:#5469d4;text-decoration:underline}.info-item .info-empty{color:#9ca3af;font-size:13px;font-style:italic}.ticket-detail-error,.ticket-detail-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;height:40px;width:40px}.ticket-detail-error svg{color:#ef4444}.back-btn{background:#10b981;color:#fff;font-weight:600;padding:10px 20px}.back-btn:hover{background:#059669;transform:translateY(-1px)}.ai-flow-sidebar::-webkit-scrollbar,.messages-list::-webkit-scrollbar,.notes-list::-webkit-scrollbar{width:6px}.ai-flow-sidebar::-webkit-scrollbar-track,.messages-list::-webkit-scrollbar-track,.notes-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.ai-flow-sidebar::-webkit-scrollbar-thumb,.messages-list::-webkit-scrollbar-thumb,.notes-list::-webkit-scrollbar-thumb{background:#10b981;border-radius:3px}.ai-flow-sidebar::-webkit-scrollbar-thumb:hover,.messages-list::-webkit-scrollbar-thumb:hover,.notes-list::-webkit-scrollbar-thumb:hover{background:#059669}@media (max-width:1400px){.ai-flow-sidebar{width:280px}}@media (max-width:1200px){.ticket-main-layout{flex-direction:column}.ai-flow-sidebar{max-height:500px;position:static;width:100%}.split-view-container{max-height:none}}@media (max-width:768px){.ticket-header-fixed{align-items:flex-start;flex-direction:column;gap:16px}.header-controls{justify-content:flex-end;width:100%}.ticket-main-layout{flex-direction:column}.ai-flow-sidebar,.ticket-content-area{width:100%}}[data-theme=dark] .ticket-detail-redesign{background:#0b141a}[data-theme=dark] .ticket-header-fixed{background:#111b21;border-bottom-color:#2a3942;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .back-btn-icon,[data-theme=dark] .info-btn-icon{color:#8696a0}[data-theme=dark] .back-btn-icon:hover,[data-theme=dark] .info-btn-icon:hover{background:#2a3942;color:#25d366}[data-theme=dark] .ticket-title-header{color:#e9edef}[data-theme=dark] .additional-info-box,[data-theme=dark] .additional-info-card,[data-theme=dark] .admin-notes-card,[data-theme=dark] .description-card,[data-theme=dark] .messages-section,[data-theme=dark] .messages-section-main,[data-theme=dark] .notes-section,[data-theme=dark] .user-info-card{background:#111b21;border-color:#2a3942}[data-theme=dark] .attach-ticket-btn-header{background:#25d366}[data-theme=dark] .attach-ticket-btn-header:hover{background:#20ba5a}[data-theme=dark] .upload-ticket-btn-header{background:#8696ff}[data-theme=dark] .upload-ticket-btn-header:hover{background:#7080e5}[data-theme=dark] .attachment-preview-inline{background:#25d3661a;border-color:#25d36633}[data-theme=dark] .attachment-name-inline{color:#e9edef}[data-theme=dark] .remove-inline-btn{color:#ff6b6b}[data-theme=dark] .remove-inline-btn:hover{background:#ff6b6b1a}[data-theme=dark] .messages-section-tabbed{background:#111b21;border-color:#2a3942}[data-theme=dark] .additional-info-card .card-header h3,[data-theme=dark] .admin-notes-card h3,[data-theme=dark] .description-card h3,[data-theme=dark] .section-header h3,[data-theme=dark] .ticket-title-main,[data-theme=dark] .user-details h3{color:#e9edef}[data-theme=dark] .additional-info-card .card-header svg{color:#8696ff}[data-theme=dark] .additional-items-grid .info-item label{color:#8696a0}[data-theme=dark] .additional-items-grid .info-value{color:#e9edef}[data-theme=dark] .additional-items-grid .info-email,[data-theme=dark] .additional-items-grid .info-link{color:#8696ff}[data-theme=dark] .additional-items-grid .info-email:hover,[data-theme=dark] .additional-items-grid .info-link:hover{color:#a0b0ff}[data-theme=dark] .empty-additional-info{color:#667781}[data-theme=dark] .user-email,[data-theme=dark] .user-meta{color:#8696a0}[data-theme=dark] .description-card p,[data-theme=dark] .description-text,[data-theme=dark] .message-content,[data-theme=dark] .note-content{color:#e9edef}[data-theme=dark] .like-btn{color:#8696a0}[data-theme=dark] .like-btn:hover{background:#2a3942;color:#ff6b6b}[data-theme=dark] .like-btn.liked{color:#ff6b6b}[data-theme=dark] .like-btn.liked svg{fill:#ff6b6b}[data-theme=dark] .message-item,[data-theme=dark] .note-item{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .message-header strong,[data-theme=dark] .note-header strong{color:#e9edef}[data-theme=dark] .empty-messages,[data-theme=dark] .empty-notes,[data-theme=dark] .message-time,[data-theme=dark] .note-time{color:#667781}[data-theme=dark] .add-note-container textarea{background:#1f2c34;border-color:#2a3942;color:#e9edef}[data-theme=dark] .add-note-container textarea::placeholder{color:#667781}[data-theme=dark] .add-note-container textarea:focus{border-color:#25d366}[data-theme=dark] .ai-flow-sidebar{background:#111b21;border-left-color:#2a3942}[data-theme=dark] .sidebar-header{color:#e9edef}[data-theme=dark] .flow-step{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .flow-step.active{border-color:#25d366}[data-theme=dark] .flow-content p,[data-theme=dark] .flow-step-title h4{color:#e9edef}[data-theme=dark] .flow-time{color:#667781}[data-theme=dark] .step-badge{background:#2a3942;color:#8696a0}[data-theme=dark] .flow-connector{background:#2a3942}[data-theme=dark] .empty-flow-state{color:#667781}[data-theme=dark] .additional-info-box{background:#111b21;border-color:#2a3942}[data-theme=dark] .additional-info-box .sidebar-header{background:linear-gradient(135deg,#5469d4,#4353b8)}[data-theme=dark] .info-item label{color:#8696a0}[data-theme=dark] .info-item .info-value{color:#e9edef}[data-theme=dark] .info-item .info-email,[data-theme=dark] .info-item .info-link{color:#53bdeb}[data-theme=dark] .info-item .info-email:hover,[data-theme=dark] .info-item .info-link:hover{color:#8cd3f7}[data-theme=dark] .info-empty{color:#667781}[data-theme=dark] .status-badge.open{background:#1f3a2e;color:#25d366}[data-theme=dark] .status-badge.in_progress{background:#3d3520;color:#fbbf24}[data-theme=dark] .status-badge.resolved{background:#1e3a5f;color:#60a5fa}[data-theme=dark] .status-badge.closed{background:#2a2a2a;color:#9ca3af}[data-theme=dark] .priority-badge.urgent{background:#4a1f1f;color:#ef4444}[data-theme=dark] .priority-badge.high{background:#4a2f1f;color:#f97316}[data-theme=dark] .priority-badge.medium{background:#4a4520;color:#eab308}[data-theme=dark] .priority-badge.low{background:#1f3a2e;color:#22c55e}[data-theme=dark] .action-btn{background:#1f2c34;border-color:#2a3942;color:#8696a0}[data-theme=dark] .action-btn:hover{background:#2a3942;border-color:#25d366;color:#e9edef}[data-theme=dark] .action-btn.primary{background:#25d366;border-color:#25d366;color:#111b21}[data-theme=dark] .action-btn.primary:hover{background:#20bd5a}[data-theme=dark] .action-btn.danger{background:#dc2626}[data-theme=dark] .action-btn.danger:hover{background:#b91c1c}[data-theme=dark] .count-badge{background:#2a3942;color:#8696a0}[data-theme=dark] .resolution-card{background:#1f3a2e;border-color:#25d366}[data-theme=dark] .resolution-content{color:#e9edef}[data-theme=dark] .resolution-meta,[data-theme=dark] .ticket-detail-error,[data-theme=dark] .ticket-detail-loading{color:#8696a0}[data-theme=dark] .ticket-detail-error{color:#ef4444}[data-theme=dark] .ticket-id-badge{background:linear-gradient(135deg,#25d366,#20bd5a);color:#111b21}[data-theme=dark] .category-dropdown select,[data-theme=dark] .priority-dropdown select,[data-theme=dark] .status-dropdown select{background:#1f2c34;border-color:#2a3942;color:#e9edef}[data-theme=dark] .category-dropdown select:focus,[data-theme=dark] .priority-dropdown select:focus,[data-theme=dark] .status-dropdown select:focus{background:#111b21;border-color:#25d366}[data-theme=dark] .category-dropdown label,[data-theme=dark] .priority-dropdown label,[data-theme=dark] .status-dropdown label{color:#8696a0}[data-theme=dark] .add-note-header,[data-theme=dark] .admin-notes-header{color:#e9edef}[data-theme=dark] .add-note-btn{background:#1f2c34;border-color:#2a3942;color:#8696a0}[data-theme=dark] .add-note-btn:hover{background:#25d366;border-color:#25d366;color:#111b21}[data-theme=dark] select option{background:#1f2c34;color:#e9edef}[data-theme=dark] .add-note-input{background:#0000}[data-theme=dark] .add-note-input textarea{background:#1f2c34;border-color:#2a3942;color:#e9edef}[data-theme=dark] .add-note-input textarea::placeholder{color:#667781}[data-theme=dark] .add-note-input textarea:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}[data-theme=dark] .control-item label{color:#8696a0}[data-theme=dark] .select-control{background:#1f2c34;border-color:#2a3942;color:#e9edef}[data-theme=dark] .select-control:focus{background:#111b21;border-color:#25d366}[data-theme=dark] .select-control option{background:#1f2c34;color:#e9edef}[data-theme=dark] .assignment-select{background:#1f2c34;border-color:#2a3942;color:#e9edef}[data-theme=dark] .assignment-select.active{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}[data-theme=dark] .assignment-avatar-empty{background:#2a3942;border-color:#667781}[data-theme=dark] .assignment-dropdown-list{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .assignment-search-input{background:#111b21;border-bottom-color:#2a3942;color:#e9edef}[data-theme=dark] .assignment-search-input:focus{background:#1f2c34;border-bottom-color:#25d366}[data-theme=dark] .assignment-option{border-bottom-color:#2a3942}[data-theme=dark] .assignment-option:hover{background:#0d3b2e}[data-theme=dark] .assignment-option-name{color:#e9edef}[data-theme=dark] .assignment-option-email{color:#8696a0}[data-theme=dark] .section-header{border-bottom-color:#2a3942}[data-theme=dark] .section-header h3 svg{color:#25d366}[data-theme=dark] .ai-flow-sidebar::-webkit-scrollbar-track,[data-theme=dark] .messages-list::-webkit-scrollbar-track,[data-theme=dark] .notes-list::-webkit-scrollbar-track{background:#2a3942}[data-theme=dark] .ai-flow-sidebar::-webkit-scrollbar-thumb,[data-theme=dark] .messages-list::-webkit-scrollbar-thumb,[data-theme=dark] .notes-list::-webkit-scrollbar-thumb{background:#25d366}[data-theme=dark] .ai-flow-sidebar::-webkit-scrollbar-thumb:hover,[data-theme=dark] .messages-list::-webkit-scrollbar-thumb:hover,[data-theme=dark] .notes-list::-webkit-scrollbar-thumb:hover{background:#20bd5a}@media (max-width:1024px){.ticket-title-header{font-size:17px}.header-controls{gap:8px}.control-item label{font-size:10px}.select-control{font-size:12px;min-width:100px;padding:5px 8px}}@media (max-width:768px){.ticket-header-fixed{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.header-left{width:100%}.ticket-title-header{word-wrap:break-word;font-size:15px;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal}.ticket-id-badge{font-size:11px;padding:3px 8px}.header-controls{flex-wrap:wrap;gap:6px;justify-content:flex-start;width:100%}.control-item{flex:1 1;min-width:100px}.user-info-card{align-items:flex-start;flex-direction:column;gap:16px}.ticket-title-section,.user-info-left{width:100%}.ticket-title-main{font-size:18px}.user-info-attachment-section{align-items:flex-start;margin-left:0;width:100%}}.note-attachments{border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px}.attachment-link{display:block;text-decoration:none;transition:transform .2s}.attachment-link:hover{transform:translateY(-2px)}.attachment-image-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative;width:150px}.attachment-image-preview img{display:block;height:120px;object-fit:cover;width:100%}.attachment-image-preview .attachment-name{background:#fff;color:#6b7280;display:block;font-size:11px;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.attachment-file{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;min-width:200px;padding:10px 14px;transition:all .2s}.attachment-file:hover{background:#f3f4f6;border-color:#10b981}.attachment-file svg{color:#10b981;flex-shrink:0;font-size:20px}.attachment-info{display:flex;flex-direction:column;gap:2px;min-width:0}.attachment-info .attachment-name{color:#1f2937;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-info .attachment-size{color:#9ca3af;font-size:11px}.note-mentions{align-items:center;border-top:1px solid #f3f4f6;color:#6b7280;display:flex;font-size:12px;gap:6px;margin-top:8px;padding-top:8px}.mention-badge{background:#dbeafe;border-radius:12px;color:#1e40af;font-size:11px;font-weight:600;padding:2px 8px}.note-input-actions{align-items:center;display:flex;gap:8px;margin-top:8px}.attach-file-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.attach-file-btn:hover{background:#e5e7eb;border-color:#10b981;color:#10b981}.attach-file-btn svg{font-size:16px}.attachment-previews{background:#f9fafb;flex-direction:column;gap:8px;margin-top:12px;padding:12px}.attachment-preview-item,.attachment-previews{border:1px solid #e5e7eb;border-radius:8px;display:flex}.attachment-preview-item{align-items:center;background:#fff;gap:12px;padding:10px}.preview-thumbnail{object-fit:cover}.file-preview-icon,.preview-thumbnail{border-radius:6px;flex-shrink:0;height:50px;width:50px}.file-preview-icon{align-items:center;background:#f3f4f6;color:#6b7280;display:flex;justify-content:center}.attachment-preview-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.preview-name{color:#1f2937;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-size{color:#9ca3af;font-size:11px}.remove-attachment-btn{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.remove-attachment-btn:hover:not(:disabled){background:#fee2e2;transform:scale(1.05)}.remove-attachment-btn:disabled{cursor:not-allowed;opacity:.5}.add-note-btn{flex:1 1;margin-left:auto}[data-theme=dark] .note-attachments{border-top-color:#2a3942}[data-theme=dark] .attachment-image-preview{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .attachment-image-preview .attachment-name{background:#1f2c34;color:#8696a0}[data-theme=dark] .attachment-file{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .attachment-file:hover{background:#2a3942;border-color:#25d366}[data-theme=dark] .attachment-info .attachment-name{color:#e9edef}[data-theme=dark] .mention-badge{background:#1e3a5f;color:#60a5fa}[data-theme=dark] .attach-file-btn{background:#1f2c34;border-color:#2a3942;color:#8696a0}[data-theme=dark] .attach-file-btn:hover{background:#2a3942;border-color:#25d366;color:#25d366}[data-theme=dark] .attachment-previews{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .attachment-preview-item{background:#111b21;border-color:#2a3942}[data-theme=dark] .file-preview-icon{background:#2a3942;color:#8696a0}[data-theme=dark] .preview-name{color:#e9edef}[data-theme=dark] .remove-attachment-btn{background:#4a1f1f;color:#f87171}[data-theme=dark] .remove-attachment-btn:hover:not(:disabled){background:#5c2020}.textarea-wrapper{position:relative}.add-note-input-fixed textarea,.textarea-wrapper textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;min-height:80px;padding:12px 14px;resize:vertical;transition:all .2s;width:100%}.add-note-input-fixed textarea:focus,.textarea-wrapper textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.add-note-input-fixed textarea::placeholder,.textarea-wrapper textarea::placeholder{color:#9ca3af}.mention-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px 8px 0 0;bottom:100%;box-shadow:0 -4px 12px #0000001a;left:0;margin-bottom:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;z-index:1000}.mention-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:all .2s}.mention-item:last-child{border-bottom:none}.mention-item:hover{background:#f9fafb}.mention-avatar{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.mention-avatar img{height:100%;object-fit:cover;width:100%}.mention-initials{color:#10b981;font-size:14px;font-weight:600}.mention-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.mention-name{color:#1f2937;font-size:14px;font-weight:600}.mention-email{color:#9ca3af;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-attachment-upload{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.ticket-attachment-upload h4{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0 0 12px}.ticket-attachment-upload h4 svg{color:#10b981}.attachment-previews-mini{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.attachment-preview-mini{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:8px}.attachment-preview-mini img{border-radius:4px;height:32px;object-fit:cover;width:32px}.preview-name-mini{color:#374151;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-mini-btn{align-items:center;background:#fee2e2;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.remove-mini-btn:hover{background:#fecaca;transform:scale(1.05)}.ticket-attachment-actions{display:flex;gap:8px}.attach-ticket-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.attach-ticket-btn:hover{background:#e5e7eb;border-color:#10b981;color:#10b981}.upload-ticket-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s;white-space:nowrap}.upload-ticket-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.upload-ticket-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .mention-dropdown{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .mention-item{border-bottom-color:#2a3942}[data-theme=dark] .mention-avatar,[data-theme=dark] .mention-item:hover{background:#2a3942}[data-theme=dark] .mention-name{color:#e9edef}[data-theme=dark] .ticket-attachment-upload{border-top-color:#2a3942}[data-theme=dark] .ticket-attachment-upload h4{color:#e9edef}[data-theme=dark] .attachment-preview-mini{background:#2a3942;border-color:#374151}[data-theme=dark] .preview-name-mini{color:#e9edef}[data-theme=dark] .attach-ticket-btn{background:#2a3942;border-color:#374151;color:#8696a0}[data-theme=dark] .attach-ticket-btn:hover{background:#374151;border-color:#25d366;color:#25d366}[data-theme=dark] .tab-header{background:#1f2c34;border-bottom-color:#2a3942}[data-theme=dark] .tab-button{color:#8696a0}[data-theme=dark] .tab-button:hover{background:#2a3942;color:#25d366}[data-theme=dark] .tab-button.active{background:#111b21;border-bottom-color:#25d366;color:#25d366}[data-theme=dark] .tab-count{background:#2a3942;color:#8696a0}[data-theme=dark] .tab-button.active .tab-count{background:#0d3b2e;color:#25d366}[data-theme=dark] .notes-slide-panel-push{background:#111b21;border-left-color:#2a3942}[data-theme=dark] .notes-panel-header{background:#111b21;border-bottom-color:#2a3942}[data-theme=dark] .notes-panel-title h3{color:#e9edef}[data-theme=dark] .close-panel-btn{color:#8696a0}[data-theme=dark] .close-panel-btn:hover{background:#2a3942;color:#f87171}[data-theme=dark] .add-note-input-fixed{background:#111b21;border-top-color:#2a3942;box-shadow:0 -4px 12px #0000004d}[data-theme=dark] .add-note-input-fixed textarea,[data-theme=dark] .textarea-wrapper textarea{background:#1f2c34;border-color:#2a3942;color:#e9edef}[data-theme=dark] .add-note-input-fixed textarea::placeholder,[data-theme=dark] .textarea-wrapper textarea::placeholder{color:#667781}[data-theme=dark] .add-note-input-fixed textarea:focus,[data-theme=dark] .textarea-wrapper textarea:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}[data-theme=dark] .messages-section-main{background:#111b21;border-color:#2a3942}.task-detail-page{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:24px}.task-detail-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.back-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);height:40px;width:40px}.back-btn:hover{background:var(--bg-tertiary);border-color:var(--whatsapp-green);color:var(--whatsapp-green);transform:translateX(-2px)}.header-actions{display:flex;gap:12px;margin-left:auto}.complete-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.complete-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.complete-btn.completed{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.task-detail-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 350px;margin:0 auto;max-width:1400px}.task-detail-main{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px}.task-title-section{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.task-title-section h1{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.3;margin:0}.task-title-section h1.completed{color:var(--text-secondary);text-decoration:line-through}.task-description-section{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:24px}.task-description-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.task-description-section p{color:var(--text-secondary);line-height:1.6;margin:0;white-space:pre-wrap}.task-subtasks-section{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:24px}.task-subtasks-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.subtasks-progress{margin-bottom:20px}.progress-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;margin-bottom:6px}.progress-fill{background:var(--whatsapp-green);height:100%;transition:width .3s ease}.progress-text{color:var(--text-tertiary);font-size:12px;font-weight:500}.subtasks-list{margin-bottom:16px}.subtask-item{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.subtask-item:hover{background:var(--bg-secondary);box-shadow:0 2px 4px #0000000d}.subtask-item.completed{opacity:.6}.subtask-checkbox{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;padding:0;transition:all .2s}.subtask-checkbox:hover{transform:scale(1.1)}.subtask-checkbox:hover,.subtask-item.completed .subtask-checkbox{color:var(--whatsapp-green)}.subtask-text{color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.4}.subtask-item.completed .subtask-text{color:var(--text-tertiary);text-decoration:line-through}.subtask-delete{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;opacity:0;padding:4px;transition:all .2s}.subtask-item:hover .subtask-delete{opacity:1}.subtask-delete:hover{color:#ef4444}.add-subtask-section{align-items:center;display:flex;gap:8px}.subtask-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s}.subtask-input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.add-subtask-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.add-subtask-btn:hover:not(:disabled){background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff;transform:translateY(-1px)}.add-subtask-btn:disabled{cursor:not-allowed;opacity:.5}.task-updates-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.updates-list{margin-bottom:24px;max-height:500px;overflow-y:auto}.update-item{border-bottom:1px solid var(--border-color);display:flex;gap:12px;margin-bottom:20px;padding-bottom:20px}.update-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.update-avatar{flex-shrink:0}.update-avatar img{border:2px solid var(--whatsapp-green);border-radius:50%;height:40px;object-fit:cover;width:40px}.avatar-initials{align-items:center;background:var(--whatsapp-green);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.update-content{flex:1 1;min-width:0}.update-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.update-author{color:var(--text-primary);font-size:14px;font-weight:600}.update-time{color:var(--text-tertiary);font-size:12px}.update-text{color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.no-updates{color:var(--text-tertiary);padding:40px 20px;text-align:center}.no-updates svg{font-size:48px;margin-bottom:12px;opacity:.3}.no-updates p{font-size:14px;margin:0}.add-update-section{border-top:2px solid var(--border-color);margin-top:24px;padding-top:24px}.update-textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;margin-bottom:12px;min-height:80px;padding:12px;resize:vertical;transition:all .2s;width:100%}.update-textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.send-update-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.send-update-btn:hover:not(:disabled){background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.send-update-btn:disabled{cursor:not-allowed;opacity:.5}.task-detail-sidebar{display:flex;flex-direction:column;gap:16px}.info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px}.info-card h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.info-item{margin-bottom:16px}.info-item:last-child{margin-bottom:0}.info-label{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;font-weight:500;gap:6px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:14px;font-weight:500}.status-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 10px}.status-badge.active{background:#fbbf2433;color:#f59e0b}.status-badge.completed{background:#10b98133;color:#10b981}.error-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner-large{animation:spin .8s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--whatsapp-green);height:48px;margin-bottom:16px;width:48px}@media (max-width:1024px){.task-detail-container{grid-template-columns:1fr}.task-detail-sidebar{order:-1}}@media (max-width:768px){.task-detail-page{padding:16px}.task-detail-header{align-items:stretch;flex-direction:column;gap:12px}.header-actions{width:100%}.complete-btn{justify-content:center;width:100%}.task-title-section{flex-direction:column}.task-title-section h1{font-size:22px}}body,html{max-width:100vw;overflow-x:hidden}.public-c2a-page{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;max-height:100vh;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:3vh 16px}.c2a-container,.public-c2a-page{background:#fff;box-sizing:border-box;overflow-y:auto;width:100%}.c2a-container{animation:fadeInUp .6s ease-out;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 20px #00000014;max-height:94vh;max-width:700px;padding:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.c2a-logo{margin-bottom:16px;text-align:center}.c2a-logo img{height:auto;max-width:160px}.c2a-header{margin-bottom:20px;text-align:center}.c2a-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.c2a-header p{color:#6b7280;font-size:15px;line-height:1.6;margin:0}.c2a-form{grid-gap:16px 20px;box-sizing:border-box;display:grid;gap:16px 20px;grid-template-columns:1fr 1fr;width:100%}.c2a-form .form-group:first-child,.c2a-form .form-group:nth-child(2){grid-column:1/-1}.c2a-form .submit-btn{grid-column:1/-1;margin-top:8px}.form-group{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:100%}.form-group label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px}.form-group label svg{color:#10b981;color:var(--primary-color,#10b981);flex-shrink:0;height:16px;width:16px}.required{color:#ef4444}.form-group input,.form-group select{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#10b981;border-color:var(--primary-color,#10b981);box-shadow:0 0 0 3px #10b9811a;outline:none}.form-error{background:#fef2f2;border:2px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;grid-column:1/-1;margin-bottom:16px;padding:14px 18px}.submit-btn{background:#10b981;background:var(--primary-color,#10b981);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:12px 24px;transition:all .2s;width:100%}.submit-btn:hover:not(:disabled){background:#059669;background:var(--secondary-color,#059669);box-shadow:0 10px 20px #10b9814d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.c2a-footer{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px;text-align:center}.c2a-footer p{color:#6b7280;font-size:14px;margin:0}.c2a-success{padding:40px 20px;text-align:center}.success-icon{align-items:center;animation:successPop .6s cubic-bezier(.68,-.55,.265,1.55);background:#10b981;border-radius:50%;box-shadow:0 8px 24px #10b9814d;display:flex;height:100px;justify-content:center;margin:0 auto 32px;width:100px}@keyframes successPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.1) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.success-icon svg{stroke-width:3.5;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:56px;width:56px}.c2a-success h1{color:#10b981;font-size:36px;font-weight:700;margin:0 0 20px}.c2a-success p{color:#4b5563;font-size:18px;line-height:1.7;margin:0 auto 32px;max-width:500px}.rtriibe-login-btn{background:#ff6b35;border-radius:8px;box-shadow:0 4px 12px #ff6b354d;color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .2s}.rtriibe-login-btn:hover{background:#e85a28;box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.c2a-loading{color:#6b7280}.c2a-error,.c2a-loading{font-size:18px;padding:40px;text-align:center}.c2a-error{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;color:#dc2626;font-weight:600;margin:20px}@media (max-width:1024px){.c2a-container{max-width:650px;padding:28px}}@media (max-width:768px){.public-c2a-page{padding:2vh 16px}.c2a-form{gap:14px;grid-template-columns:1fr}.c2a-container{max-height:96vh;max-width:100%;padding:20px}.c2a-header{margin-bottom:16px}.c2a-header h1{font-size:24px}.c2a-header p{font-size:14px}}@media (max-width:640px){.public-c2a-page{padding:2vh 12px}.c2a-container{border-radius:12px;max-height:96vh;padding:20px 16px}.c2a-header h1{font-size:22px}.c2a-header p{font-size:14px}.c2a-logo{margin-bottom:14px}.c2a-header{margin-bottom:16px}.c2a-form{gap:14px}.form-group input,.form-group select{font-size:14px;padding:9px 12px}.submit-btn{font-size:15px;padding:14px 24px}.c2a-success h1{font-size:24px}.c2a-success p{font-size:16px}.rtriibe-login-btn{font-size:15px;padding:12px 28px}.success-icon{height:80px;width:80px}.success-icon svg{height:44px;width:44px}}@media (max-width:480px){.public-c2a-page{padding:2vh 10px}.c2a-container{max-height:96vh;padding:16px 12px}.c2a-logo{margin-bottom:12px}.c2a-logo img{max-width:140px}.c2a-header{margin-bottom:14px}.c2a-header h1{font-size:20px}.c2a-form{gap:12px}.form-group input,.form-group select{font-size:15px;padding:9px 11px}.c2a-success h1{font-size:22px}.c2a-success p{font-size:15px}.rtriibe-login-btn{font-size:14px;padding:11px 24px}}.email-campaign-browser{background:#f8f9fa;background:var(--bg-primary,#f8f9fa);display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;padding:0}.browser-header{background:#fff;background:var(--bg-secondary,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;justify-content:flex-start;padding:20px 32px}.header-left{gap:12px}.back-btn,.header-left{align-items:center;display:flex}.back-btn{background:#0000;border:none;border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;flex-shrink:0;font-size:20px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.back-btn:hover{background:#f3f4f6;background:var(--bg-primary,#f3f4f6)}.back-btn:hover,.browser-header h1{color:#111827;color:var(--text-primary,#111827)}.browser-header h1{font-size:20px;font-weight:600;line-height:1;margin:0}.browser-header p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;margin:4px 0 0}.browser-content{background:#f8f9fa;background:var(--bg-primary,#f8f9fa);flex:1 1;overflow-y:auto;padding:32px}.search-section{margin-bottom:32px}.search-filters{align-items:flex-end;display:flex;gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-group label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.match-mode-buttons{display:flex;gap:8px}.match-btn{background:#fff;background:var(--bg-secondary,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s;white-space:nowrap}.match-btn:hover{color:#111827;color:var(--text-primary,#111827);transform:translateY(-1px)}.match-btn.active,.match-btn:hover{border-color:#25d366;border-color:var(--whatsapp-green,#25d366)}.match-btn.active{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 2px 8px #25d3664d;color:#fff}.date-input,.days-filter,.filter-mode{background:#f9fafb;background:var(--bg-primary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;font-size:15px;font-weight:500;outline:none;padding:12px 16px;transition:all .2s}.date-input{cursor:text}.date-input:focus,.date-input:hover,.days-filter:focus,.days-filter:hover,.filter-mode:focus,.filter-mode:hover{background:#fff;background:var(--bg-secondary,#fff);border-color:#25d366;border-color:var(--whatsapp-green,#25d366)}.date-input:focus,.days-filter:focus,.filter-mode:focus{box-shadow:0 0 0 3px #25d3661a}.browser-search-input{background:#f9fafb;background:var(--bg-primary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;color:#111827;color:var(--text-primary,#111827);font-size:15px;outline:none;padding:16px 20px;transition:all .2s;width:100%}.browser-search-input:focus{background:#fff;background:var(--bg-secondary,#fff);border-color:#25d366;border-color:var(--whatsapp-green,#25d366);box-shadow:0 0 0 3px #25d3661a}.browser-search-input::placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.transactional-search{align-items:center;display:flex;gap:12px}.subject-info,.transactional-search .browser-search-input{flex:1 1}.match-btn-action{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s;white-space:nowrap}.match-btn-action:hover:not(:disabled){box-shadow:0 4px 12px #25d36666;transform:translateY(-2px)}.match-btn-action:disabled{cursor:not-allowed;opacity:.7}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.search-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;box-shadow:0 2px 8px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:16px 28px;transition:all .2s;white-space:nowrap}.search-btn:hover:not(:disabled){box-shadow:0 4px 12px #25d36666;transform:translateY(-2px)}.search-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.search-help{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;margin-top:12px}.results-count{color:#25d366;color:var(--whatsapp-green,#25d366);font-size:14px;font-weight:600;margin-top:12px}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.results-header h3{color:#111827;color:var(--text-primary,#111827);font-size:20px;font-weight:600;margin:0}.match-all-btn{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:12px;box-shadow:0 4px 12px #ff6b354d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:14px 32px;transition:all .3s;white-space:nowrap}.match-all-btn:hover:not(:disabled){box-shadow:0 6px 20px #ff6b3580;transform:translateY(-2px)}.match-all-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.campaigns-grid,.subjects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr))}.campaign-card,.subject-card{background:#f9fafb;background:var(--bg-primary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:16px;display:flex;flex-direction:column;gap:20px;padding:24px;transition:all .3s}.campaign-card:hover,.subject-card:hover{border-color:#25d366;border-color:var(--whatsapp-green,#25d366);box-shadow:0 8px 24px #25d36626;transform:translateY(-4px)}.card-header{display:flex;flex-direction:column;gap:12px}.card-title-section{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.card-title-section h3{color:#111827;color:var(--text-primary,#111827);flex:1 1;font-size:18px;font-weight:600;line-height:1.4;margin:0}.status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.status-badge.sent{background:#d1fae5;color:#065f46}.campaign-subject{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;font-style:italic;line-height:1.5;margin:0}.campaign-date{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:13px;margin:0}.card-stats{grid-gap:16px;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color,#e5e7eb);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));padding:20px 0}.stat{align-items:center;display:flex;gap:12px}.stat-icon{flex-shrink:0;font-size:28px}.stat-info{display:flex;flex-direction:column;gap:4px;min-width:0}.stat-value{color:#111827;color:var(--text-primary,#111827);font-size:20px;font-weight:700;line-height:1}.stat-label{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:10px;font-weight:600;letter-spacing:.5px;line-height:1;text-transform:uppercase}.subject-info h4{color:#111827;color:var(--text-primary,#111827);font-size:16px;font-weight:600;line-height:1.5;margin:0 0 12px}.subject-meta{color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:13px;gap:16px}.import-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s;width:100%}.import-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.import-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.loading-state p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:15px;margin:0}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top-color:#25d366;border:4px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--whatsapp-green,#25d366);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px;text-align:center}.empty-state svg{color:#d1d5db;color:var(--text-tertiary,#d1d5db)}.empty-state h3{color:#111827;color:var(--text-primary,#111827);font-size:20px;font-weight:600;margin:0}.empty-state p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.matching-modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.matching-modal{animation:slideUp .4s ease-out;background:#fff;background:var(--bg-secondary,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.matching-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);padding:32px 32px 24px;text-align:center}.matching-spinner-large{animation:spin 1s linear infinite;border:5px solid #e5e7eb;border-top-color:#25d366;border:5px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--whatsapp-green,#25d366);height:64px;margin:0 auto 20px;width:64px}.matching-header h2{color:#111827;color:var(--text-primary,#111827);font-size:24px;font-weight:700;margin:0 0 8px}.matching-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.matching-logs{flex:1 1;max-height:400px;overflow-y:auto;padding:24px 32px}.log-entry{animation:logFadeIn .3s ease-in-out;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-color,#f3f4f6);display:flex;gap:12px;padding:10px 0}@keyframes logFadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.log-entry:last-child{border-bottom:none}.log-time{color:#9ca3af;color:var(--text-tertiary,#9ca3af);flex-shrink:0;font-family:monospace;font-size:12px;font-weight:600}.log-message{color:#111827;color:var(--text-primary,#111827);flex:1 1;font-size:14px;line-height:1.5}.matching-footer{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color,#e5e7eb);padding:20px 32px 32px}.progress-bar{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:10px;height:6px;overflow:hidden}.progress-bar-fill{animation:progress 2s ease-in-out infinite;background:linear-gradient(90deg,#25d366,#128c7e);height:100%}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}@media (max-width:768px){.browser-header{padding:16px 20px}.browser-content{padding:20px}.header-left{gap:10px}.back-btn,.browser-header h1{font-size:18px}.back-btn{height:28px;width:28px}.campaigns-grid,.subjects-grid{grid-template-columns:1fr}.search-filters{align-items:stretch;flex-direction:column}.filter-group{min-width:100%}.match-mode-buttons{flex-direction:column}.match-btn{width:100%}.transactional-search{flex-direction:column}.search-btn{width:100%}.card-stats{grid-template-columns:repeat(2,1fr)}}*{box-sizing:border-box;margin:0;padding:0}:root{--app-height:100vh}body,html{height:100%;height:100vh;height:var(--app-height);overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;background-color:var(--bg-primary);color:#111b21;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0;position:fixed;width:100%}#root{height:100%;height:100vh;height:var(--app-height);overflow:hidden}.App{display:flex;flex-direction:column;height:100%;min-height:100vh;min-height:var(--app-height)}@media (max-width:768px){body{background-color:#fff}.App{height:100%;height:100vh;height:var(--app-height);overflow:hidden}}:root{--whatsapp-green:#25d366;--whatsapp-green-dark:#128c7e;--whatsapp-green-light:#d1f4cc;--whatsapp-teal:#25d366;--whatsapp-light-green:#d9fdd3;--whatsapp-blue:#53bdeb;--whatsapp-gray:#f0f2f5;--whatsapp-dark-gray:#3b4a54;--whatsapp-light-gray:#f7f8fa;--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-tertiary:#f7f8fa;--bg-chat:linear-gradient(180deg,#f0f2f5 0%,#e5ddd5);--bg-message-sent:linear-gradient(135deg,#d9fdd3,#dcf8c6);--bg-message-received:#fff;--text-primary:#111b21;--text-secondary:#667781;--text-tertiary:#8696a0;--border-color:#e9edef;--header-bg:linear-gradient(135deg,#128c7e,#25d366);--shadow-light:0 1px 3px #0b141a0a;--shadow-medium:0 4px 12px #0b141a14;--shadow-heavy:0 8px 28px #0b141a1f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.card{background:#fff;border:1px solid #e9edef;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0b141a0a;box-shadow:var(--shadow-light);transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #0b141a14;box-shadow:var(--shadow-medium)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;line-height:1.4;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,#25d366,#128c7e);background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);box-shadow:0 1px 3px #0b141a0a;box-shadow:var(--shadow-light);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #0b141a14;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:#f7f8fa;background-color:var(--whatsapp-light-gray);border:1px solid #e9edef;border:1px solid var(--border-color);color:#111b21;color:var(--text-primary)}.btn-secondary:hover{background-color:#e8eaed;border-color:#8696a0;border-color:var(--text-tertiary)}.input{border:1.5px solid #e9edef;border:1.5px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.input,.input:focus{background-color:#fff}.input:focus{border-color:#25d366;border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #00a8841a;outline:none}.input::placeholder{color:#8696a0;color:var(--text-tertiary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.p-4{padding:16px}.p-6{padding:24px}.mb-4{margin-bottom:16px}.text-sm{font-size:14px}.text-gray{color:#667781;color:var(--text-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}[data-theme=dark] .brevo-campaign-card,[data-theme=dark] .campaign-card,[data-theme=dark] .card,[data-theme=dark] .dashboard-card,[data-theme=dark] .saved-campaign-card,[data-theme=dark] .stat-card{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .campaign-header h1,[data-theme=dark] .dashboard-title,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:var(--text-primary)}[data-theme=dark] .campaign-header p,[data-theme=dark] .subtitle,[data-theme=dark] p{color:var(--text-secondary)}[data-theme=dark] .modal-overlay{background:#000c}[data-theme=dark] .fullscreen-modal-content,[data-theme=dark] .modal-content{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .fullscreen-modal{background:var(--bg-primary)}[data-theme=dark] .fullscreen-modal-header,[data-theme=dark] .modal-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}[data-theme=dark] .modal-header h3{color:var(--text-primary)}[data-theme=dark] .campaign-search-input,[data-theme=dark] .search-input,[data-theme=dark] .subject-search-input,[data-theme=dark] input[type=search],[data-theme=dark] input[type=text],[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .search-input::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-tertiary)}[data-theme=dark] .search-input:focus,[data-theme=dark] input:focus,[data-theme=dark] textarea:focus{background:var(--bg-secondary);border-color:var(--whatsapp-green)}[data-theme=dark] .campaign-filters,[data-theme=dark] .campaign-search,[data-theme=dark] .data-table-container{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .data-table thead{background:var(--bg-tertiary)}[data-theme=dark] .data-table th{color:var(--text-secondary)}[data-theme=dark] .data-table tbody tr,[data-theme=dark] .data-table th{border-bottom-color:var(--border-color)}[data-theme=dark] .data-table tbody tr:hover{background:var(--bg-tertiary)}[data-theme=dark] .data-table td{color:var(--text-primary)}[data-theme=dark] .brevo-type-tabs,[data-theme=dark] .import-method-tabs{background:var(--bg-tertiary)}[data-theme=dark] .brevo-type-tab,[data-theme=dark] .method-tab{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .brevo-type-tab:hover,[data-theme=dark] .method-tab:hover{background:var(--bg-tertiary);border-color:var(--whatsapp-green)}[data-theme=dark] .brevo-type-tab.active,[data-theme=dark] .method-tab.active{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}[data-theme=dark] .empty-dashboard,[data-theme=dark] .empty-state{color:var(--text-secondary)}[data-theme=dark] .empty-icon{color:var(--text-tertiary)}[data-theme=dark] .loading-state{color:var(--text-secondary)}[data-theme=dark] .spinner{border-color:var(--border-color);border-top-color:var(--whatsapp-green)}[data-theme=dark] .loading-overlay{background:#111b21e6}[data-theme=dark] .stat-badge{background:var(--bg-tertiary);border-color:var(--whatsapp-green);color:var(--text-primary)}[data-theme=dark] .brevo-campaign-card:hover,[data-theme=dark] .saved-campaign-card:hover{border-color:var(--whatsapp-green);box-shadow:0 8px 20px #0006}[data-theme=dark] .campaign-card-header h3,[data-theme=dark] .campaign-card-header h4,[data-theme=dark] .campaign-title-row h4{color:var(--text-primary)}[data-theme=dark] .campaign-date,[data-theme=dark] .campaign-subject{color:var(--text-secondary)}[data-theme=dark] .campaign-status-badge.sent{background:#10b98133;color:#34d399}[data-theme=dark] .campaign-status-badge.draft{background:#ef444433;color:#f87171}[data-theme=dark] .campaign-status-badge.scheduled{background:#3b82f633;color:#60a5fa}[data-theme=dark] .transactional-search-section{background:var(--bg-secondary)}[data-theme=dark] .search-box{background:var(--bg-tertiary)}[data-theme=dark] .subjects-list h4{color:var(--text-primary)}[data-theme=dark] .subject-result-card{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .subject-result-card:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 8px #25d36633}[data-theme=dark] .subject-result-info h5{color:var(--text-primary)}[data-theme=dark] .subject-stats{color:var(--text-secondary)}[data-theme=dark] .close-fullscreen-btn{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .close-fullscreen-btn:hover{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .selected-row{background:#25d3661a!important}[data-theme=dark] .selection-info{background:#25d36626;border-color:var(--whatsapp-green)}[data-theme=dark] .clear-selection-btn{background:var(--bg-secondary);border-color:var(--whatsapp-green);color:var(--whatsapp-green)}[data-theme=dark] .clear-selection-btn:hover{background:var(--whatsapp-green);color:#fff}[data-theme=dark] .fullscreen-modal .campaigns-grid::-webkit-scrollbar-track{background:var(--bg-tertiary)}[data-theme=dark] .fullscreen-modal .campaigns-grid::-webkit-scrollbar-thumb{background:var(--border-color)}[data-theme=dark] .fullscreen-modal .campaigns-grid::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}[data-theme=dark] .csv-upload-section{background:var(--bg-secondary)}[data-theme=dark] .upload-instructions p{color:var(--text-primary)}[data-theme=dark] .help-text{color:var(--text-secondary)}[data-theme=dark] .filter-buttons button{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .filter-buttons button:hover{background:var(--bg-secondary);border-color:var(--whatsapp-green)}[data-theme=dark] .filter-buttons button.active{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}[data-theme=dark] .campaign-manager,[data-theme=dark] .leads-dashboard{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .delete-icon-btn{background:#0000;color:#ef4444}[data-theme=dark] .delete-icon-btn:hover{background:#ef44441a}[data-theme=dark] .data-type-badge.campaign{background:#3b82f633;color:#60a5fa}[data-theme=dark] .data-type-badge.transactional{background:#8b5cf633;color:#a78bfa}[data-theme=dark] .email-campaign-browser{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .browser-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}[data-theme=dark] .browser-header h1{color:var(--text-primary)}[data-theme=dark] .browser-header p{color:var(--text-secondary)}[data-theme=dark] .back-btn{background:#0000;color:var(--text-secondary)}[data-theme=dark] .back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .browser-content{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .browser-search-input,[data-theme=dark] .date-input,[data-theme=dark] .days-filter,[data-theme=dark] .filter-mode{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .date-input:focus,[data-theme=dark] .date-input:hover,[data-theme=dark] .days-filter:focus,[data-theme=dark] .days-filter:hover,[data-theme=dark] .filter-mode:focus,[data-theme=dark] .filter-mode:hover{background:var(--bg-primary);border-color:var(--whatsapp-green)}[data-theme=dark] .filter-group label{color:var(--text-secondary)}[data-theme=dark] .match-btn{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .match-btn:hover{background:var(--bg-primary);border-color:var(--whatsapp-green);color:var(--text-primary)}[data-theme=dark] .match-btn.active{border-color:var(--whatsapp-green)}[data-theme=dark] .match-btn-action,[data-theme=dark] .match-btn.active{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}[data-theme=dark] .match-btn-action:hover:not(:disabled){box-shadow:0 4px 12px #25d36680}[data-theme=dark] .match-all-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}[data-theme=dark] .match-all-btn:hover:not(:disabled){box-shadow:0 6px 20px #ff6b3599}[data-theme=dark] .browser-search-input:focus{background:var(--bg-secondary)}[data-theme=dark] .browser-search-input::placeholder{color:var(--text-tertiary)}[data-theme=dark] .results-header h3{color:var(--text-primary)}[data-theme=dark] .matching-modal{background:var(--bg-secondary);box-shadow:0 20px 60px #000c}[data-theme=dark] .matching-header{border-bottom-color:var(--border-color)}[data-theme=dark] .matching-header h2{color:var(--text-primary)}[data-theme=dark] .matching-subtitle{color:var(--text-secondary)}[data-theme=dark] .matching-spinner-large{border-color:var(--border-color);border-top-color:var(--whatsapp-green)}[data-theme=dark] .log-entry{border-bottom-color:var(--border-color)}[data-theme=dark] .log-time{color:var(--text-tertiary)}[data-theme=dark] .log-message{color:var(--text-primary)}[data-theme=dark] .matching-footer{border-top-color:var(--border-color)}[data-theme=dark] .progress-bar{background:var(--border-color)}[data-theme=dark] .campaign-card,[data-theme=dark] .subject-card{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .campaign-card:hover,[data-theme=dark] .subject-card:hover{border-color:var(--whatsapp-green);box-shadow:0 8px 24px #25d36633}[data-theme=dark] .card-title-section h3,[data-theme=dark] .subject-info h4{color:var(--text-primary)}[data-theme=dark] .campaign-subject{color:var(--text-secondary)}[data-theme=dark] .campaign-date,[data-theme=dark] .subject-meta{color:var(--text-tertiary)}[data-theme=dark] .card-stats{border-bottom-color:var(--border-color);border-top-color:var(--border-color)}[data-theme=dark] .stat-value{color:var(--text-primary)}[data-theme=dark] .stat-label{color:var(--text-secondary)}
/*# sourceMappingURL=main.60636ef9.css.map*/