#root{max-width:100%;height:100vh;margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow:hidden}.App{display:flex;flex-direction:column;height:100vh;overflow:hidden;margin:0;padding:0}.App-header{background-color:#075e54;padding:15px;color:#fff;box-shadow:0 1px 3px #0000001a;z-index:10}main{flex:1;display:flex;overflow:hidden;padding:0;width:100%;height:100vh}.chat-container{display:flex;width:100%;height:100%;overflow:hidden}.sidebar{width:33%;min-width:380px;height:100%;display:flex;flex-direction:column;background-color:#fff;border-right:1px solid #e6e6e6;z-index:10}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;height:60px}.current-user{display:flex;align-items:center;gap:4px}.avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.actions{display:flex;align-items:center;gap:4px}.icon-button{background:none;border:none;color:#54656f;cursor:pointer;border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center}.icon-button svg{width:24px;height:24px;fill:#54656f}.search-container{padding:4px 12px;background-color:transparent}.search-input{display:flex;align-items:center;background-color:#f0f2f5;border-radius:20px;padding:2px 16px}.search-icon{color:#54656f;margin-right:10px;fill:#54656f}.search-input input{flex:1;border:none;padding:10px 0;outline:none;background-color:transparent;font-size:14px}.user-item{display:flex;padding:6px 8px;cursor:pointer;background:none;border:none;transition:background-color .2s ease}.user-item:hover{background-color:#f5f5f5}.user-item.selected{background-color:#e8e8e8}.user-avatar{position:relative;margin-right:1px}.status-indicator{width:12px;height:12px;background-color:#25d366;border-radius:50%;border:2px solid white;position:absolute;bottom:0;right:0}.user-info{flex:1;display:flex;flex-direction:column;justify-content:center}.user-row{display:flex;justify-content:space-between;align-items:center}.user-name{font-weight:500;color:#111b21}.message-preview{margin:0;padding:0;font-size:13px;color:#667781;background:none;border:none;overflow:hidden;font-weight:400;text-overflow:ellipsis;white-space:nowrap;max-width:75%;line-height:1.2}.unread-badge{background-color:#25d366;color:#fff;font-size:12px;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.highlight{color:#22c55e;font-weight:600;padding:0 2px;border-radius:.25rem}@media (max-width: 768px){.sidebar{width:100%;min-width:100%}.back-button{display:flex!important}}@media (max-width: 480px){.sidebar,.conversation{transition:transform .3s ease}}.logo{will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.connection-error{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fdd;padding:10px;display:flex;justify-content:center}.error-message{color:#d32f2f;display:flex;align-items:center;font-weight:500}.error-icon{margin-right:8px;font-size:18px}.d-flex-center,.d-flex-c{display:flex;align-items:center;justify-content:center}.campaign-conversation{flex:1;display:flex;flex-direction:column;height:100%;width:77%;background-color:#f5f5f5;position:relative;overflow-x:visible!important}.campaign-conversation.hidden{display:none}.campaign-header{position:sticky;top:0;z-index:99;background:#fff;display:flex;align-items:center;padding:12px 16px;border-left:1px solid #e6e6e6;border-bottom:1px solid #e1e8ed;box-shadow:0 2px 4px #0000001a;border-radius:0;margin-bottom:8px;gap:0}.campaign-info{display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden;flex:1}.campaign-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.campaign-icon{width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:1px}.campaign-icon .material-icons{color:#fff;font-size:20px}.campaign-details{min-width:0;overflow:hidden}.campaign-name{font-size:20px;font-weight:700;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.campaign-meta{font-size:14px;color:#6b7280;display:flex;align-items:center;gap:8px}.whatsapp-channel{color:#25d366!important;font-weight:500}.campaign-stats{color:#6b7280}.stats-loading,.stats-error{color:#6b7280;font-size:14px}.back-button{background:none;border:none;color:#374151;cursor:pointer;padding:8px;border-radius:8px;display:flex!important;align-items:center;justify-content:center;transition:background .2s ease;margin-right:12px;flex-shrink:0;visibility:visible;opacity:1}.back-button:hover{background:#0000000d}.back-button .material-icons{font-size:24px}.actions{display:flex;align-items:center;gap:16px}.icon-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.icon-button:hover{background:#0000000d}.campaign-content{flex:1;overflow-y:auto;padding:0 16px;overflow-x:visible!important}.campaign-content .messages-container{display:flex;flex-direction:column;gap:16px;padding-bottom:100px;overflow:visible!important}.message-accordion{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:visible!important;transition:all .2s ease}.message-accordion:hover{box-shadow:0 4px 12px #00000026}.message-accordion.archived{background:#f9fafb;border:1px solid #e5e7eb;opacity:.8}.message-accordion.archived:hover{opacity:1;box-shadow:0 2px 8px #0000001a}.message-accordion.archived .message-text{color:#6b7280;font-style:italic}.message-accordion.archived .message-text:after{content:" (Archived)";font-size:12px;color:#9ca3af;font-weight:400}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background .2s ease;width:100%;overflow:visible!important}.accordion-header:hover{background:#f8f9fa}.accordion-summary{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:visible!important}.campaign-content .message-actions-menu{position:relative;z-index:10!important;background:none!important;background-color:transparent!important;border:none!important;border-color:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;outline:none!important;overflow:visible!important;min-width:auto}.message-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;overflow:visible!important}.message-title-left{display:flex;align-items:center;flex:1;min-width:0}.message-title-right{display:flex;align-items:center;gap:8px;flex-shrink:0;overflow:visible!important}.message-text{font-size:16px;font-weight:600;color:#111827;line-height:1.4}.message-status{display:inline-block;white-space:nowrap;flex-shrink:0}.message-stats-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.message-stats{display:flex;align-items:center;gap:20px;font-size:14px;color:#6b7280}.message-date{font-size:12px;color:#6b7280;white-space:nowrap;flex-shrink:0}.stat-item{display:flex;align-items:center;gap:6px;font-weight:500}.stat-item.total{color:#374151;font-weight:600}.stat-icon{font-size:18px!important}.text-gray-400{color:#9ca3af!important}.text-gray-500{color:#6b7280!important}.text-green-500{color:#10b981!important}.text-blue-500{color:#3b82f6!important}.text-red-500{color:#ef4444!important}.text-yellow-500{color:#f59e0b!important}.expand-icon{color:#667781;font-size:20px!important;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.accordion-content{padding:0 20px 20px;background-color:#f9fafb;border-top:1px solid #e5e7eb;position:relative;z-index:1}.message-preview{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:24px}.template-preview-header{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-bottom:12px}.template-info{flex:1}.template-info h4{margin:0 0 4px;color:#111b21;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.template-name{font-size:12px;color:#0277bd;background:#e1f5fe;padding:2px 8px;border-radius:12px;display:inline-block}.whatsapp-message-preview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;box-shadow:0 1px 3px #0000001a;max-width:320px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.whatsapp-message-preview:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;z-index:-1;padding:1px}.header-text{font-size:14px;font-weight:600;color:#1f2937;background:#f3f4f6;padding:8px 12px;border-radius:8px;border-left:3px solid #25d366}.header-media{background:#f3f4f6;padding:12px;border-radius:8px;text-align:center;border:1px dashed #d1d5db}.media-placeholder{color:#6b7280;font-size:14px;font-weight:500}.message-body{font-size:14px;line-height:1.4;color:#1f2937;margin-bottom:8px;white-space:pre-wrap}.message-footer{font-size:12px;color:#6b7280;font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid #f3f4f6}.message-buttons{margin-top:12px;display:flex;flex-direction:column;gap:6px}.template-button{background:#f8f9fa;border:1px solid #25d366;color:#25d366;padding:8px 12px;border-radius:20px;font-size:13px;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease}.template-button:hover{background:#25d366;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #25d3664d}.preview-header{color:#111827;font-size:14px;font-weight:600;margin:0 0 8px;padding:8px 12px;background:#f3f4f6;border-radius:6px;border-left:3px solid #25d366}.preview-body{color:#374151;font-size:14px;line-height:1.5;margin:0 0 8px;padding:0;white-space:pre-wrap}.preview-footer{color:#6b7280;font-size:12px;font-style:italic;margin:8px 0 0;padding-top:8px;border-top:1px solid #e5e7eb}.preview-button{background:#25d366;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;margin-top:8px;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.preview-button:hover{background:#20c55a;transform:translateY(-1px);box-shadow:0 2px 8px #25d3664d}.recipients-section{margin-top:16px}.recipients-title{font-size:18px;font-weight:600;margin-bottom:15px;color:#333}.selection-summary{background:#f0fdf4;border:1px solid #16a34a;border-left:4px solid #16a34a;padding:16px;border-radius:8px;margin-bottom:20px}.selection-summary-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.selection-details{display:flex;flex-direction:column;gap:8px}.selection-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;margin-bottom:8px}.selection-item.total-count{border-top:1px solid #e9ecef;padding-top:8px;margin-top:4px}.selection-label{font-weight:600;color:#374151;min-width:120px;font-size:13px;flex-shrink:0}.selection-value{color:#1f2937;font-weight:500}.selection-value.highlight{color:#16a34a;font-weight:600}.selection-tags{display:flex;gap:4px;flex-wrap:wrap}.selection-tag{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600}.selection-tag.include{background:#dcfce7;color:#166534;border:1px solid #16a34a}.selection-tag.exclude{background:#fee2e2;color:#991b1b;border:1px solid #dc2626}.loading-recipients{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:#6b7280}.loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.recipients-list{display:flex;flex-direction:column;gap:12px}.recipient-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.recipient-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.recipient-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.recipient-avatar{flex-shrink:0}.avatar-circle{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);line-height:1;letter-spacing:.5px}.recipient-details{flex:1;min-width:0}.recipient-name{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-phone{font-size:12px;color:#6b7280;margin-bottom:2px}.recipient-timestamp{font-size:11px;color:#8b5cf6;font-weight:500;background:#f3f4f6;padding:2px 6px;border-radius:10px;display:inline-block;border:1px solid #e5e7eb}.recipient-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.recipient-timestamp-inline{font-size:10px;color:#6b7280;font-weight:500;white-space:nowrap;padding:2px 6px;background:#f9fafb;border-radius:4px;border:1px solid #e5e7eb}.recipient-status-inline{display:flex;align-items:center;flex-shrink:0}.status-badge-with-icon{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;text-transform:capitalize;padding:3px 8px;border-radius:10px;min-width:60px;text-align:center;justify-content:center}.status-badge-with-icon.sent{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.status-badge-with-icon.delivered{background:#f0f9ff;color:#1e40af;border:1px solid #bfdbfe}.status-badge-with-icon.read{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd;font-weight:600}.status-badge-with-icon.failed{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.status-badge-with-icon.pending{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.status-badge-with-icon.draft-calculated{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;font-style:italic}.status-icon-inline{font-size:16px!important}.recipient-status{display:flex;align-items:center;gap:8px;flex-shrink:0}.status-badge{font-size:12px;font-weight:500;text-transform:capitalize;padding:2px 8px;border-radius:12px;min-width:60px;text-align:center}.status-badge.sent{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.status-badge.delivered{background:#f0f9ff;color:#1e40af;border:1px solid #bfdbfe}.status-badge.read{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd;font-weight:600}.status-badge.failed{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.status-badge.pending{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.status-badge.draft-calculated{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;font-style:italic}.no-recipients{padding:24px;text-align:center;color:#6b7280;font-size:14px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.empty-campaign{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#6b7280;height:100%}.empty-icon .material-icons{font-size:64px;color:#d1d5db;margin-bottom:16px}.empty-message p{margin:0;font-size:16px;color:#6b7280;line-height:1.5}.no-campaign-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280;padding:48px 24px}.no-campaign-selected h3{color:#111827;margin-bottom:8px;font-size:18px;font-weight:600}.no-campaign-selected p{color:#6b7280;margin:0;font-size:14px}.create-message-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #25d36666;transition:all .3s ease;z-index:1000}.create-message-fab:hover{background:#20c55a;transform:scale(1.1);box-shadow:0 8px 24px #25d36680}.create-message-fab .material-icons{font-size:24px;color:#fff}.material-icons,.material-icons-outlined{font-family:Material Icons,Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-icons{font-family:Material Icons!important}.material-icons-outlined{font-family:Material Icons Outlined!important}@media (max-width: 768px){.campaign-conversation{width:100%}.campaign-header{padding:12px 16px;margin-bottom:8px}.campaign-name{font-size:18px}.campaign-meta{font-size:12px}.campaign-content{padding:0}.campaign-content .messages-container{gap:12px;padding:8px 15px}.message-accordion{border-radius:12px}.accordion-header{padding:12px 16px}.message-title{align-items:flex-start;gap:8px}.message-stats{gap:12px;font-size:12px}.accordion-content{padding:0 16px 16px}.recipient-card{padding:10px}.create-message-fab{width:48px;height:48px}.create-message-fab .material-icons{font-size:20px}.dropdown-menu{min-width:160px;right:-8px}.dropdown-item{padding:8px 12px;font-size:13px}.template-preview-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:6px;padding:6px 2px}.delete-message-btn{align-self:flex-end;padding:6px}.delete-message-btn i{font-size:16px}.message-preview{flex-direction:column}}@media (max-width: 600px){.message-stats{flex-wrap:wrap;gap:8px}.stat-item{font-size:11px}.recipient-card{flex-direction:column;align-items:flex-start;gap:12px}.recipient-status{align-self:flex-end}}.campaign-actions-menu{position:relative;z-index:999999!important}.campaign-actions-menu .dropdown-menu,.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 8px 32px #00000026;z-index:999999!important;min-width:180px;max-width:200px;padding:4px 0;margin-top:4px}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#111b21;transition:background .2s ease}.dropdown-item:hover{background:#f5f5f5}.dropdown-item.delete-item{color:#f44336}.dropdown-item.delete-item:hover{background:#ffebee}.dropdown-item i{font-size:18px}.delete-message-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#f44336;border-radius:50%;cursor:pointer;transition:all .2s ease;opacity:.7}.delete-message-btn:hover{background:#ffebee;opacity:1;transform:scale(1.1)}.delete-message-btn i{font-size:18px}.message-menu-button{background:none!important;background-color:transparent!important;border:none!important;color:#6b7280!important;cursor:pointer!important;padding:6px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;transition:all .2s ease!important;box-shadow:none!important;outline:none!important}.message-menu-button:hover{background:#6b72801a!important;background-color:#6b72801a!important;color:#374151!important}.message-menu-button:focus{outline:none!important;box-shadow:none!important}.message-menu-button .material-icons{color:inherit!important;font-size:20px!important;line-height:1!important}.accordion-actions .message-actions-menu .icon-button,.message-actions-menu .icon-button{background:transparent!important;background-color:transparent!important;color:#6b7280!important;padding:4px!important;width:28px!important;height:28px!important;border:none!important;border-radius:6px!important;box-shadow:none!important}.accordion-actions .message-actions-menu .icon-button:hover,.message-actions-menu .icon-button:hover{background:#6b72801a!important;background-color:#6b72801a!important;color:#374151!important}.accordion-actions .message-actions-menu .icon-button .material-icons,.message-actions-menu .icon-button .material-icons{color:inherit!important;font-size:18px!important;fill:currentColor!important}.message-actions-menu .dropdown-menu{position:absolute!important;top:100%!important;right:0!important;background:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 8px 32px #00000026;z-index:1001!important;min-width:180px;max-width:200px;padding:4px 0;margin-top:4px}.message-actions-menu .dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;font-size:13px;color:#111b21;transition:background .2s ease;white-space:nowrap}.message-actions-menu .dropdown-item:hover{background:#f5f5f5}.message-actions-menu .dropdown-item.delete-item{color:#f44336}.message-actions-menu .dropdown-item.delete-item:hover{background:#ffebee}.message-actions-menu .dropdown-item i{font-size:16px}.refresh-button{background:none!important;border:none!important;color:#6b7280!important;padding:8px!important;border-radius:8px!important;transition:all .2s ease!important}.refresh-button:hover{background:#0000000d!important;color:#374151!important}.refresh-button .material-icons{font-size:20px!important}.dropdown-menu .archive-filter-toggle{display:flex;align-items:center;padding:2px 0;cursor:pointer;transition:background-color .2s ease;border-radius:0;border:none;outline:none;gap:8px;min-height:auto;font-weight:500}.dropdown-menu .archive-filter-toggle input[type=checkbox]{width:16px;height:16px;margin:0;background-color:#fff!important;border:2px solid #d1d5db;border-radius:4px;cursor:pointer}.dropdown-menu .archive-filter-toggle:hover{background-color:#f9fafb}.dropdown-menu .archive-filter-toggle .toggle-text{font-size:14px;line-height:1.4;margin:0}input[type=checkbox]{background-color:#fff!important;border:2px solid #d1d5db!important;border-radius:4px!important}input[type=checkbox]:checked{background-color:#3b82f6!important;border-color:#3b82f6!important}input[type=checkbox]:focus{outline:2px solid #3b82f6;outline-offset:2px}.selection-members{display:flex;flex-direction:column;gap:6px}.selection-member{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.selection-member.include{background:#e8f5e8;color:#2d5a2d;border:1px solid #c3e6c3}.selection-member.exclude{background:#fce8e8;color:#721c24;border:1px solid #f5c6cb}.selection-member .member-icon{font-size:16px!important;color:inherit}.selection-member.include .member-icon{color:#2d5a2d}.selection-member.exclude .member-icon{color:#721c24}.selection-member .member-name{font-weight:600;color:inherit}.member-loading{display:flex;align-items:center;gap:8px;font-size:12px;color:#6c757d}.loading-spinner-small{width:14px;height:14px;border:2px solid #e9ecef;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.recipient-status .material-icons{font-size:16px!important}.recipient-status .material-icons.text-blue-500{color:#1e90ff!important;text-shadow:0 0 1px rgba(30,144,255,.3)}.history-recipients{font-size:12px;color:#25d366;font-weight:600;background:#e8f5e8;padding:2px 8px;border-radius:12px}.history-detail-item{display:flex;align-items:center;gap:8px;font-size:13px}.history-label{font-weight:600;color:#495057;min-width:80px}.history-tags,.history-members,.history-delivery-stats{display:flex;gap:6px;flex-wrap:wrap}.history-tag{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.history-tag.include{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.history-tag.exclude{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.history-member-count{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.history-member-count.include{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.history-member-count.exclude{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.history-stat{font-size:11px;padding:2px 6px;border-radius:10px;font-weight:500;background:#e8f5e8;color:#155724}.history-stat.failed{background:#f8d7da;color:#721c24}.status-icon{font-size:18px!important;margin-right:4px}.transaction-item{margin-bottom:8px;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb}.transaction-item.initial-publish{background:#f0f9ff;border-color:#bfdbfe}.transaction-item.republish{background:#fef3c7;border-color:#fbbf24;padding:6px 10px}.transaction-item.total-summary{background:#f0fdf4;border-color:#16a34a;font-weight:600}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.transaction-date{font-size:12px;font-weight:600;color:#374151}.transaction-recipients{font-size:11px;color:#1f2937;background:#fff;padding:1px 6px;border-radius:10px;border:1px solid #d1d5db;font-weight:500}.transaction-label{font-size:14px;font-weight:600;color:#374151}.transaction-total{font-size:14px;font-weight:600;color:#16a34a;background:#fff;padding:2px 8px;border-radius:12px;border:1px solid #16a34a}.transaction-total.highlight{color:#16a34a;background:#f0fdf4;border:1px solid #16a34a}.transaction-details{padding-top:8px;border-top:1px solid #f3f4f6}.selection-member-count{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-right:4px;display:inline-block}.selection-member-count.include{background:#dcfce7;color:#166534;border:1px solid #16a34a}.selection-member-count.exclude{background:#fee2e2;color:#991b1b;border:1px solid #dc2626}.delivery-stats{display:flex;gap:8px;flex-wrap:wrap}.stat-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.stat-badge.sent{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.stat-badge.delivered{background:#dcfce7;color:#16a34a;border:1px solid #16a34a}.stat-badge.failed{background:#fee2e2;color:#dc2626;border:1px solid #dc2626}.compact-selection-row{display:flex;flex-wrap:wrap;gap:6px;padding:0;font-size:12px;align-items:center;margin-top:2px}.compact-item{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;white-space:nowrap}.compact-item.include-tags{background:#dcfce7;color:#166534;border:1px solid #16a34a}.compact-item.exclude-tags{background:#fee2e2;color:#991b1b;border:1px solid #dc2626}.compact-item.include-members{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.compact-item.exclude-members{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.compact-item.delivery-stats{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.transaction-item.republish .recipient-analysis-debug{display:none}.transaction-item.republish .transaction-header{margin-bottom:2px}.transaction-item.republish .compact-selection-row{margin-top:0}.wizard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.wizard-modal-content{background:#fff;border-radius:12px;max-width:800px;width:calc(100vw - 48px);max-height:calc(100vh - 48px);overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column;font-family:inherit;color:#111b21}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.wizard-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#25d366;color:#fff;flex-shrink:0}.wizard-modal-title{display:flex;align-items:center;gap:12px;color:#fff}.wizard-modal-icon{width:32px;height:32px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center}.wizard-modal-title h3{margin:0;font-size:18px;font-weight:600;color:#fff}.wizard-modal-close{background:#fff3;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.wizard-modal-close:hover{background:#ffffff4d}.wizard-progress{background:#f8f9fa;padding:16px 24px;border-bottom:1px solid #e1e8ed;flex-shrink:0}.progress-steps{display:flex;align-items:center;justify-content:center;gap:32px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.progress-step:not(:last-child):after{content:"";position:absolute;top:16px;left:calc(100% + 16px);width:32px;height:2px;background:#e1e8ed;transition:background .3s ease}.progress-step.completed:not(:last-child):after{background:#25d366}.step-circle{width:32px;height:32px;border-radius:50%;background:#e1e8ed;color:#666;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .3s ease}.progress-step.active .step-circle,.progress-step.completed .step-circle{background:#25d366;color:#fff}.step-label{font-size:12px;color:#666;font-weight:500;text-align:center}.progress-step.active .step-label{color:#25d366;font-weight:600}.wizard-modal-body{display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:500px;font-family:inherit;padding:16px 20px;overflow-y:auto;background:#fff;color:#111b21}.wizard-overview{padding:0}.wizard-overview .wizard-info p{margin:0 0 16px;color:#111b21;font-size:14px;line-height:1.5}.wizard-steps{display:flex;flex-direction:column;gap:12px}.wizard-step{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e8ed}.step-number{width:32px;height:32px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.step-content{flex:1}.step-content h4{margin:0 0 4px;color:#111b21;font-size:14px;font-weight:600}.step-content p{margin:0;color:#667781;font-size:12px;line-height:1.4}.form-label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#111b21}.form-input{width:100%;padding:10px 14px;border:1px solid #e1e8ed;border-radius:6px;font-size:14px;background:#fff;color:#111b21;transition:border-color .2s ease;box-sizing:border-box;font-family:inherit}.form-input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 2px #25d3661a}.form-input::-moz-placeholder{color:#667781}.form-input::placeholder{color:#667781}.form-help{margin-top:4px;font-size:12px;color:#667781;line-height:1.3}.wizard-step-content{max-height:none;overflow:visible;padding:0}.step-header{margin-bottom:16px;text-align:center}.step-header h3{margin:0 0 6px;color:#111b21;font-size:18px;font-weight:600}.step-header p{margin:0;color:#667781;font-size:13px;line-height:1.4}.selection-sections{display:flex;flex-direction:column;gap:16px}.selection-section{border:1px solid #e1e8ed;border-radius:8px;padding:16px;background:#f8f9fa}.selection-section h4{margin:0 0 6px;color:#111b21;font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px}.section-description{margin:0 0 12px;color:#667781;font-size:12px;line-height:1.3}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px;color:#667781}.loading-spinner{width:20px;height:20px;border:2px solid #e1e8ed;border-top:2px solid #25d366;border-radius:50%;animation:spin 1s linear infinite}.tags-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;width:100%}.tag-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #e1e8ed;border-radius:6px;transition:all .2s ease;min-height:44px;width:100%;box-sizing:border-box}.tag-item:hover{border-color:#25d366;box-shadow:0 2px 8px #25d3661a}.tag-info{flex:1;min-width:0;margin-right:10px}.tag-name{font-size:13px;font-weight:500;color:#111b21;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tag-actions{display:flex;gap:6px;margin-left:10px;flex-shrink:0}.tag-btn,.member-btn{padding:4px 8px;border:1px solid #e1e8ed;background:#fff;color:#667781;border-radius:3px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;position:relative}.tag-btn:hover,.member-btn:hover{background:#f0f2f5}.tag-btn.include.active{background:#25d366;border-color:#25d366;color:#fff;font-weight:600}.tag-btn.exclude.active{background:#f44336;border-color:#f44336;color:#fff;font-weight:600}.member-btn.include.active{background:#25d366;border-color:#25d366;color:#fff;font-weight:600}.member-btn.exclude.active{background:#f44336;border-color:#f44336;color:#fff;font-weight:600}.member-search{margin-bottom:12px}.search-input{width:100%;padding:10px 14px;border:1px solid #e1e8ed;border-radius:6px;font-size:13px;background:#fff;color:#111b21;transition:border-color .2s ease;box-sizing:border-box;font-family:inherit}.search-input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 2px #25d3661a}.search-input::-moz-placeholder{color:#667781}.search-input::placeholder{color:#667781}.wizard-step-content .members-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.wizard-step-content .member-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #e1e8ed;border-radius:6px;transition:all .2s ease;min-height:52px}.wizard-step-content .member-item:hover{border-color:#25d366;box-shadow:0 2px 8px #25d3661a}.wizard-step-content .member-info{flex:1;min-width:0;margin-right:10px}.wizard-step-content .member-name{font-size:13px;font-weight:500;color:#111b21;margin-bottom:3px;line-height:1.2}.wizard-step-content .member-phone{font-size:11px;color:#667781;margin-bottom:3px;line-height:1.1}.wizard-step-content .member-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px;max-width:100%;overflow:hidden;width:100%}.wizard-step-content .member-tag{background:#e1f5fe;color:#0277bd;font-size:9px;padding:1px 4px;border-radius:3px;font-weight:500;line-height:1.1;white-space:nowrap;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:70px;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.wizard-step-content .member-actions{display:flex;gap:6px;margin-left:10px;opacity:1!important;flex-shrink:0;visibility:visible!important}.wizard-step-content .tag-filter-section{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:6px;padding:12px;margin-bottom:12px;position:relative}.wizard-step-content .tag-filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.wizard-step-content .tag-filter-title{font-size:13px;font-weight:600;color:#111b21;display:flex;align-items:center;gap:6px}.wizard-step-content .filter-toggle-btn{background:none;border:none;color:#25d366;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;transition:background .2s ease}.wizard-step-content .filter-controls{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.wizard-step-content .filter-mode-buttons{display:flex;background:#e1e8ed;border-radius:12px;padding:1px}.filter-mode-btn{background:none;border:none;padding:4px 8px;border-radius:10px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#667781}.filter-mode-btn.active{background:#25d366;color:#fff}.filter-mode-btn[data-mode=NOT]{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:10px;padding:4px 8px;margin-left:6px}.filter-mode-btn[data-mode=NOT].active{background:#f44336;color:#fff;border-color:#f44336}.clear-filter-btn{background:none;border:none;color:#f44336;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;transition:background .2s ease}.filter-tags-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:4px;width:100%}.filter-tag-chip{background:#fff;border:1px solid #e1e8ed;padding:2px 6px;border-radius:6px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;color:#667781;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;max-width:100%;min-height:22px;display:flex;align-items:center;justify-content:center}.filter-tag-chip.selected{background:#25d366;border-color:#25d366;color:#fff}.selection-summary{background:#e8f5e8;border:1px solid #c8e6c9;padding:12px 16px;margin:0}.selection-summary h4{margin:0 0 8px;color:#2e7d32;font-size:13px;font-weight:600}.summary-content{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;line-height:1.2}.summary-item{margin:0;font-size:11px;line-height:1.2;color:#1b5e20;white-space:nowrap}.summary-item strong{color:#2e7d32;font-weight:600}.user-count-summary{background:#2e7d32;color:#fff;padding:3px 6px;border-radius:4px;font-weight:600;font-size:11px;margin-left:6px}.filter-results-count{margin-top:6px;padding:6px 10px;background:#25d3661a;border-radius:4px;font-size:11px;color:#1b5e20;text-align:center}.icon-help-legend{display:flex;align-items:center;gap:12px;padding:6px 12px;background:#f8f9fa;border-radius:4px;margin-bottom:12px;font-size:11px;color:#667781}.legend-item{display:flex;align-items:center;gap:4px}.members-overflow{padding:8px 12px;background:#f0f2f5;border-radius:6px;margin-top:6px}.members-overflow p{margin:0;font-size:12px;color:#667781;text-align:center}.wizard-footer{background:#e8f5e8;border-top:1px solid #c8e6c9;border-bottom:1px solid #c8e6c9;border-left:1px solid #c8e6c9;border-right:1px solid #c8e6c9;border-radius:0 0 8px 8px;padding:16px 20px;margin:0;font-family:inherit;flex-shrink:0;position:sticky;bottom:0;z-index:100}.footer-buttons{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:inherit}.button-spacer{flex:1}.btn-cancel,.btn-start,.btn-back,.btn-next,.btn-create,.btn-publish{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;font-family:inherit!important;min-width:80px}.btn-cancel{background:#f8f9fa;border-color:#e1e8ed;color:#667781}.btn-back{background:#f8f9fa;border-color:#e1e8ed;color:#111b21}.btn-back:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.btn-start,.btn-next,.btn-create,.btn-publish{background:#25d366;border-color:#25d366;color:#fff}.btn-start:hover:not(:disabled),.btn-next:hover:not(:disabled),.btn-create:hover:not(:disabled),.btn-publish:hover:not(:disabled){background:#128c7e;border-color:#128c7e;transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.btn-back:disabled,.btn-next:disabled,.btn-create:disabled,.btn-publish:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.template-selection-layout{display:flex;flex-direction:row;height:450px;gap:20px}.templates-list{flex:1;max-width:350px;display:flex;flex-direction:column}.templates-list h4{margin:0 0 12px;color:#111b21;font-size:15px;font-weight:600;display:flex;align-items:center}.templates-grid{display:grid;grid-template-columns:1fr;gap:12px;flex:1;overflow-y:auto;padding-right:4px}.template-card{border:1px solid #e1e8ed;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;background:#fff}.template-card:hover{border-color:#25d366;box-shadow:0 2px 8px #25d3661a}.template-card.selected{border-color:#25d366;background:#25d3660d;box-shadow:0 2px 8px #25d36626}.template-card.readonly{cursor:not-allowed!important;background:#f8f9fa}.template-card.readonly:hover{border-color:#e1e8ed!important;box-shadow:none!important}.template-card.readonly.selected{border-color:#25d366;background:#25d3660d}.template-info{flex:1;min-width:0}.template-name{font-size:12px;font-weight:600;color:#111b21;margin-bottom:0}.template-description{font-size:11px;color:#667781;margin-bottom:4px;line-height:1.3}.template-category{font-size:9px;color:#0277bd;background:#e1f5fe;padding:2px 6px;border-radius:8px;display:inline-block}.selected-indicator{width:24px;height:24px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.template-preview-panel{flex:1;min-width:400px;border:1px solid #e1e8ed;border-radius:8px;padding:0;background:#fff;overflow-y:auto;display:flex;flex-direction:column}.no-template-selected{display:flex;align-items:center;justify-content:center;height:100%;padding:40px 20px}.select-prompt{text-align:center;color:#667781}.select-prompt svg{margin-bottom:16px;opacity:.5}.select-prompt p{margin:0;font-size:14px}.whatsapp-message-preview{background:#e5ddd5;border-radius:8px;padding:16px;max-width:280px;margin:0 auto;font-family:inherit;box-shadow:0 2px 6px #0000001a}.message-header{margin-bottom:8px}.header-text{font-weight:600;color:#111b21;font-size:13px;margin-bottom:4px}.header-media{margin-bottom:6px}.media-placeholder{background:#f0f0f0;border:1px dashed #ccc;border-radius:4px;padding:6px;text-align:center;color:#666;font-size:11px}.message-body{background:#fff;padding:10px 12px;border-radius:8px;margin-bottom:8px;color:#111b21;font-size:13px;line-height:1.4;box-shadow:0 1px 2px #0000001a}.message-footer{color:#667781;font-size:11px;font-style:italic;margin-bottom:8px}.message-buttons{display:flex;flex-direction:column;gap:4px}.template-button{background:#fff;border:1px solid #25d366;color:#25d366;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.template-button:hover{background:#25d366;color:#fff}.template-variables-compact{margin:12px 16px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e8ed}.template-variables-compact h5{margin:0 0 8px;color:#111b21;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.variables-compact-grid{display:flex;flex-direction:column;gap:8px}.variable-row{display:flex;align-items:center;gap:8px;width:100%}.variable-label{font-size:10px;font-weight:600;color:#25d366;font-family:monospace;background:#e8f5e8;padding:3px 6px;border-radius:4px;flex-shrink:0;min-width:40px;text-align:center}.variable-description-label{position:absolute;top:-8px;left:6px;background:#fff;padding:0 3px;font-size:9px;color:#667781;font-weight:500;z-index:1}.variable-text-input{width:100%;padding:8px 10px;border:1px solid #d1d7db;border-radius:4px;font-size:12px;background:#fff;color:#111b21!important;transition:border-color .2s;box-sizing:border-box;font-family:inherit}.variable-text-input::-moz-placeholder{color:#999!important;font-size:11px}.variable-text-input::placeholder{color:#999!important;font-size:11px}.campaign-summary{background:#e8f5e8;border:1px solid #4caf50;border-radius:8px;padding:16px;margin:16px 0 0;box-shadow:0 2px 6px #4caf501a;width:100%;box-sizing:border-box;font-family:inherit}.summary-title{font-weight:600;font-size:15px;color:#2e7d32;margin-bottom:12px;display:flex;align-items:center;gap:6px;font-family:inherit}.summary-section{margin-bottom:12px}.summary-section h5{margin:0 0 6px;color:#2e7d32;font-size:13px;font-weight:600;font-family:inherit}.summary-section:last-child{margin-bottom:0}.summary-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-family:inherit}.summary-label{font-size:12px;color:#2e7d32;font-weight:500;font-family:inherit}.summary-value{font-size:12px;color:#1b5e20;font-weight:600;font-family:inherit}.user-selection-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;font-family:inherit}.user-checkbox-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease;font-family:inherit}.user-checkbox-item:hover{background:#f5f5f5;border-color:#25d366}.user-checkbox-item.selected{background:#e8f5e8;border-color:#25d366}.user-thumbnail{width:32px;height:32px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-thumbnail .material-icons{font-size:18px;color:#fff;font-family:Material Icons}.user-info{flex:1;min-width:0;font-family:inherit}.user-name{font-weight:500;font-size:14px;color:#111b21;margin-bottom:2px;font-family:inherit}.user-phone{font-size:12px;color:#667781;font-family:inherit}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#667781;text-align:center}.placeholder-icon{margin-bottom:16px;opacity:.6}.placeholder-content p{margin:0;font-size:14px}.no-data{text-align:center;padding:40px 20px;color:#667781}.no-data p{margin:0;font-size:14px}@media (max-width: 768px){.wizard-modal-content{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.wizard-modal-header{padding:16px 20px}.wizard-modal-title h3{font-size:16px}.wizard-progress{padding:12px 20px}.progress-steps{gap:20px}.progress-step:not(:last-child):after{width:20px;left:calc(100% + 10px)}.wizard-modal-body{padding:16px 20px;min-height:400px}.step-header h3{font-size:18px}.template-selection-layout{flex-direction:column;height:auto;gap:16px}.template-preview-panel{min-width:unset;width:100%;height:400px;order:2}.templates-list{max-width:unset;width:100%;height:300px;order:1}.templates-grid{grid-template-columns:1fr;gap:8px}.whatsapp-message-preview{max-width:100%;margin:0 0 0 10px}.tags-grid{grid-template-columns:1fr;gap:8px}.wizard-footer{padding:16px 20px}.footer-buttons{flex-wrap:wrap;gap:12px}.btn-cancel,.btn-start,.btn-back,.btn-next,.btn-create,.btn-publish{flex:1;text-align:center;min-width:0}.button-spacer{display:none}.republish-history{margin-top:16px;padding:12px}.history-header{flex-direction:column;align-items:flex-start;gap:6px}.history-detail-item{flex-direction:column;align-items:flex-start;gap:4px}.history-label{min-width:unset}.history-delivery-stats{flex-direction:column;gap:6px}}.save-ready-section{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px 12px 0 0;padding:16px 20px;margin:0 -20px -16px;color:#fff}.save-message{text-align:center}.summary-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:600;margin-bottom:8px}.summary-title i{font-size:24px;color:#fff}.save-message p{margin:0;font-size:14px;opacity:.9;line-height:1.4}.user-count-summary{font-weight:600;color:#fff;background:#fff3;padding:2px 8px;border-radius:12px}.republish-history{margin-top:20px;padding:16px;background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px}.republish-history h4{margin:0 0 16px;color:#333;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.history-items{display:flex;flex-direction:column;gap:12px}.history-item{background:#fff;border:1px solid #e1e8ed;border-radius:6px;padding:12px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.history-date{font-size:13px;color:#555;font-weight:500}.history-recipients{font-size:12px;color:#25d366;font-weight:600;background:#25d3661a;padding:2px 8px;border-radius:12px}.history-details{display:flex;flex-direction:column;gap:8px}.history-detail-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.history-label{font-size:12px;color:#666;font-weight:500;min-width:100px}.history-tags{display:flex;flex-wrap:wrap;gap:4px}.history-tag{font-size:11px;padding:2px 6px;border-radius:10px;font-weight:500}.history-tag.include{background:#25d36626;color:#128c7e;border:1px solid rgba(37,211,102,.3)}.history-tag.exclude{background:#f4433626;color:#d32f2f;border:1px solid rgba(244,67,54,.3)}.history-count{font-size:12px;color:#666;font-style:italic}.history-delivery-stats{display:flex;gap:12px;margin-top:6px;flex-wrap:wrap}.delivery-stat{font-size:11px;padding:2px 6px;border-radius:8px;font-weight:500}.delivery-stat.sent{background:#4caf501a;color:#388e3c}.delivery-stat.failed{background:#f443361a;color:#d32f2f}.delivery-stat.delivered{background:#2196f31a;color:#1976d2}.history-note{margin-top:16px;padding:8px 12px;background:#2196f31a;border:1px solid rgba(33,150,243,.2);border-radius:6px;display:flex;align-items:center;gap:8px;font-size:12px;color:#1976d2}.history-note i{font-size:16px}.no-history{text-align:center;padding:20px;color:#666;font-style:italic}.no-history p{margin:0 0 8px;font-size:14px}.delete-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}.delete-dialog-content{background:#fff;border-radius:12px;width:480px;max-width:calc(100vw - 48px);min-height:350px;max-height:calc(100vh - 48px);overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:deleteDialogSlideIn .3s ease-out;display:flex;flex-direction:column;font-family:inherit!important}@keyframes deleteDialogSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-dialog-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#f44336;color:#fff;flex-shrink:0}.delete-dialog-icon{width:32px;height:32px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-dialog-title{flex:1}.delete-dialog-title h3{margin:0;font-size:18px;font-weight:600;color:#fff}.delete-dialog-close{background:#fff3;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.delete-dialog-close:hover{background:#ffffff4d}.delete-dialog-body{padding:24px;flex:1;overflow-y:auto}.delete-dialog-description{margin-bottom:20px;color:#111b21;font-size:14px;line-height:1.5}.delete-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff3e0;border:1px solid #ffcc02;border-radius:8px;margin-bottom:24px}.warning-icon{flex-shrink:0;margin-top:2px}.warning-text{flex:1}.warning-text strong{color:#e65100;font-size:14px;display:block;margin-bottom:4px}.warning-text p{margin:0;color:#ef6c00;font-size:13px;line-height:1.4}.delete-confirmation{margin-bottom:16px}.confirmation-label{display:block;font-size:14px;font-weight:600;color:#111b21;margin-bottom:8px}.confirmation-label strong{color:#f44336;font-family:monospace;background:#ffebee;padding:2px 4px;border-radius:3px}.confirmation-input{width:100%;padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;font-family:monospace;background:#fff;transition:all .2s ease;box-sizing:border-box}.confirmation-input:focus{outline:none;border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.confirmation-input:disabled{background:#f5f5f5;cursor:not-allowed}.validation-error{margin-top:8px;color:#f44336;font-size:12px;font-weight:500;padding:8px 12px;background:#ffebee;border:1px solid #ffcdd2;border-radius:6px}.validation-error strong{font-family:monospace}.delete-dialog-footer{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#f8f9fa;border-top:1px solid #e1e8ed;flex-shrink:0;justify-content:flex-end}.btn-cancel,.btn-delete{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;display:flex;align-items:center;gap:8px}.btn-cancel{background:none;border-color:#e1e8ed;color:#667781}.btn-cancel:hover:not(:disabled){background:#f0f2f5;border-color:#d1d7db}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-delete{background:#f44336;border-color:#f44336;color:#fff;min-width:120px;justify-content:center}.btn-delete:hover:not(:disabled){background:#d32f2f;border-color:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.btn-delete:disabled{background:#adb5bd;border-color:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.delete-dialog-content{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.delete-dialog-header{padding:16px 20px}.delete-dialog-title h3{font-size:16px}.delete-dialog-body{padding:20px}.delete-dialog-footer{padding:16px 20px;flex-wrap:wrap}.btn-cancel,.btn-delete{flex:1;text-align:center;min-width:0}}.delete-dialog-content *,.delete-dialog-header h3,.delete-dialog-description,.warning-text,.warning-text strong,.warning-text p,.confirmation-label,.confirmation-input,.validation-error,.btn-cancel,.btn-delete{font-family:inherit!important}.delete-dialog-header h3{color:#fff!important}.delete-dialog-description{color:#111b21!important}.confirmation-label{color:#111b21!important;font-weight:600}.confirmation-input{color:#111b21!important;background:#fff!important;border:2px solid #e1e8ed!important}.confirmation-input::-moz-placeholder{color:#8696a0!important}.confirmation-input::placeholder{color:#8696a0!important}.warning-text strong{color:#e65100!important}.warning-text p{color:#ef6c00!important}.validation-error{color:#f44336!important}.btn-cancel{color:#667781!important;background:#fff!important}.btn-delete{color:#fff!important;background:#f44336!important}.channel-switch-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.channel-switch-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:450px;max-width:90vw;overflow:hidden;animation:popup-appear .3s ease-out}@keyframes popup-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-header{padding:16px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.popup-header h2{margin:0;font-size:18px;color:#128c7e}.close-button{background:none;border:none;font-size:24px;color:#666;cursor:pointer}.close-button:hover{color:#333}.popup-content{padding:20px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px}.loading-spinner p{margin-top:12px;color:#666}.popup-actions{display:flex;justify-content:flex-end;margin-top:20px}.channel-switch-dialog .MuiPaper-root{border-radius:8px;overflow:hidden}.channel-switch-dialog .MuiSelect-select:focus{background-color:transparent}.channel-switch-dialog .MuiDialogContent-root{padding:20px 24px}.conversation{flex:1;display:flex;flex-direction:column;height:100%;width:77%;background-color:#e2dfd4dc;position:relative}.conversation.hidden{display:none}.empty-conversation{display:flex;justify-content:center;align-items:center}.empty-state{display:flex;flex-direction:column;align-items:center;color:#54656f;text-align:center;max-width:500px}.empty-icon{margin-bottom:20px}.conversation-header{position:sticky;top:0;z-index:9;background:#f0f2f5;display:flex;justify-content:space-between;align-items:center;padding:10px 2px;border-left:1px solid #e6e6e6;height:60px;border-bottom:1px solid #eee;padding-top:max(10px,env(safe-area-inset-top));overflow:visible}.header-left{display:flex;align-items:center;flex:1;min-width:0}.header-right{display:flex;align-items:center;flex-shrink:0}.conversation-header .back-button{margin-right:1px;color:#54656f;display:none}.conversation-header .chat-user-info{gap:2px}.conversation-header .header-right .actions{gap:1px}.back-button svg{fill:#54656f}.chat-user-info{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.chat-user-info>div{min-width:0;overflow:hidden}.user-name{font-size:14px;font-weight:600;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{font-size:13px;color:#667781;font-weight:400}.actions{display:flex;align-items:center;gap:8px;overflow:visible}.reply-preview{background:#f0f2f5;border-left:3px solid #25d366;margin:0;border-radius:8px;overflow:hidden;width:100%}.reply-content{padding:6px 12px}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.reply-label{font-size:12px;font-weight:500;color:#25d366}.reply-close{background:none;border:none;cursor:pointer;font-size:24px;color:#666;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.reply-close:hover{background:#0000001a}.reply-text{font-size:13px;color:#667781;max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;white-space:pre-wrap}.selection-actions{display:flex;align-items:center;gap:16px}.selection-count{font-size:16px;font-weight:500;color:#111b21}.selection-buttons{display:flex;align-items:center;gap:16px}.delete-button,.cancel-button,.select-all-button{background:none;border:none;color:#54656f;cursor:pointer;border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center}.delete-button:hover,.cancel-button:hover,.select-all-button:hover{background-color:#0000000d}.delete-button svg,.cancel-button svg,.select-all-button svg{width:24px;height:24px;fill:#54656f}.select-all-button svg{fill:#25d366}.delete-button{color:#f15c6d}.delete-button svg{fill:#f15c6d}.messages-container{flex:1 1 auto;overflow-y:auto;padding:20px;display:flex;flex-direction:column;justify-content:flex-start}.messages{display:flex;flex-direction:column;width:100%}.message-wrapper{display:flex;max-width:68%;margin-bottom:10px;width:-moz-fit-content;width:fit-content}.message-wrapper.incoming{align-self:flex-start}.message-wrapper.outgoing{align-self:flex-end}.message{display:flex;width:-moz-fit-content;width:fit-content;min-width:-moz-fit-content;min-width:fit-content}.message-content{padding:8px 12px;border-radius:8px;position:relative;box-shadow:0 1px .5px #00000021;width:-moz-fit-content;width:fit-content;min-width:140px}.message-wrapper.incoming .message-content{background-color:#fff;border-radius:0 8px 8px}.message-wrapper.outgoing .message-content{background-color:#dcf8c6;border-radius:8px 0 8px 8px}.message-text{margin-bottom:0;font-size:14px;line-height:1.4;color:#111b21;width:-moz-fit-content;width:fit-content;min-width:-moz-fit-content;min-width:fit-content;word-wrap:break-word;overflow-wrap:break-word;font-weight:400;white-space:pre-wrap}.message-link{color:#1976d2;text-decoration:underline;cursor:pointer;transition:color .2s ease;word-break:break-all;border-radius:2px;padding:1px 2px;margin:-1px -2px}.message-link:hover{color:#1565c0;text-decoration:underline;background-color:#1976d21a}.message-link:visited{color:#7b1fa2}.message-link:active{color:#0d47a1}.message-link:focus{outline:2px solid #1976d2;outline-offset:1px}@media (prefers-color-scheme: dark){.message-link{color:#64b5f6}.message-link:hover{color:#90caf9;background-color:#64b5f626}.message-link:visited{color:#ce93d8}.message-link:active{color:#bbdefb}.message-link:focus{outline-color:#64b5f6}}.message-wrapper.outgoing .message-link{color:#0d47a1;font-weight:500}.message-wrapper.outgoing .message-link:hover{color:#1565c0;background-color:#0d47a11a}.message-wrapper.outgoing .message-link:visited{color:#4a148c}.message-wrapper.outgoing .message-link:active{color:#0d47a1}.message-info{display:flex;justify-content:flex-end;align-items:center;gap:0px;width:-moz-fit-content;width:fit-content;min-width:-moz-fit-content;min-width:fit-content;margin-left:auto;margin-top:-2px;padding-left:25px}.message-time{font-size:11px;color:#667781;white-space:nowrap;font-weight:400}.system-message{display:flex;justify-content:center;margin:10px 0;opacity:.8;width:100%}.system-content{background-color:#8696a026;border-radius:7.5px;padding:6px 12px;font-size:12.5px;color:#667781;text-align:center;max-width:95%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;flex-flow:row wrap}.system-content .message-info{margin:0;justify-content:center}.system-content .message-time{font-size:10px;color:#8696a0;opacity:.8}.json-system-message{display:flex;flex-direction:row;align-items:center;gap:4px}.order-link{background:none;border:none;color:#0d93fc;text-decoration:underline;cursor:pointer;font-size:11px;padding:2px 4px;border-radius:4px;transition:background-color .2s}.order-link:hover{background-color:#25d3661a}.order-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.order-details-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.order-details-info-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#e3f2fd;border-bottom:1px solid #bbdefb}.order-details-info-left{display:flex;align-items:center;gap:8px}.order-details-info-icon{font-size:16px;color:#1976d2}.order-details-info-title{font-size:16px;font-weight:600;color:#1976d2}.order-details-close-btn{background:none;border:none;font-size:18px;color:#1976d2;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.order-details-close-btn:hover{background-color:#1976d21a}.order-details-table-content{padding:20px;max-height:60vh;overflow-y:auto}.order-details-content-wrapper{display:flex;flex-direction:column;gap:20px}.order-info-section-ui{background-color:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e9ecef}.order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-info-item{display:flex;gap:2px;align-items:center}.order-info-label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.order-info-value{font-size:14px;font-weight:500;color:#111b21}.order-status{color:#28a745;font-weight:600}.seat-details-section-ui{background-color:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e9ecef}.section-title{margin:0 0 12px;font-size:14px;font-weight:600;color:#111b21;text-transform:uppercase;letter-spacing:.5px}.seat-info-display{display:flex;flex-direction:column;gap:4px}.screen-name{font-size:16px;font-weight:500;color:#6c757d;line-height:1.2}.seat-details{font-size:14px;font-weight:700;color:#111b21;line-height:1.2}.order-items-table-ui-wrapper{width:100%}.order-items-table-ui{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.order-items-table-ui thead{background-color:#f8f9fa}.order-items-table-ui th{padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:#111b21;border-bottom:1px solid #e9ecef}.header-item-ui{text-align:left}.header-price-ui,.header-subtotal-ui{text-align:right}.header-qty-ui{text-align:center}.order-items-table-ui tbody tr{border-bottom:1px solid #f0f2f5;background-color:#fff}.order-items-table-ui tbody tr:hover{background-color:#f8f9fa}.order-items-table-ui td{padding:12px 16px;font-size:14px;color:#667781;vertical-align:top}.item-name-ui{text-align:left;font-weight:500}.item-price-ui,.item-subtotal-ui{text-align:right}.item-qty-ui{text-align:center}.order-items-table-ui tfoot{background-color:#f8f9fa;border-top:2px solid #e9ecef}.table-total-row-ui td{padding:16px;font-weight:600;font-size:16px;color:#111b21}.total-label-ui,.total-amount-ui{text-align:right}.loading-order-details{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px}.loading-order-details p{margin:0;color:#6b7280;font-size:14px}.order-details{display:flex;flex-direction:column;gap:16px}.order-info-section{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.order-info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;line-height:1.4}.order-info-label{font-weight:500;color:#111b21}.order-info-value{color:#667781;font-weight:400}.order-items-container{display:flex;flex-direction:column}.order-items-table{display:flex;flex-direction:column;width:100%}.table-header{display:grid;grid-template-columns:2fr 1fr .8fr 1fr;gap:16px;padding:12px 0 8px;font-weight:600;font-size:14px;color:#111b21;border-bottom:1px solid #e9ecef}.header-item{text-align:left}.header-price,.header-qty,.header-subtotal{text-align:right}.header-qty{text-align:center}.table-row{display:grid;grid-template-columns:2fr 1fr .8fr 1fr;gap:16px;padding:12px 0;font-size:14px;color:#667781;border-bottom:1px solid #f0f2f5}.item-name{text-align:left;font-weight:500}.item-price,.item-qty,.item-subtotal{text-align:right}.item-qty{text-align:center}.table-total-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0 8px;font-weight:600;font-size:16px;color:#111b21;border-top:2px solid #e9ecef;margin-top:8px}.total-label{text-align:left}.total-amount{text-align:right}.order-status-pending{color:#f59e0b;font-weight:600}.order-status-confirmed{color:#10b981;font-weight:600}.order-status-preparing{color:#3b82f6;font-weight:600}.order-status-ready{color:#8b5cf6;font-weight:600}.order-status-delivered{color:#059669;font-weight:600}.order-status-cancelled,.order-status-failed{color:#dc2626;font-weight:600}.order-details-error{text-align:center;padding:40px 20px;color:#dc2626}@media (max-width: 768px){.order-details-grid{grid-template-columns:1fr;gap:16px}.order-details-modal{width:95%;max-width:none}.table-header,.table-row{grid-template-columns:1.5fr 1fr .8fr 1fr;gap:8px;font-size:12px}}.order-details-error p{margin:0;font-size:14px}.empty-messages{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem}.empty-messages-content{text-align:center;color:#8696a0}.empty-message-text{font-size:16px;margin-bottom:8px;color:#8696a0}.empty-message-hint{font-size:14px;color:#9ca3af;font-style:italic}.messages-container.selection-mode{padding-left:50px;position:relative}.messages-container.selection-mode:before{content:"";position:absolute;left:0;top:0;bottom:0;width:40px;background-color:#0000000d;z-index:2}.message-wrapper.selectable{cursor:pointer;transition:background-color .2s;position:relative}.message-wrapper.selected .message-content{border:2px solid #25d366;box-shadow:0 1px 3px #0003}.message-checkbox{position:absolute;left:-40px;top:50%;transform:translateY(-50%);z-index:5;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.message-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#25d366;background-color:#fff;border:2px solid #d1d5db;border-radius:3px;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;outline:none}.message-checkbox input[type=checkbox]:checked{background-color:#25d366;border-color:#25d366}.message-checkbox input[type=checkbox]:checked:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.message-checkbox input[type=checkbox]:hover{border-color:#25d366}.message-checkbox input[type=checkbox]:focus{box-shadow:0 0 0 2px #25d36633}.message-input-container{display:flex;align-items:center;padding:6px 8px;background-color:#f0f2f5;gap:2px;border-top:1px solid #e0e0e0}.message-input-container .icon-button{padding:4px}.message-input-container svg{fill:#54656f}.message-input-container-overlay{position:absolute;top:-60px;left:0;width:100%;background-color:#00000080;z-index:99;height:60px}.emoji-button,.attachment-button{flex-shrink:0;width:40px;height:40px}.text-input{flex:1;background-color:#fff;border-radius:20px;padding:0;display:flex;align-items:center}.text-input input{width:100%;border:none;padding:10px 15px;outline:none;font-size:15px}.text-input textarea{width:100%;border:none;padding:10px 15px 1px;outline:none;font-size:.9rem;resize:none;font-family:inherit;max-height:100px;min-height:20px;color:#111b21;background-color:transparent}.send-button{border:none;background-color:transparent;color:#54656f;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px}.send-button:disabled{opacity:.5;cursor:default}.send-button svg{fill:#54656f}.message-input-container button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.message-input-container .text-input textarea:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.conversation-header .whatsapp-timer{margin:0 4px}.switching-channel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:100}.switching-channel-overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}@media (max-width: 768px){.back-button{display:flex!important}.conversation-header .back-button{margin-right:2px}}@media (max-width: 600px){.conversation-header{min-height:56px;padding:max(8px,env(safe-area-inset-top)) 6px 8px 6px;font-size:16px;position:fixed;top:0;left:0;right:0;width:100%;box-sizing:border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9}.conversation{padding-top:calc(56px + env(safe-area-inset-top,0px));height:100vh;height:100dvh;overflow:hidden}.messages-container{padding-top:10px;height:calc(100vh - 116px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:calc(100dvh - 116px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.message-wrapper:first-child{margin-top:60px}.message-input-container{position:fixed;bottom:0;left:0;right:0;padding-bottom:max(6px,env(safe-area-inset-bottom));background-color:#f0f2f5;border-top:1px solid #e0e0e0;z-index:999}}.start-conversation-btn{display:none!important}.search-bar{background-color:#f0f2f5;border-bottom:1px solid #e0e0e0;padding:8px 16px;position:sticky;top:60px;z-index:1001}.search-bar .search-input-container{display:flex;align-items:center;background-color:#fff;border-radius:24px;padding:12px 16px 8px;gap:12px;box-shadow:0 1px 3px #0000001f;border:1px solid #e0e0e0;min-height:40px;box-sizing:border-box}.search-icon{display:flex;align-items:center;justify-content:center;color:#8696a0;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:15px;color:#111b21;background:transparent;padding:8px 0;line-height:1.4}.search-input::-moz-placeholder{color:#8696a0}.search-input::placeholder{color:#8696a0}.search-results-info{display:flex;align-items:center;justify-content:center;font-size:13px;color:#667781;white-space:nowrap;min-width:90px;font-weight:500}.search-results-info .searching{color:#25d366}.search-results-info .no-results{color:#f15c6d}.search-results-info .results-count{color:#25d366;font-weight:600}.search-navigation{display:flex;gap:8px;align-items:center}.nav-button{border:none;background:#f8f9fa;color:#54656f;cursor:pointer;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:1px solid #e0e0e0;flex-shrink:0}.nav-button:hover:not(:disabled){background-color:#e8f5e8;color:#25d366;border-color:#25d366;transform:scale(1.05)}.nav-button:active:not(:disabled){transform:scale(.95)}.nav-button:disabled{background-color:#f5f5f5;color:#bbb;cursor:not-allowed;border-color:#e8e8e8}.nav-button svg{width:18px;height:18px;display:block}.close-search{border:none;background:#f8f9fa;color:#54656f;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;border:1px solid #e0e0e0}.close-search:hover{background-color:#fee2e2;color:#dc2626;border-color:#dc2626;transform:scale(1.05)}.close-search:active{transform:scale(.95)}.close-search svg{width:16px;height:16px;display:block}.search-highlight{background-color:#fff3cd;color:#856404;font-weight:500;padding:1px 2px;border-radius:2px}.current-search-result{position:relative;animation:searchPulse 1s ease-in-out}.current-search-result .search-highlight{background-color:#ffd60a;color:#664d03;box-shadow:0 0 0 2px #ffd60a4d}@keyframes searchPulse{0%{box-shadow:0 0 #25d36666}50%{box-shadow:0 0 0 8px #25d3661a}to{box-shadow:0 0 #25d36600}}@media (max-width: 600px){.search-bar{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;right:0;width:100%;box-sizing:border-box;padding:6px 8px;z-index:999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.search-bar .search-input-container{padding:6px 10px 4px;gap:8px;min-height:32px;border-radius:16px;box-sizing:border-box}.search-icon{height:16px}.search-input{font-size:14px;padding:6px 0;line-height:1.3}.search-results-info{font-size:11px;min-width:60px}.nav-button{width:28px;height:28px}.nav-button svg{width:14px;height:14px}.close-search{width:24px;height:24px}.close-search svg{width:12px;height:12px}.conversation.search-active .messages-container{padding-top:54px;height:calc(100vh - 160px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:calc(100dvh - 160px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}.message-with-media{display:flex;flex-direction:column;gap:6px;width:-moz-fit-content;width:fit-content;min-width:-moz-fit-content;min-width:fit-content}.message-with-media .message-text{margin:0;padding:8px 0 0;font-size:14px;line-height:1.4;width:-moz-fit-content;width:fit-content;min-width:-moz-fit-content;min-width:fit-content}.message-content:has(.message-with-media){padding:6px;width:-moz-fit-content;width:fit-content;min-width:-moz-fit-content;min-width:fit-content}.message-wrapper.reply-message{position:relative;overflow:visible;max-width:none;width:auto;display:flex;flex-direction:column}.message-wrapper.reply-message .message-content{padding-left:4px}.message-wrapper.reply-message.outgoing .message-content{border-left:none;padding:4px}.message-wrapper.reply-message.outgoing .message-text{padding-left:10px}.message-wrapper.reply-message .reply-display{width:100%;max-width:400px;min-width:300px}.message-wrapper.reply-message.incoming .reply-display{align-self:flex-start}.message-wrapper.reply-message.outgoing .reply-display{align-self:flex-end}.message-wrapper.reply-message .message{align-self:inherit}.message-highlight{animation:messageHighlight 2s ease-in-out!important;position:relative!important;z-index:1!important}.message-wrapper.message-highlight,.message.message-highlight,.message-content.message-highlight{animation:messageHighlight 3s ease-in-out!important}.message-sender{font-size:12px;color:#333;font-weight:600;margin-bottom:6px}@keyframes messageHighlight{0%{background-color:#25d36666!important;transform:scale(1.02);box-shadow:0 0 0 2px #25d3664d;border:2px solid rgba(37,211,102,.6)!important}25%{background-color:#25d3664d!important;box-shadow:0 0 0 4px #25d36633;border:2px solid rgba(37,211,102,.4)!important}50%{background-color:#25d36633!important;box-shadow:0 0 0 2px #25d3661a;border:1px solid rgba(37,211,102,.2)!important}75%{background-color:#25d3661a!important}to{background-color:transparent!important;transform:scale(1);box-shadow:none;border:none!important}}.forwarded-indicator{display:flex;align-items:center;gap:4px;font-size:12px;color:#8696a0;margin-bottom:4px;font-style:italic}.forwarded-indicator svg{width:14px;height:14px;opacity:.7}.forwarded-indicator span{font-weight:500}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-modal{background:#fff;border-radius:12px;width:100%;max-width:400px;max-height:80vh;overflow:hidden;box-shadow:0 8px 32px #0000004d;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.edit-modal-header{padding:20px 20px 16px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between}.edit-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111}.edit-modal-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:4px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.edit-modal-close:hover{background:#f0f0f0}.edit-modal-content{padding:16px 20px 20px}.edit-message-preview{margin-bottom:20px;padding:12px;background:#f7f8fa;border-radius:8px}.preview-message{display:flex;justify-content:flex-end}.preview-message-bubble{background:#dcf8c6;color:#111;padding:8px 12px;border-radius:8px;max-width:250px;position:relative;word-wrap:break-word;font-size:14px;line-height:1.4}.preview-message-time{font-size:11px;color:#667781;text-align:right;margin-top:4px}.edit-input-container{display:flex;align-items:flex-end;gap:8px;padding:8px;background:#f0f0f0;border-radius:24px}.edit-emoji-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s;flex-shrink:0}.edit-emoji-btn:hover{background:#0000001a}.edit-modal-textarea{flex:1;border:none;background:none;outline:none;resize:none;font-family:inherit;font-size:15px;line-height:1.4;padding:8px 0;max-height:120px;overflow-y:auto}.edit-modal-textarea::-moz-placeholder{color:#8696a0}.edit-modal-textarea::placeholder{color:#8696a0}.edit-send-btn{background:#25d366;border:none;border-radius:50%;width:36px;height:36px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0}.edit-send-btn:hover:not(:disabled){background:#1da851}.edit-send-btn:disabled{background:#bbb;cursor:not-allowed}.edited-indicator{font-size:11px;color:#8696a0;font-style:italic;margin-left:6px;opacity:.8}@media (prefers-color-scheme: dark){.edit-modal{background:#2a2f32}.edit-modal-header{border-bottom-color:#3b4043}.edit-modal-header h3{color:#e9edef}.edit-modal-close{color:#aebac1}.edit-modal-close:hover{background:#3b4043}.edit-message-preview{background:#1f2428}.preview-message-bubble{background:#005c4b;color:#e9edef}.edit-input-container{background:#3b4043}.edit-modal-textarea{color:#e9edef}.edit-modal-textarea::-moz-placeholder{color:#8696a0}.edit-modal-textarea::placeholder{color:#8696a0}}@media (max-width: 480px){.edit-modal-overlay{padding:10px}.edit-modal{max-width:none;border-radius:8px}.edit-modal-header{padding:16px}.edit-modal-header h3{font-size:16px}.edit-modal-content{padding:12px 16px 16px}.edit-message-preview{margin-bottom:16px}.edit-modal-textarea{font-size:16px}}.conversation-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.conversation-menu{position:absolute;top:4.5rem;right:1rem;width:260px;background-color:#fff;border-radius:4px;box-shadow:0 2px 5px #0003;overflow:hidden;z-index:1050;animation:fadeIn .15s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.conversation-menu-item{display:flex;align-items:center;padding:7px 20px;cursor:pointer;transition:background-color .2s}.conversation-menu-item:hover{background-color:#f0f0f0}.menu-icon{width:24px;height:24px;margin-right:20px;display:flex;align-items:center;justify-content:center;color:#54656f}.menu-label{font-size:14.5px;color:#333}.menu-divider{height:1px;background-color:#e8e8e8;margin:4px 0}.rename-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-in}.rename-modal{background:#fff;border-radius:8px;width:400px;max-width:90vw;box-shadow:0 4px 20px #0000004d;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.rename-modal-header{padding:20px 24px 16px;border-bottom:1px solid #e8e8e8}.rename-modal-header h3{margin:0;font-size:18px;font-weight:500;color:#333}.rename-modal-body{padding:20px 24px}.rename-input{width:100%;padding:12px 16px;border:2px solid #e8e8e8;border-radius:6px;font-size:16px;outline:none;transition:border-color .2s;box-sizing:border-box}.rename-input:focus{border-color:#25d366}.rename-modal-footer{padding:16px 24px 20px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e8e8e8}.cancel-btn,.save-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.save-btn{background:#25d366;color:#fff}.save-btn:hover:not(:disabled){background:#20b858}.loading-dots{display:flex;align-items:center}.dots{animation:dots 1.5s infinite}@keyframes dots{0%,20%{opacity:0}50%{opacity:1}80%,to{opacity:0}}.file-staging-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1001;display:flex;align-items:center;justify-content:center}.file-staging-modal{background:#fff;border-radius:16px;padding:20px;min-width:500px;max-width:800px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 48px #0000004d}.file-staging-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.file-staging-modal-header h3{margin:0;color:#333;font-size:18px;font-weight:600}.close-modal-button{background:none;border:none;font-size:20px;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-modal-button:hover{background-color:#f0f0f0}.file-staging-modal-content{max-height:450px;overflow-y:auto;margin-bottom:16px;padding-right:4px}.staged-file-modal-item-compact{background:#f8f9fa;border-radius:8px;padding:12px;margin-bottom:8px;border:1px solid #e9ecef;transition:border-color .2s}.staged-file-modal-item-compact:hover{border-color:#25d366}.staged-file-modal-item-compact:last-child{margin-bottom:0}.file-preview-section{display:flex;align-items:center;gap:12px;margin-bottom:8px}.file-thumbnail{width:50px;height:50px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e9ecef;cursor:pointer;transition:transform .2s;flex-shrink:0}.file-thumbnail:hover{transform:scale(1.05)}.thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-icon-large{font-size:24px;color:#666}.file-info-compact{flex:1;min-width:0}.file-name-compact{font-weight:500;color:#333;font-size:14px;margin-bottom:2px;word-break:break-word;line-height:1.2}.file-size-compact{font-size:12px;color:#666}.file-remove-button-compact{background-color:#f44336;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:12px;flex-shrink:0}.file-remove-button-compact:hover{background-color:#d32f2f;transform:scale(1.1)}.file-message-section-compact{margin-top:8px}.file-message-input-compact{width:100%;border:1px solid #ddd;border-radius:6px;padding:8px;font-size:13px;font-family:inherit;resize:vertical;min-height:32px;transition:border-color .2s;background-color:#fff;color:#333}.file-message-input-compact:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 2px #25d3661a}.file-message-input-compact::-moz-placeholder{color:#999}.file-message-input-compact::placeholder{color:#999}.file-staging-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:12px;border-top:1px solid #e0e0e0}.cancel-all-button,.send-all-button{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px;display:flex;align-items:center;gap:8px}.cancel-all-button{background-color:#f8f9fa;color:#666;border:1px solid #e9ecef}.cancel-all-button:hover{background-color:#e9ecef}.send-all-button{background-color:#25d366;color:#fff}.send-all-button:hover{background-color:#20c55a}.send-icon{font-size:16px;color:#fff!important}.send-all-button .send-icon{color:#fff!important}.add-more-files-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#25d36626;border:3px dashed #25d366;border-radius:16px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1002}.add-more-content{text-align:center;color:#25d366;background:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 32px #25d36633;border:2px dashed #25d366}.add-more-icon{font-size:48px;margin-bottom:12px}.add-more-content h3{margin:0 0 8px;font-size:20px;font-weight:600}.add-more-content p{margin:0;font-size:14px;opacity:.8}.file-preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;z-index:1003;display:flex;align-items:center;justify-content:center;padding:20px}.file-preview-modal{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.file-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.file-preview-header h3{margin:0;color:#333;font-size:16px;font-weight:600;word-break:break-word}.close-preview-button{background:none;border:none;font-size:20px;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-preview-button:hover{background-color:#e0e0e0}.file-preview-content{padding:20px;display:flex;align-items:center;justify-content:center;min-height:200px}.preview-image{max-width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.preview-file-info{text-align:center;padding:40px}.preview-file-icon{font-size:64px;margin-bottom:16px}.preview-file-details{color:#333}.preview-file-name{font-size:18px;font-weight:600;margin-bottom:8px;word-break:break-word}.preview-file-size{font-size:14px;color:#666;margin-bottom:4px}.preview-file-type{font-size:12px;color:#999;font-family:monospace}@media (max-width: 768px){.file-staging-modal{min-width:90vw;max-width:90vw;margin:20px;max-height:90vh;padding:16px}.file-staging-modal-header h3{font-size:16px}.file-preview-section{gap:10px}.file-thumbnail{width:40px;height:40px}.file-icon-large{font-size:20px}.file-name-compact{font-size:13px}.file-size-compact{font-size:11px}.file-remove-button-compact{width:20px;height:20px;font-size:10px}.file-message-input-compact{font-size:12px;padding:6px}.file-staging-modal-actions{flex-direction:column;gap:8px}.cancel-all-button,.send-all-button{width:100%;justify-content:center}.add-more-content{padding:20px}.add-more-icon{font-size:36px}.add-more-content h3{font-size:16px}.add-more-content p{font-size:12px}.file-preview-modal{margin:10px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.file-preview-header{padding:12px 16px}.file-preview-header h3{font-size:14px}.file-preview-content{padding:15px}.preview-image{max-height:60vh}.preview-file-info{padding:30px 20px}.preview-file-icon{font-size:48px}.preview-file-name{font-size:16px}}.forward-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:backdropFadeIn .3s ease;padding:20px;box-sizing:border-box}.forward-modal{background:#fff;color:#333;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;width:100%;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s ease;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;flex-shrink:0}.close-button:hover:not(:disabled){background:#0000001a}.close-button:disabled{opacity:.5;cursor:not-allowed}.message-preview-section{padding:16px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.preview-label{font-size:12px;color:#666;margin-bottom:8px;font-weight:500}.preview-bubble{background:#f5f5f5;border-radius:8px;padding:12px;border-left:3px solid #25d366}.media-preview{display:flex;align-items:center;gap:12px}.media-icon{font-size:24px}.media-caption{font-size:14px;color:#333;margin-top:4px}.text-preview{font-size:14px;line-height:1.4;color:#333;word-wrap:break-word;max-height:60px;overflow:hidden;text-overflow:ellipsis}.search-section{padding:16px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.search-input-container{position:relative;display:flex;align-items:center;background:#f5f5f5;border-radius:8px;padding:8px 12px;gap:8px}.search-input-container svg{color:#666;width:20px;height:20px}.search-input-container input{flex:1;border:none;background:none;outline:none;font-size:14px;color:#333}.search-input-container input::-moz-placeholder{color:#999}.search-input-container input::placeholder{color:#999}.search-input-container input:disabled{opacity:.5}.selected-contacts-section{padding:16px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.selected-label{font-size:12px;color:#666;margin-bottom:12px;font-weight:500}.selected-contacts{display:flex;flex-wrap:wrap;gap:8px}.selected-contact{display:flex;align-items:center;gap:8px;background:#e3f2fd;border-radius:20px;padding:6px 12px 6px 6px;font-size:14px;color:#1976d2}.selected-contact .contact-avatar{width:24px;height:24px}.selected-contact .contact-name{font-weight:500}.remove-contact{background:none;border:none;cursor:pointer;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1976d2;transition:background .2s ease}.remove-contact:hover:not(:disabled){background:#1976d21a}.remove-contact:disabled{opacity:.5;cursor:not-allowed}.remove-contact svg{width:16px;height:16px}.contacts-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.loading-contacts{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#666}.no-chats{display:flex;align-items:center;justify-content:center;padding:40px;color:#999;font-style:italic}.contacts-list{flex:1;overflow-y:auto;padding:8px 0}.contact-item{display:flex;align-items:center;gap:12px;padding:12px 24px;cursor:pointer;transition:background .2s ease;position:relative}.contact-item:hover{background:#0000000d}.contact-item.selected{background:#25d3661a}.contact-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.contact-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.contact-info{flex:1;min-width:0}.contact-name{font-size:14px;font-weight:500;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-status{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-type{color:#999;flex-shrink:0}.contact-type svg{width:18px;height:18px}.selection-indicator{position:absolute;right:24px;color:#25d366;background:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.selection-indicator svg{width:16px;height:16px}.modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;background:#f8f9fa;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.cancel-button{background:none;color:#666;border:1px solid #ddd;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.forward-button{background:#25d366;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:8px}.forward-button:hover:not(:disabled){background:#128c7e}.forward-button:disabled{background:#ccc;cursor:not-allowed}.forward-button svg{width:16px;height:16px}@media (max-width: 768px){.forward-modal{width:95%;max-height:90vh;margin:20px}.modal-header{padding:16px 20px}.header-title h2{font-size:16px}.message-preview-section,.search-section,.selected-contacts-section,.contact-item{padding:12px 20px}.modal-footer{padding:12px 20px;flex-direction:column}.cancel-button,.forward-button{width:100%;justify-content:center}}.forward-modal{background:#fff!important;color:#333!important}.forward-modal .modal-header{background:#f8f9fa!important;border-bottom-color:#e0e0e0!important}.forward-modal .header-title{color:#333!important}.forward-modal .close-button{color:#666!important}.forward-modal .close-button:hover:not(:disabled){background:#0000001a!important}.forward-modal .message-preview-section,.forward-modal .search-section,.forward-modal .selected-contacts-section{border-bottom-color:#f0f0f0!important}.forward-modal .preview-bubble,.forward-modal .search-input-container{background:#f5f5f5!important}.forward-modal .search-input-container input{color:#333!important}.forward-modal .contact-item:hover{background:#0000000d!important}.forward-modal .contact-item.selected{background:#25d3661a!important}.forward-modal .contact-name{color:#333!important}.forward-modal .contact-status{color:#666!important}.forward-modal .modal-footer{background:#f8f9fa!important;border-top-color:#e0e0e0!important}.forward-modal .cancel-button{color:#666!important;border-color:#ddd!important}.forward-modal .cancel-button:hover:not(:disabled){background:#f5f5f5!important;border-color:#ccc!important}@media (prefers-contrast: high){.forward-modal{border:2px solid #000}.contact-item{border-bottom:1px solid #000}.close-button:focus,.cancel-button:focus,.forward-button:focus{outline:2px solid #000}}.message-input-section{padding:16px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0;background:#fafafa}.input-label{font-size:12px;color:#666;margin-bottom:12px;font-weight:500}.message-input-section .message-input-container{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:12px;padding:12px;border:1px solid #e0e0e0}.message-input-section .user-avatar{flex-shrink:0}.message-input-section .user-avatar .avatar-placeholder{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px}.message-input-section .input-wrapper{flex:1}.message-input-section .input-wrapper textarea{width:100%;border:none;outline:none;resize:none;font-family:inherit;font-size:14px;line-height:1.4;color:#333;background:transparent;min-height:20px;max-height:80px}.message-input-section .input-wrapper textarea::-moz-placeholder{color:#999}.message-input-section .input-wrapper textarea::placeholder{color:#999}.message-input-section .input-wrapper textarea:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.message-input-section{padding:12px 16px}.message-input-section .message-input-container{padding:8px}.message-input-section .user-avatar .avatar-placeholder{width:28px;height:28px;font-size:11px}.message-input-section .input-wrapper textarea{font-size:13px}}.media-message{cursor:pointer;margin:8px 0;border-radius:8px;overflow:hidden;max-width:300px;transition:transform .2s ease}.media-message:hover{transform:scale(1.02)}.media-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;border:2px dashed #ddd;border-radius:8px;min-height:120px;background:#f8f9fa;gap:10px}.media-placeholder.loading{border-color:#25d366;background:#f0fdf4}.media-placeholder.uploading{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.media-placeholder.error{border-color:#ef4444;background:#fef2f2;color:#dc2626;min-height:60px;padding:12px 16px;flex-direction:row;gap:12px;text-align:left}.media-placeholder.error .media-icon{font-size:20px;flex-shrink:0}.media-placeholder.error span:not(.media-icon){font-size:13px;font-weight:500;flex:1}.media-placeholder.error button{margin-top:0!important;padding:8px!important;background:#25d366!important;color:#fff!important;border:none!important;border-radius:50%!important;cursor:pointer!important;flex-shrink:0;height:32px;width:32px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.media-placeholder.error button:hover{background:#22c55e!important}.media-placeholder.error button .refresh-icon{font-size:16px}.media-content{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.forwarded-media-text-caption{padding:12px 16px;font-size:14px;line-height:1.4;color:#333;background:#bdeb9787;word-wrap:break-word;white-space:pre-wrap;margin-top:6px;border-radius:6px}.image-thumbnail{position:relative;width:100%;height:200px;overflow:hidden}.image-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.video-thumbnail{position:relative;width:100%;height:200px;overflow:hidden;background:#000}.video-thumbnail video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.audio-thumbnail{position:relative;width:100%;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;color:#fff}.audio-info{display:flex;align-items:center;gap:12px;padding:0 16px;flex:1}.audio-info .media-icon{font-size:24px}.audio-info .file-name{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-thumbnail{position:relative;width:100%;background:#f8f9fa;border:1px solid #e9ecef;padding:16px;display:flex;align-items:center;gap:12px}.document-info{flex:1;display:flex;flex-direction:column;gap:4px}.document-info .media-icon{font-size:32px;margin-bottom:8px}.document-info .file-name{font-weight:500;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-info .file-type{font-size:12px;color:#666;text-transform:uppercase}.media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.media-content:hover .media-overlay{opacity:1}.media-overlay .media-icon,.media-overlay .play-icon,.media-overlay .view-icon{font-size:24px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.media-overlay .MuiSvgIcon-root{font-size:24px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.media-overlay .play-icon{font-size:48px;background:#fff3;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-overlay .play-icon.MuiSvgIcon-root{font-size:32px}@media (max-width: 768px){.media-message{max-width:250px}.image-thumbnail,.video-thumbnail{height:150px}.audio-thumbnail{height:70px}.audio-info .file-name,.document-info .file-name{font-size:13px}}.location-thumbnail{position:relative;width:100%;background:#fff;border-radius:8px;overflow:hidden}.location-map{position:relative;width:100%;height:150px}.location-map img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.location-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:12px 16px;color:#fff}.location-info{display:flex;align-items:center;gap:12px}.location-info .media-icon{font-size:20px;color:#f44;text-shadow:0 1px 2px rgba(0,0,0,.5)}.location-details{display:flex;flex-direction:column;gap:2px}.location-title{font-weight:600;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.location-coords{font-size:12px;color:#e5e5e5;font-family:monospace;text-shadow:0 1px 2px rgba(0,0,0,.5)}.code-viewer{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace}.code-viewer.compact-mode{box-shadow:none;border-radius:0;background:transparent}.code-viewer.compact-mode .code-header{padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #e2e8f0;justify-content:flex-end}.code-viewer.compact-mode .compact-controls{gap:8px}.code-viewer.compact-mode .control-btn{padding:6px 8px;font-size:12px;min-width:32px;justify-content:center}.code-viewer.compact-mode .font-size-select{padding:4px 6px;font-size:12px}.code-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;flex-wrap:wrap;gap:12px}.code-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.code-filename{font-size:16px;font-weight:600;color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;word-break:break-word}.code-language{font-size:14px;color:#718096;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.code-stats{font-size:12px;color:#a0aec0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.code-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.view-controls,.editor-controls,.action-controls{display:flex;gap:8px;align-items:center}.control-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.control-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.control-btn.active{background:#3182ce;color:#fff;border-color:#3182ce;box-shadow:0 2px 4px #3182ce4d}.control-btn.disabled,.control-btn:disabled{background:#f7fafc;color:#a0aec0;border-color:#e2e8f0;cursor:not-allowed;opacity:.6}.control-btn.disabled:hover,.control-btn:disabled:hover{background:#f7fafc;border-color:#e2e8f0;transform:none}.font-size-select{padding:6px 8px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:6px;cursor:pointer;font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;transition:all .2s ease}.font-size-select:hover{border-color:#cbd5e0}.font-size-select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.code-content{flex:1;overflow:hidden;background:#fff}.monaco-editor-container{height:100%;border-radius:0 0 8px 8px;overflow:hidden}.raw-code-container{height:70vh;overflow:auto;background:#f8f9fa;border:1px solid #e2e8f0;margin:16px;border-radius:6px}.raw-code-container.dark{background:#1e1e1e;border-color:#3e3e42}.raw-code-content{margin:0;padding:20px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.6;color:#2d3748;background:transparent;white-space:pre-wrap;word-break:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.raw-code-container.dark .raw-code-content{color:#d4d4d4}.code-footer{padding:12px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #dee2e6}.code-summary{display:flex;align-items:center;gap:12px;font-size:13px;color:#4a5568;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.code-summary>span:first-child{font-weight:600;color:#2d3748}.stat-item{background:#e2e8f0;color:#4a5568;padding:4px 8px;border-radius:4px;font-size:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500}.code-viewer[data-language=javascript] .code-language:after{content:" 🟨"}.code-viewer[data-language=typescript] .code-language:after{content:" 🔷"}.code-viewer[data-language=python] .code-language:after{content:" 🐍"}.code-viewer[data-language=java] .code-language:after{content:" ☕"}.code-viewer[data-language=json] .code-language:after{content:" 📋"}.code-viewer[data-language=html] .code-language:after{content:" 🌐"}.code-viewer[data-language=css] .code-language:after{content:" 🎨"}.code-viewer[data-language=sql] .code-language:after{content:" 🗄️"}.code-viewer[data-language=shell] .code-language:after{content:" 💻"}@media (max-width: 1024px){.code-header{flex-direction:column;align-items:flex-start;gap:12px}.code-controls{width:100%;justify-content:space-between}.view-controls,.editor-controls,.action-controls{flex-wrap:wrap}}@media (max-width: 768px){.code-header{padding:12px 16px}.code-controls{flex-direction:column;align-items:stretch;gap:8px}.view-controls,.editor-controls,.action-controls{justify-content:center}.control-btn{flex:1;text-align:center;min-width:0}.raw-code-container{margin:12px;height:60vh}.raw-code-content{padding:16px;font-size:13px}.code-summary{flex-direction:column;align-items:flex-start;gap:8px}.stat-item{font-size:11px}}@media (max-width: 480px){.code-header{padding:10px 12px}.code-filename{font-size:14px}.code-language{font-size:12px}.code-stats{font-size:11px}.control-btn{padding:6px 10px;font-size:12px}.raw-code-container{margin:8px;height:55vh}.raw-code-content{padding:12px;font-size:12px;line-height:1.5}.code-footer{padding:8px 12px}}.raw-code-container::-webkit-scrollbar{width:8px;height:8px}.raw-code-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.raw-code-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.raw-code-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.code-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px;color:#718096}.code-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px;color:#e53e3e;text-align:center;padding:20px}.monaco-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;gap:16px;color:#718096;background:#f8f9fa}.monaco-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;gap:16px;color:#e53e3e;text-align:center;padding:20px;background:#fef2f2;border:1px solid #fecaca;margin:16px;border-radius:6px}.fallback-button{padding:8px 16px;background:#3182ce;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.fallback-button:hover{background:#2c5aa0;transform:translateY(-1px)}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite}.control-btn:active{transform:translateY(0)}.stat-item:hover{background:#cbd5e0;transform:translateY(-1px);transition:all .2s ease}.control-btn:focus,.font-size-select:focus{outline:none;box-shadow:0 0 0 3px #3182ce1a}.code-content{transition:all .3s ease}.monaco-editor-container{transition:opacity .3s ease}.code-viewer.dark-theme{background:#1e1e1e;color:#d4d4d4}.code-viewer.dark-theme .code-header{background:linear-gradient(135deg,#2d2d30,#252526);border-bottom-color:#3e3e42}.code-viewer.dark-theme .code-filename{color:#ccc}.code-viewer.dark-theme .code-language{color:#9cdcfe}.code-viewer.dark-theme .code-stats{color:gray}.code-viewer.dark-theme .control-btn{background:#3c3c3c;border-color:#464647;color:#ccc}.code-viewer.dark-theme .control-btn:hover{background:#464647;border-color:#6fc3df}.code-viewer.dark-theme .control-btn.active{background:#0e639c;border-color:#007acc}.code-viewer.dark-theme .raw-code-container{background:#1e1e1e;border-color:#3e3e42}.code-viewer.dark-theme .raw-code-content{color:#d4d4d4}.code-viewer.dark-theme .code-footer{background:linear-gradient(135deg,#2d2d30,#252526);border-top-color:#3e3e42}.code-viewer.dark-theme .stat-item{background:#3e3e42;color:#ccc}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::-moz-selection{background:transparent}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.media-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-viewer-overlay.document-mode,.media-viewer-overlay.document-mode .media-viewer-container{pointer-events:none}.media-viewer-overlay.document-mode .document-container,.media-viewer-overlay.document-mode .media-viewer-header,.media-viewer-overlay.document-mode .nav-button,.media-viewer-overlay.document-mode .keyboard-shortcuts-help{pointer-events:auto}.media-viewer-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-viewer-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);padding:20px;display:flex;align-items:center;justify-content:space-between;z-index:100;transition:opacity .3s ease;opacity:0}.media-viewer-header.visible{opacity:1}.media-info{color:#fff;display:flex;flex-direction:column;gap:4px}.media-title{font-size:16px;font-weight:500;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-counter{font-size:14px;opacity:.8}.keyboard-shortcuts{margin-top:8px}.shortcut-hint{font-size:12px;opacity:.6;font-family:monospace;background:#ffffff1a;padding:4px 8px;border-radius:4px;white-space:nowrap}.close-button{background:#ffffff1a;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s ease}.close-button:hover{background:#fff3}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:100;transition:all .2s ease}.nav-button:hover:not(:disabled){background:#000000b3;transform:translateY(-50%) scale(1.1)}.nav-button:disabled{cursor:not-allowed}.prev-button{left:20px}.next-button{right:20px}.media-loading,.media-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;border-radius:12px;padding:30px;color:#fff;text-align:center;z-index:200;display:flex;flex-direction:column;align-items:center;gap:16px}.media-loading span,.media-error span{font-size:16px;font-weight:500}.media-error button{background:#25d366;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:14px;transition:background .2s ease}.media-error button:hover{background:#1fb855}.media-viewer-content{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.fullscreen-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080}.video-container{position:relative;max-width:100%;max-height:100%;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000080}.fullscreen-video{width:100%;height:100%;max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;display:block;cursor:pointer}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px;transition:opacity .3s ease;opacity:1}.video-controls.visible,.video-container:hover .video-controls{opacity:1}.audio-container{background:#fffffff2;border-radius:16px;padding:40px;max-width:500px;width:90vw;box-shadow:0 8px 32px #0000004d;text-align:center}.audio-visualization{margin-bottom:30px}.audio-icon{font-size:64px;margin-bottom:16px}.audio-title{font-size:18px;font-weight:500;color:#333;margin-bottom:8px}.audio-controls{width:100%}.progress-bar{width:100%;height:6px;background:#ffffff4d;border-radius:3px;cursor:pointer;margin-bottom:16px;position:relative}.progress-fill{height:100%;background:#25d366;border-radius:3px;transition:width .1s ease}.control-buttons{display:flex;align-items:center;gap:16px;justify-content:center;flex-wrap:wrap}.play-pause-button{background:#25d366;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s ease}.play-pause-button:hover{background:#128c7e}.time-display{font-size:14px;color:#fff;font-family:monospace;min-width:80px}.audio-container .time-display{color:#333}.volume-control{display:flex;align-items:center;gap:8px;color:#fff}.audio-container .volume-control{color:#333}.volume-slider{width:80px;height:4px;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#25d366;border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:#25d366;border-radius:50%;border:none;cursor:pointer}.document-container{width:90vw;height:90vh;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000080;position:relative;z-index:10000;pointer-events:auto}.pdf-viewer-container{width:100%;height:100%;display:flex;flex-direction:column;background:#f5f5f5;pointer-events:auto;position:relative;z-index:10001}.pdf-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;pointer-events:auto;position:relative;z-index:10002}.pdf-nav-controls{display:flex;align-items:center;gap:12px}.pdf-nav-btn{background:#25d366;color:#fff;border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:background .2s ease}.pdf-nav-btn:hover:not(:disabled){background:#22c55e}.pdf-nav-btn:disabled{background:#ccc;cursor:not-allowed}.page-info{font-size:14px;font-weight:500;color:#333;min-width:60px;text-align:center}.pdf-zoom-controls{display:flex;align-items:center;gap:8px}.pdf-zoom-btn{background:#f0f0f0;color:#333;border:none;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:background .2s ease}.pdf-zoom-btn:hover{background:#e0e0e0}.pdf-reset-btn{background:#f0f0f0;color:#333;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;transition:background .2s ease}.pdf-reset-btn:hover{background:#e0e0e0}.zoom-info{font-size:12px;color:#666;min-width:40px;text-align:center}.pdf-actions{display:flex;gap:8px}.pdf-document-wrapper{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;pointer-events:auto;z-index:10001}.pdf-document{display:flex;justify-content:center;pointer-events:auto;position:relative;z-index:10001}.pdf-page{box-shadow:0 4px 12px #00000026;border-radius:4px;overflow:hidden;pointer-events:auto;position:relative;z-index:10001}.pdf-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#666}.pdf-error{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;text-align:center;color:#dc2626}.pdf-fallback-actions{display:flex;gap:12px}.pdf-fallback-actions a{background:#25d366;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-size:14px;transition:background .2s ease}.pdf-fallback-actions a:hover{background:#22c55e}.pdf-page-error{color:#dc2626;padding:20px;text-align:center}.document-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.document-icon{font-size:64px;margin-bottom:24px}.document-info h3{font-size:24px;margin-bottom:16px;color:#333}.document-info p{font-size:16px;color:#666;margin-bottom:24px}.download-button{background:#25d366;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s ease}.download-button:hover{background:#128c7e}.keyboard-shortcuts-help{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000c;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;transition:opacity .3s ease}.keyboard-shortcuts-help .shortcut-hint{font-size:12px;color:#ffffffe6;font-family:monospace;white-space:nowrap}@media (max-width: 768px){.keyboard-shortcuts-help{display:none}.pdf-controls{flex-direction:column;gap:12px;padding:8px 12px}.pdf-nav-controls,.pdf-zoom-controls,.pdf-actions{justify-content:center}.pdf-document-wrapper{padding:10px}}@media (max-width: 768px){.media-viewer-header{padding:16px}.media-title{font-size:14px;max-width:200px}.nav-button{width:48px;height:48px}.prev-button{left:10px}.next-button{right:10px}.control-buttons{gap:12px}.time-display{font-size:12px;min-width:70px}.volume-slider{width:60px}.audio-container,.document-preview{padding:24px}.document-icon{font-size:48px}.document-info h3{font-size:20px}.document-info p{font-size:14px}}@media (max-width: 480px){.media-viewer-content,.fullscreen-video{max-width:95vw;max-height:95vh}.document-container{width:95vw;height:95vh}.control-buttons{flex-direction:column;gap:8px}.volume-control{order:3}}.office-viewer-container{width:100%;height:100%;display:flex;flex-direction:column;background:#f5f5f5;pointer-events:auto;position:relative;z-index:10001}.office-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;pointer-events:auto;position:relative;z-index:10002}.office-info{display:flex;flex-direction:column;gap:4px}.office-filename{font-weight:600;font-size:14px;color:#333}.office-type{font-size:12px;color:#666}.office-actions{display:flex;gap:8px}.office-action-button{padding:6px 12px;background:#25d366;color:#fff;text-decoration:none;border-radius:4px;font-size:12px;font-weight:500;transition:background-color .2s}.office-action-button:hover{background:#128c7e;color:#fff;text-decoration:none}.office-document-wrapper{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;pointer-events:auto;z-index:10001}.office-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#666}.office-error{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:#666;max-width:400px}.office-error-icon{font-size:48px}.office-error h3{margin:0;color:#333;font-size:18px}.office-error p{margin:8px 0;line-height:1.5}.office-fallback-actions{display:flex;gap:12px;margin-top:16px}.office-fallback-actions a{padding:8px 16px;background:#25d366;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;font-weight:500;transition:background-color .2s}.office-fallback-actions a:hover{background:#128c7e;color:#fff;text-decoration:none}.office-no-renderer{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:#666;padding:40px}.text-viewer-container{width:100%;height:100%;display:flex;flex-direction:column;background:#f5f5f5;pointer-events:auto;position:relative;z-index:10001}.text-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;pointer-events:auto;position:relative;z-index:10002}.text-info{display:flex;flex-direction:column;gap:4px}.text-filename{font-weight:600;font-size:14px;color:#333}.text-type{font-size:12px;color:#666}.text-actions{display:flex;gap:8px}.text-action-button{padding:6px 12px;background:#25d366;color:#fff;text-decoration:none;border-radius:4px;font-size:12px;font-weight:500;transition:background-color .2s}.text-action-button:hover{background:#128c7e;color:#fff;text-decoration:none}.text-content-wrapper{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start;position:relative;pointer-events:auto;z-index:10001}.text-content{width:100%;height:100%;overflow:auto}.text-display{width:100%;height:100%;padding:20px;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;color:#333;background:#fff;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;border:none;outline:none;resize:none}.text-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#666;padding:40px;width:100%;justify-content:center}.text-error{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:#666;padding:40px;width:100%;justify-content:center}.text-fallback-actions{display:flex;gap:12px;margin-top:16px}.text-fallback-actions a{padding:8px 16px;background:#25d366;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;font-weight:500;transition:background-color .2s}.text-fallback-actions a:hover{background:#128c7e;color:#fff;text-decoration:none}.document-actions{display:flex;gap:12px;margin-top:16px;justify-content:center}.office-content{width:100%;height:100%;overflow:auto;pointer-events:auto;position:relative;z-index:10001}.docx-content{padding:20px;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;max-width:none}.docx-content h1,.docx-content h2,.docx-content h3,.docx-content h4,.docx-content h5,.docx-content h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.docx-content p{margin-bottom:16px}.docx-content ul,.docx-content ol{margin:16px 0;padding-left:32px}.docx-content li{margin:4px 0}.docx-content table{border-collapse:collapse;width:100%;margin:16px 0}.docx-content th,.docx-content td{border:1px solid #ddd;padding:8px;text-align:left}.docx-content th{background-color:#f2f2f2;font-weight:600}.office-iframe{width:100%;height:100%;border:none;pointer-events:auto;position:relative;z-index:10001}.office-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:#666}.office-fallback-icon{font-size:64px;margin-bottom:16px}.office-fallback h3{margin:16px 0 8px;color:#333;font-size:24px}.office-fallback p{margin:8px 0;color:#666;font-size:16px;line-height:1.5}.office-fallback .office-fallback-actions{margin-top:24px}.markdown-content{padding:20px;max-width:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;background:#fff}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-content h1{font-size:2em;border-bottom:1px solid #e1e4e8;padding-bottom:10px}.markdown-content h2{font-size:1.5em;border-bottom:1px solid #e1e4e8;padding-bottom:8px}.markdown-content p{margin-bottom:16px}.markdown-content code{background:#f6f8fa;padding:2px 4px;border-radius:3px;font-size:85%}.markdown-content pre{background:#f6f8fa;padding:16px;border-radius:6px;overflow:auto;margin:16px 0}.markdown-content blockquote{border-left:4px solid #dfe2e5;padding-left:16px;margin:16px 0;color:#6a737d}.markdown-content ul,.markdown-content ol{margin:16px 0;padding-left:32px}.markdown-content li{margin:4px 0}.code-content{height:100%;overflow:auto;background:#fff}.plain-text-content{margin:0;padding:20px;font-size:14px;line-height:1.6;background-color:#fff!important;color:#2d3748!important;border-radius:6px;border:1px solid #e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;white-space:pre-wrap;word-break:break-word;max-height:70vh;overflow:auto;box-shadow:0 1px 3px #0000001a}.google-docs-viewer{width:100%;height:600px;position:relative;z-index:10001;pointer-events:auto;background:#fff;border-radius:8px;overflow:hidden}.google-docs-viewer iframe{width:100%;height:100%;border:none;pointer-events:auto;background:#fff}.google-docs-fallback-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10002}.google-docs-fallback-hint p{margin:0 0 8px;font-size:12px}.google-docs-fallback-hint button{font-size:12px;padding:4px 12px}.location-container{width:100%;max-width:800px;height:100%;max-height:600px;background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.location-viewer{display:flex;flex-direction:column;height:100%}.location-map-large{flex:1;min-height:400px;position:relative}.location-map-large iframe{width:100%;height:100%;border:none;border-radius:8px 8px 0 0}.location-details{padding:20px;background:#fff;border-top:1px solid #e5e7eb}.location-info-header{display:flex;align-items:center;gap:12px;margin-bottom:5px}.location-icon{font-size:24px}.location-info-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.location-coordinates{display:flex;gap:24px;margin-bottom:6px;padding:12px;background:#f9fafb;border-radius:8px}.coordinate-item{display:flex;flex-direction:column;gap:4px}.coordinate-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.coordinate-value{font-size:14px;font-weight:600;color:#1f2937;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.location-actions{display:flex;gap:12px;flex-wrap:wrap}.location-action-button{background:#25d366;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.location-action-button:hover{background:#1fb855;transform:translateY(-1px)}.location-action-button:active{transform:translateY(0)}@media (max-width: 768px){.location-container{max-width:95vw;max-height:90vh;margin:20px}.location-coordinates{flex-direction:column;gap:12px}.location-actions{flex-direction:column}.location-action-button{justify-content:center}}@media (max-width: 480px){.location-details{padding:16px}.location-map-large{min-height:300px}.location-info-header h3{font-size:16px}}.message-info-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:backdropFadeIn .3s ease;padding:20px;box-sizing:border-box}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.message-info-modal{background:#fff;color:#333;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;width:100%;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.header-title{display:flex;align-items:center;gap:12px;color:#333}.header-title h2{margin:0;font-size:18px;font-weight:600}.header-title svg{color:#25d366;width:24px;height:24px}.close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease;color:#666}.close-button:hover{background:#0000001a}.close-button svg{width:20px;height:20px}.modal-content{padding:24px;overflow-y:auto;max-height:calc(80vh - 140px)}.message-preview{margin-bottom:24px;display:flex;justify-content:center}.preview-bubble{max-width:300px;padding:12px 16px;border-radius:12px;box-shadow:0 1px 2px #0000001a}.preview-bubble.own{background:#dcf8c6;border-radius:12px 4px 12px 12px}.preview-bubble.other{background:#fff;border-radius:4px 12px 12px;border:1px solid #e0e0e0}.media-preview{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.media-icon{font-size:32px}.media-type{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.media-caption{font-size:14px;color:#333;margin-top:8px}.text-preview{font-size:14px;line-height:1.4;color:#333;word-wrap:break-word}.message-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;align-items:flex-start;gap:16px;padding:12px 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-label{display:flex;align-items:center;gap:8px;min-width:100px;color:#666;font-size:14px;font-weight:500}.detail-label svg{width:18px;height:18px;color:#999}.detail-value{flex:1;font-size:14px;color:#333;word-wrap:break-word}.detail-value code{background:#f5f5f5;padding:4px 8px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#666}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.sending,.status-badge.uploading{background:#fff3cd;color:#856404}.status-badge.1{background:#d1ecf1;color:#0c5460}.status-badge.2{background:#d4edda;color:#155724}.status-badge.3{background:#d4edda;color:#155724}.status-badge.error{background:#f8d7da;color:#721c24}.modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;background:#f8f9fa;display:flex;justify-content:flex-end}.close-footer-button{background:#25d366;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.close-footer-button:hover{background:#128c7e}@media (max-width: 768px){.message-info-modal{width:95%;max-height:90vh;margin:20px}.modal-header{padding:16px 20px}.header-title h2{font-size:16px}.modal-content{padding:20px}.detail-row{flex-direction:column;gap:8px;align-items:flex-start}.detail-label{min-width:auto}.preview-bubble{max-width:250px}}.message-info-modal{background:#fff!important;color:#333!important}.message-info-modal .modal-header{background:#f8f9fa!important;border-bottom-color:#e0e0e0!important}.message-info-modal .header-title{color:#333!important}.message-info-modal .close-button{color:#666!important}.message-info-modal .close-button:hover{background:#0000001a!important}.message-info-modal .preview-bubble.other{background:#fff!important;border-color:#e0e0e0!important}.message-info-modal .detail-row{border-bottom-color:#f0f0f0!important}.message-info-modal .detail-label{color:#666!important}.message-info-modal .detail-value{color:#333!important}.message-info-modal .detail-value code{background:#f5f5f5!important;color:#666!important}.message-info-modal .modal-footer{background:#f8f9fa!important;border-top-color:#e0e0e0!important}@media (prefers-contrast: high){.message-info-modal{border:2px solid #000}.detail-row{border-bottom:2px solid #000}.close-button:focus{outline:2px solid #000}.close-footer-button:focus{outline:2px solid #fff}}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:11px;color:#8696a0;margin-top:2px}.message-time{font-size:11px;color:#8696a0}.message-status{display:flex;align-items:center;margin-left:4px}.message-status.sending svg,.message-status.sent svg,.message-status.delivered svg{color:#8696a0}.message-status.read svg{color:#53bdeb}.message-status.uploading{display:flex;align-items:center;margin-left:4px}.uploading-dots{display:flex;align-items:center;gap:2px}.uploading-dots .dot{width:4px;height:4px;background-color:#8696a0;border-radius:50%;animation:uploadingDots 1.4s ease-in-out infinite both}.uploading-dots .dot:nth-child(1){animation-delay:-.32s}.uploading-dots .dot:nth-child(2){animation-delay:-.16s}.uploading-dots .dot:nth-child(3){animation-delay:0s}@keyframes uploadingDots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.message.outgoing .message-content{background-color:#dcf8c6;border-radius:7.5px;padding:6px 7px 8px 9px;margin-left:auto;position:relative}.message.incoming .message-content{background-color:#fff;border-radius:7.5px;padding:6px 7px 8px 9px;margin-right:auto;position:relative}.message.outgoing .message-content:before{content:"";position:absolute;top:0;right:-4px;width:0;height:0;border:8px solid transparent;border-left-color:#dcf8c6;border-right:0;border-top:0;margin-top:0}.message.incoming .message-content:before{content:"";position:absolute;top:0;left:-3px;width:0;height:0;border:8px solid transparent;border-right-color:#fff;border-left:0;border-top:0;margin-top:0}.drag-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#25d3661a;border:3px dashed #25d366;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:none}.drag-content{text-align:center;color:#25d366;background:#fff;padding:40px;border-radius:20px;box-shadow:0 8px 32px #25d36633;border:2px dashed #25d366}.drag-icon{font-size:64px;margin-bottom:16px}.drag-content h3{margin:0 0 8px;font-size:24px;font-weight:600}.drag-content p{margin:0;font-size:16px;opacity:.8}.message-actions{position:absolute;top:4px;right:4px;background:#fff;border-radius:6px;box-shadow:0 1px 4px #00000026;padding:2px;display:flex;align-items:center;gap:1px;opacity:0;visibility:hidden;transform:translateY(-5px);transition:all .2s ease;z-index:100}.message-actions.desktop{opacity:0;visibility:hidden}.message-wrapper:hover .message-actions.desktop{opacity:1;visibility:visible;transform:translateY(0)}.message-actions.mobile{opacity:1;visibility:visible;transform:translateY(0);position:fixed;top:10px;left:50%;transform:translate(-50%);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:8px 12px;box-shadow:0 4px 20px #0000004d}.message-actions.own-message,.message-actions.other-message{right:4px;left:auto}.message-actions.mobile.own-message,.message-actions.mobile.other-message{left:50%;right:auto;transform:translate(-50%)}.primary-actions{display:flex;align-items:center;gap:2px}.action-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#54656f}.action-button svg{width:16px;height:16px;fill:currentColor}.action-button:hover{background:#0000001a;transform:scale(1.05)}.action-button:active{transform:scale(.95)}.message-actions.mobile .action-button{color:#fff;width:36px;height:36px}.message-actions.mobile .action-button:hover{background:#fff3}.action-button.danger{color:#f44336}.action-button.danger:hover{background:#f443361a}.message-actions.mobile .action-button.danger{color:#ff6b6b}.more-button{position:relative}.more-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:transparent;transition:background .2s ease}.more-button:hover:after{background:#0000001a}.dropdown-arrow{background:#0000001a;border-radius:4px}.dropdown-arrow:hover{background:#0003}.message-actions-menu{background:#fff;border-radius:6px;box-shadow:0 2px 12px #00000026;padding:4px 0;min-width:160px;animation:menuSlideIn .2s ease;border:1px solid rgba(0,0,0,.1)}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-separator{height:1px;background:#0000001a;margin:4px 0}.menu-action-button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;cursor:pointer;transition:background .2s ease;color:#54656f;font-size:13px;text-align:left}.menu-action-button:hover{background:#0000000d}.menu-action-button:active{background:#0000001a}.menu-action-button svg{width:16px;height:16px;color:#54656f}.menu-action-button span{flex:1;white-space:nowrap}.menu-action-button.danger{color:#f44336}.menu-action-button.danger:hover{background:#f443361a}.menu-action-button.danger svg{color:#f44336}@media (max-width: 768px){.message-actions-menu{top:auto!important;transform:none!important;border-radius:12px;box-shadow:0 8px 32px #0000004d;animation:mobileMenuSlideUp .3s ease}@keyframes mobileMenuSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.menu-action-button{padding:16px 20px;font-size:16px}.menu-action-button svg{width:24px;height:24px}}.messages-container.selection-mode .message-actions{display:none}.message-actions.mobile{animation:mobileActionsSlideDown .3s ease}@keyframes mobileActionsSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 480px){.message-actions.mobile{padding:6px 10px}.message-actions.mobile .action-button{width:32px;height:32px}.message-actions.mobile .action-button svg{width:18px;height:18px}}@media (prefers-contrast: high){.message-actions{border:2px solid #000}.action-button{border:1px solid transparent}.action-button:focus{border-color:#000;outline:2px solid #000}}.message-wrapper{position:relative;transition:all .2s ease}.message-wrapper:hover{background:#00000005;border-radius:8px}.message-wrapper.actions-visible{background:#0000000d;border-radius:8px}.message-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.message-wrapper .message-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}@media (max-width: 768px){.message-wrapper.actions-visible:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:10;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}}.message-wrapper .message{position:relative;z-index:2}.messages-container.selection-mode .message-wrapper:hover,.messages-container.selection-mode .message-wrapper.actions-visible{background:transparent}.message-wrapper:focus-within{outline:2px solid #25d366;outline-offset:2px;border-radius:8px}@media (prefers-contrast: high){.message-wrapper:hover{background:#0000001a;border:1px solid #000}.message-wrapper.actions-visible{background:#00000026;border:2px solid #000}}@media (prefers-reduced-motion: reduce){.message-wrapper{transition:none}.message-wrapper.actions-visible:before{animation:none}}.reply-display{display:flex;align-items:stretch;margin-bottom:0;padding:0;border-radius:8px;cursor:pointer;transition:all .2s ease;width:300px;min-width:300px;max-width:400px;overflow:hidden;background-color:#25d3661a;border:1px solid rgba(37,211,102,.2);box-sizing:border-box;position:relative}.reply-display:hover{background-color:#25d36626;border-color:#25d3664d;transform:translateY(-1px);box-shadow:0 2px 8px #25d3661a}.reply-display.own{background-color:#25d3661f;border-color:#25d36640}.reply-display.other{background-color:#25d36614;border-color:#25d36626}.reply-line{width:4px;background-color:#25d366;border-radius:2px;margin-right:0;flex-shrink:0;min-height:40px}.reply-content{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.reply-sender{font-size:13px;font-weight:700;color:#25d366;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.reply-sender:before{content:"↩";font-size:14px;font-weight:700}.reply-text{font-size:14px;color:#4a5568;line-height:1.4;max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-weight:500}.reply-jump-icon{display:flex;align-items:center;justify-content:center;margin-left:8px;color:#25d366;opacity:.7;transition:all .2s ease;flex-shrink:0}.reply-display:hover .reply-jump-icon{opacity:1;transform:scale(1.1)}@media (prefers-color-scheme: dark){.reply-display{background-color:#25d36626;border-color:#25d3664d}.reply-display:hover{background-color:#25d36633;border-color:#25d36666}.reply-display.own{background-color:#25d3662e;border-color:#25d36659}.reply-display.other{background-color:#25d3661f;border-color:#25d36640}.reply-text{color:#e2e8f0}.reply-sender,.reply-jump-icon{color:#68d391}}.template-message{border-radius:12px;padding:6px 10px;margin:0;border-left:4px solid #25d366;position:relative;max-width:100%}.template-message .template-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:500;color:#666}.template-icon{font-size:14px}.template-type{text-transform:capitalize;color:#25d366;font-weight:600}.template-message .template-name{color:#999;font-style:italic;background:none}.template-body{font-size:14px;line-height:1.4;color:#333;white-space:pre-wrap}.template-message-error{background-color:#ffebee;color:#c62828;padding:8px 12px;border-radius:8px;font-size:12px;border-left:4px solid #f44336}.message-wrapper.outgoing .template-message{background-color:#dcf8c6!important;border-left-color:#128c7e}.message-wrapper.incoming .template-message{background-color:#fff;border-left-color:#25d366}@media (max-width: 600px){.template-message{padding:6px 10px}.template-header{font-size:11px}.template-body{font-size:13px}}.whatsapp-template-bar{position:sticky;left:0;right:0;bottom:0;background-color:#f0f0f0;border-top:1px solid #ddd;z-index:100;box-shadow:0 -2px 8px #0000001a;display:flex;flex-direction:column;width:100%}.whatsapp-template-bar.template-bar-active{position:absolute;z-index:1000}.template-bar-header{padding:8px 16px;background-color:#fff3cd;border-bottom:1px solid #ffeaa7;text-align:center}.template-bar-header-manual{position:relative;display:flex;align-items:center;justify-content:space-between}.template-bar-close-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:#856404;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.template-bar-close-button:hover{background-color:#8564041a}.expired-message{font-size:12px;color:#856404;font-weight:500}.template-bar-content{display:flex;align-items:center;padding:8px 12px;gap:8px;background-color:#fff}.template-type-switch{display:flex;background-color:#f8f9fa;border-radius:20px;padding:2px;gap:2px}.type-button{padding:6px 12px;border:none;background:none;border-radius:18px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;color:#666}.type-button:hover{background-color:#e9ecef;color:#333}.type-button.active{background-color:#25d366;color:#fff}.template-selector-dropdown{flex:1;max-width:180px}.template-selector-dropdown select{width:100%;padding:10px 40px 10px 12px;border:1px solid #ddd;border-radius:20px;font-size:14px;background-color:#fff;color:#333;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.template-selector-dropdown select:focus{outline:none;border-color:#25d366}.template-selector-dropdown select:disabled{background-color:#f8f9fa;color:#999;cursor:not-allowed}.template-selector-dropdown select option{color:#333;background-color:#fff;padding:8px 12px}.template-preview-inline{flex:2}.template-preview-inline .preview-text{background-color:#f8f9fa;padding:4px 8px;border-radius:12px;font-size:12px;line-height:1.4;color:#495057;max-height:100px;overflow-y:auto;white-space:normal;border-left:3px solid #25d366}.template-send-button{background-color:#25d366;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;color:#fff;flex-shrink:0}.template-send-button:hover:not(:disabled){background-color:#20b858}.template-send-button:disabled{background-color:#ccc;cursor:not-allowed}.sending-spinner{width:20px;height:20px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.template-variables-inline{display:flex;align-items:center;gap:12px;padding:8px 16px;background-color:#f8f9fa;border-top:1px solid #e9ecef;flex-wrap:wrap}.variable-input-inline{display:flex;align-items:center;gap:6px}.variable-input-inline label{font-size:12px;color:#6c757d;font-weight:500;white-space:nowrap}.variable-input-inline input{padding:4px 6px;border:1px solid #ddd;border-radius:4px;font-size:11px;width:130px}.variable-input-inline input:focus{outline:none;border-color:#25d366}@media (max-width: 768px){.template-bar-content{flex-direction:column;gap:8px;padding:8px 12px}.template-type-switch{width:100%;justify-content:center}.template-selector-dropdown,.template-preview-inline{max-width:none;width:100%}.template-variables-inline{flex-direction:column;align-items:stretch;gap:8px}.variable-input-inline{justify-content:space-between}.variable-input-inline input{width:150px}}.conversation.template-bar-active{margin-bottom:0}.conversation.template-bar-active .message-input-container{position:relative}.inline-variable-input{transition:all .2s ease}.inline-variable-input:focus{border-color:#25d366!important;box-shadow:0 0 0 2px #25d36633}input[type=date].inline-variable-input,input[type=time].inline-variable-input{cursor:pointer;font-family:inherit}input[type=date].inline-variable-input::-webkit-calendar-picker-indicator,input[type=time].inline-variable-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5);-webkit-transition:filter .2s ease;transition:filter .2s ease}input[type=date].inline-variable-input:hover::-webkit-calendar-picker-indicator,input[type=time].inline-variable-input:hover::-webkit-calendar-picker-indicator{filter:invert(.3)}.inline-variable-display{transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.inline-variable-display:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.inline-variable-display:active{transform:translateY(0)}.inline-variable-display[style*="rgb(232, 245, 232)"]{border-color:#4caf50;background:linear-gradient(135deg,#e8f5e8,#f1f8e9)}.inline-variable-display[style*="rgb(232, 240, 255)"]{border-color:#2196f3;background:linear-gradient(135deg,#e8f0ff,#f3f8ff)}.inline-variable-display[style*="rgb(240, 248, 255)"]{background:linear-gradient(135deg,#f0f8ff,#f8faff)}.template-selector{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px}.template-selector-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#25d366;color:#fff;border-radius:10px 10px 0 0}.template-selector-header h3{margin:0;font-size:18px;font-weight:600}.close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#fff3}.template-selector-content{display:flex;max-width:1000px;max-height:80vh;width:100%;background-color:#fff;border-radius:0 0 10px 10px;overflow:hidden}.templates-list{flex:1;max-width:400px;padding:20px;border-right:1px solid #e0e0e0;overflow-y:auto}.templates-list h4{margin:0 0 15px;color:#333;font-size:16px;font-weight:600}.template-options{display:flex;flex-direction:column;gap:10px}.template-option{padding:12px;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;background-color:#fff}.template-option:hover{border-color:#25d366;background-color:#f8fffe}.template-option.selected{border-color:#25d366;background-color:#e8f5e8}.template-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.template-icon{font-size:16px}.template-name{font-weight:600;color:#333;flex:1;font-size:14px}.template-type{background-color:#f0f0f0;color:#666;padding:2px 8px;border-radius:12px;font-size:11px;text-transform:uppercase;font-weight:500}.template-body{color:#666;font-size:13px;line-height:1.4}.template-preview{flex:2;padding:20px;overflow-y:auto;background-color:#fafafa}.template-preview h4{margin:0 0 15px;color:#333;font-size:16px;font-weight:600}.preview-content{background-color:#fff;padding:20px;border-radius:8px;border:1px solid #e0e0e0}.template-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.template-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#333;font-size:16px}.template-type-badge{background-color:#25d366;color:#fff;padding:4px 12px;border-radius:15px;font-size:12px;text-transform:uppercase;font-weight:500}.template-variables{margin-bottom:20px}.template-variables h5{margin:0 0 12px;color:#333;font-size:14px;font-weight:600}.variable-input{margin-bottom:12px}.variable-input label{display:block;margin-bottom:4px;color:#555;font-size:13px;font-weight:500}.variable-input input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.variable-input input:focus{outline:none;border-color:#25d366}.template-body-preview h5{margin:0 0 10px;color:#333;font-size:14px;font-weight:600}.preview-text{background-color:#f8f9fa;padding:4px 8px;border-radius:6px;border-left:4px solid #25d366;font-size:13px;line-height:1.5;color:#333;white-space:pre-wrap;margin-bottom:1px}.template-footer{margin-bottom:20px;padding-top:10px;border-top:1px solid #e0e0e0}.template-footer small{color:#666;font-style:italic}.template-actions{display:flex;justify-content:flex-end}.send-template-button{background-color:#25d366;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.send-template-button:hover:not(:disabled){background-color:#20b858}.send-template-button:disabled{background-color:#ccc;cursor:not-allowed}.loading,.no-templates{text-align:center;padding:40px 20px;color:#666}.loading{background-color:#fff;border-radius:0 0 10px 10px}@media (max-width: 768px){.template-selector{padding:10px}.template-selector-content{flex-direction:column;max-height:90vh}.templates-list{max-width:none;border-right:none;border-bottom:1px solid #e0e0e0}.template-preview{flex:none}.template-details{flex-direction:column;align-items:flex-start;gap:10px}}.whatsapp-timer{display:flex;align-items:center;padding:4px 8px;border-radius:16px;font-size:12px;font-weight:500;white-space:nowrap;position:relative;transition:all .2s ease;margin:0 8px;overflow:visible}.whatsapp-timer.loading{background-color:#f0f0f0;color:#666}.whatsapp-timer.active{background-color:#e8f5e8;color:#2d5a2d;border:1px solid #25d366}.whatsapp-timer.expired{background-color:#ffeaea;color:#d32f2f;border:1px solid #f44336}.whatsapp-timer.error{background-color:#fff3e0;color:#f57c00;border:1px solid #ff9800}.timer-icon{font-size:14px;margin-right:4px;display:flex;align-items:center}.timer-content{position:relative;align-items:center}.timer-text{font-family:Roboto Mono,Courier New,monospace;font-weight:600;letter-spacing:.5px}.timer-tooltip{position:absolute;top:100%;right:0;margin-top:8px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10000;pointer-events:none}.whatsapp-timer:hover .timer-tooltip{opacity:1;visibility:visible;pointer-events:auto}.tooltip-content{background:#333;color:#fff;padding:12px;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;position:relative}.tooltip-content:before{content:"";position:absolute;top:-8px;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #333}.tooltip-title{font-weight:600;margin-bottom:8px;font-size:13px;color:#25d366}.tooltip-info{font-size:11px;line-height:1.4}.tooltip-info div{margin-bottom:4px}.tooltip-info div:last-child{margin-bottom:0}@media (max-width: 768px){.whatsapp-timer{font-size:11px;padding:3px 6px;margin:0 4px}.timer-icon{font-size:12px;margin-right:3px}.timer-text{letter-spacing:.3px}.tooltip-content{min-width:180px;padding:10px;font-size:10px}.tooltip-title{font-size:12px}.tooltip-info{font-size:10px}}.whatsapp-timer.active .timer-text{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.whatsapp-timer.warning{background-color:#fff8e1;color:#f57c00;border:1px solid #ffb74d}.whatsapp-timer.warning .timer-text{animation:fastPulse 1s infinite}@keyframes fastPulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.filter-tags-container{display:flex;padding:8px 12px;gap:8px;overflow-x:auto}.filter-tag{padding:4px 16px;border-radius:9999px;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-tag.active{background-color:#dcf8c6;color:#075e54;border:1px solid #c5e9b3}.filter-tag.inactive{background-color:#f0f2f5;color:#667781;border:1px solid #e9edef}.filter-tag.campaigns.active{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.filter-tag.campaigns.inactive{background-color:#f5f5f5;color:#757575;border:1px solid #e0e0e0}.highlight{background-color:#25d366;color:#fff;font-weight:500;padding:0 2px;border-radius:3px}.group-icon-wrapper{display:inline-flex;margin-left:6px;align-items:center}.sidebar{display:flex;flex-direction:column;width:350px;height:100%;background-color:#fff;border-right:1px solid #e6e6e6;position:relative}.sidebar.hidden{display:none}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background-color:#f0f2f5;position:relative;height:70px}.logo{display:flex;align-items:center}.actions{display:flex;gap:6px;margin-left:auto}.icon-button{background:none;border:none;color:#54656f;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:color .2s}.icon-button:hover{color:#128c7e}.sidebar-search{padding:8px 16px;background-color:#f6f6f6}.chats-search-container .search-input{border:none;padding:6px 12px;margin:0;background-color:#f0f2f5;border-radius:18px;display:flex;align-items:center;gap:8px;position:relative;height:36px}.chats-search-container .search-input input{border:none;outline:none;padding:6px 0;width:100%;font-size:14px;background:transparent;color:#333;cursor:text}.chats-search-container .search-input input::-moz-placeholder{color:#8696a0}.chats-search-container .search-input input::placeholder{color:#8696a0}.search-icon{color:#8696a0;flex-shrink:0}.clear-search-button{background:none;border:none;color:#8696a0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50%;transition:background-color .2s,color .2s;flex-shrink:0}.clear-search-button:hover{background-color:#e9edef;color:#54656f}.filter-tags-container{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;gap:8px}.filter-tags-container.widget{padding:4px 8px}.filter-tags{display:flex;gap:6px}.search-toggle-button{background:none;border:none;color:#8696a0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:background-color .2s,color .2s;flex-shrink:0}.search-toggle-button:hover{background-color:#f0f2f5;color:#54656f}.user-list{flex:1;overflow-y:auto}.highlight{background-color:#d4ead6;padding:0 2px;border-radius:2px}.business-list-dropdown{position:absolute;top:60px;left:10px;right:10px;z-index:100;background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 5px #0000001a}.business-list-header{padding:12px 16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.business-list-header h3{font-size:16px;font-weight:500;color:#128c7e;margin:0}.close-up-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.close-up-button:hover{background-color:#f0f2f5;border-radius:50%}.business-search{padding:8px 16px;border-bottom:1px solid #f0f2f5}.business-search input{width:100%;padding:8px 12px;background-color:#f0f2f5;border:none;color:#333}.business-items{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}.business-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer}.business-item:hover{background-color:#f5f5f5}.business-item.active{background-color:#e8e8e8}.business-icon{margin-right:12px;display:flex;align-items:center;justify-content:center}.business-name{flex:1}.business-item .business-name{color:#fff!important}.business-button .business-selector-left svg{color:#fff!important}.business-button .business-selector-left .MuiSvgIcon-root{color:#fff!important}.business-button .business-selector-left .MuiSvgIcon-root path{fill:#fff!important}.no-results{padding:16px;text-align:center;color:#666}.active-business-indicator{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 10px;background-color:#f0f2f5}.business-selector-left{display:flex;align-items:center;gap:8px}.active-business-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-button{width:90%;display:flex;justify-content:space-between}.down-arrow-icon{margin-left:5px}.mode-indicator{display:flex;justify-content:center;position:absolute;right:0;bottom:0;width:100%}.mode-badge{display:flex;align-items:center;font-size:11px;font-weight:500}.mode-badge.business{color:#128c7e}.mode-badge.customer{color:#0078ff}.mode-icon{margin-right:6px;display:flex;align-items:center}.business-mode-corner,.customer-mode-corner{position:absolute;top:0;left:0;background-color:#128c7e;color:#fff;font-size:9px;font-weight:500;padding:1px 4px;z-index:10;text-transform:uppercase;letter-spacing:.5px}.customer-mode-corner{background-color:#0078ff}.channels-list{display:flex;flex-direction:column;height:100%;overflow-y:auto;flex:1}.channel-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f2f5;transition:background-color .2s}.channel-item:hover{background-color:#f5f5f5}.channel-item.selected{background-color:#e8e8e8}.channel-icon{margin-right:3px;position:relative}.channel-name{font-weight:600;font-size:14px;color:#333;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-channels,.no-channels{display:flex;justify-content:center;align-items:center;height:100px;color:#667781;font-size:14px}.back-to-channels{display:flex;align-items:center;padding:10px 16px;background-color:#f0f2f5;cursor:pointer;font-size:14px;color:#128c7e;font-weight:500}.back-to-channels svg{margin-right:10px}.back-to-channels:hover{background-color:#e9edef}.channels-tree{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:1px 10px}.channel-group{margin-bottom:2px}.channel-parent{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f0f2f5;border-radius:8px;margin-bottom:4px;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.channel-parent:hover{background-color:#e8f5e8!important}.channel-parent.cursor-pointer{cursor:pointer}.channel-children{padding-left:12px;transition:max-height .3s ease-out,opacity .2s ease-out;overflow:hidden}.channel-children.collapsed{max-height:0;opacity:0}.transition-transform{transition:transform .2s ease}.rotate-90{transform:rotate(90deg)}.rotate-neg-90{transform:rotate(-90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}.rotate-on{transform:rotate(90deg)}.channel-status{font-size:11px;color:#666;margin-left:8px}.channel-info{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1}.channel-name{font-weight:600;font-size:14px;color:#333}.child-item{padding-left:8px!important;border-bottom:1px solid #f0f2f5;position:relative;margin:5px 0}.child-item:before{content:"";position:absolute;left:0;top:50%;width:10px;height:0px;background-color:#e0e0e0}.channel-children .user-name{font-size:.9rem;padding:2px 0;line-height:18px}.customer-channels-list .user-name{font-size:.95rem;padding:2px 0;line-height:18px}.channel-children .user-avatar{margin-right:10px;display:flex;align-items:center;justify-content:center}.user-name.inactive{opacity:.5}.no-chats-message{padding:12px 16px 12px 28px;color:#667781;font-size:13px;font-style:italic}.loading-businesses{display:flex;flex-direction:column;align-items:center;padding:20px;color:#667781}.loading-businesses p{margin-top:8px;font-size:14px}.user-row{display:flex;justify-content:space-between;align-items:center;width:100%}.message-preview{color:#667781;font-size:13px;margin:0;padding:0;background:none;border:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%;line-height:1.2}.user-item .message-time{font-size:12px;color:#667781}.unread-badge{background-color:#25d366;color:#fff;font-size:11px;font-weight:500;min-width:18px;height:18px;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:0 5px}.customer-avatar{width:36px;height:36px;border-radius:50%;color:#fff;text-align:center;font-size:.9rem}.channel-arrow-container{display:flex;align-items:center;justify-content:center;padding:4px;margin-left:auto}.business-accordions{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:1px 10px}.business-group{margin-bottom:2px}.business-parent{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f0f2f5;border-radius:8px;margin-bottom:4px;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.business-parent:hover{background-color:#e8f5e8!important}.business-children{padding-left:12px;transition:max-height .3s ease-out,opacity .2s ease-out;overflow:hidden}.business-info{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1}.business-name{font-weight:600;font-size:14px;color:#333}.business-status{font-size:11px;color:#666;margin-left:8px}.business-arrow-container{display:flex;align-items:center;justify-content:center;padding:4px;margin-left:auto}.no-businesses{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#667781}.sidebar-tabs-container{padding:6px 12px 0;border-bottom:1px solid #e6e6e6}.sidebar-tabs{display:flex;gap:0;background-color:#f0f2f5;border-radius:6px;padding:2px}.sidebar-tab{flex:1;padding:6px 16px;border:none;background:none;color:#54656f;cursor:pointer;font-size:13px;font-weight:500;border-radius:4px;transition:all .2s;text-align:center}.sidebar-tab:hover{background-color:#e9edef}.sidebar-tab.active{background-color:#25d366;color:#fff;font-weight:600}.campaigns-content{flex:1;overflow-y:auto;padding:8px 0;position:relative}.campaigns-list{padding:8px 0}.create-campaign-fab{position:absolute;bottom:20px;right:20px;width:56px;height:56px;background-color:#25d366;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #25d36666;transition:all .2s ease;z-index:100}.create-campaign-fab:hover{background-color:#20c55a;transform:scale(1.05);box-shadow:0 6px 16px #25d36680}.create-campaign-fab:active{transform:scale(.95)}.fab-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.campaign-icon{position:relative}.plus-icon{position:absolute;top:-2px;right:-2px;background-color:#1e8e3e;border-radius:50%;padding:1px}.no-campaigns{padding:40px 20px;text-align:center}.campaign-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f2f5;transition:background-color .2s;position:relative}.campaign-item:hover{background-color:#f5f5f5}.campaign-item.selected{background-color:#e8e8e8}.campaign-avatar{margin-right:12px;flex-shrink:0}.campaign-icon{width:40px;height:40px;border-radius:8px;background-color:#25d366;display:flex;align-items:center;justify-content:center;color:#fff}.campaign-info{flex:1;min-width:0}.campaign-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.campaign-row:last-child{margin-bottom:0}.campaign-name{font-size:14px;font-weight:500;color:#111b21;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-status{font-size:11px;padding:2px 6px;border-radius:10px;text-transform:uppercase;font-weight:600}.campaign-status.draft{background-color:#fff3cd;color:#856404}.campaign-status.active{background-color:#d4edda;color:#155724}.campaign-status.sent{background-color:#d1ecf1;color:#0c5460}.campaign-message-count{font-size:11px;color:#8696a0;background:#f0f2f5;padding:2px 6px;border-radius:10px;flex-shrink:0;font-weight:500}.campaign-details{font-size:12px;color:#8696a0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-time{font-size:11px;color:#8696a0;flex-shrink:0;text-align:right;min-width:-moz-fit-content;min-width:fit-content;font-weight:500}.campaign-channel-group{margin-bottom:8px}.campaign-channel-group .channel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;cursor:pointer;transition:background-color .2s ease;margin-bottom:4px}.campaign-channel-group .channel-header:hover{background:#e8f5e8}.campaign-channel-group .channel-info{display:flex;align-items:center;flex:1}.campaign-channel-group .channel-name{font-weight:600;color:#333;font-size:14px}.campaign-channel-group .campaign-count{margin-left:8px;font-size:12px;color:#666;background:#e1e8ed;padding:2px 6px;border-radius:10px}.campaign-channel-group .channel-actions{display:flex;align-items:center}.campaign-channel-group .expand-icon{color:#666;transition:transform .2s ease}.campaign-channel-group .expand-icon.collapsed{transform:rotate(-90deg)}.campaign-channel-group .channel-campaigns{margin-left:16px;border-left:2px solid #e1e8ed;padding-left:8px}.campaign-channel-group .no-campaigns-in-channel{padding:12px;text-align:center;color:#666;font-size:12px;font-style:italic}.campaign-channel-group .campaign-item{margin-bottom:2px;padding:6px 10px;border-radius:6px;border:1px solid transparent}.campaign-channel-group .campaign-item:hover{background:#f5f5f5;border-color:#d1d5db}.campaign-channel-group .campaign-item.selected{background:#e8e8e8;border-color:#9ca3af}.campaign-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.campaign-modal-content{background:#fff;border-radius:16px;max-width:580px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.campaign-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #f0f0f0}.campaign-modal-title{display:flex;align-items:center;gap:12px}.campaign-icon-preview{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.campaign-modal-title h2{margin:0;font-size:20px;font-weight:600;color:#333}.campaign-modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#666;transition:all .2s ease}.campaign-modal-close:hover{background-color:#f5f5f5;color:#333}.campaign-modal-form{padding:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid #e1e8ed;border-radius:12px;font-size:14px;transition:all .2s ease;box-sizing:border-box;font-family:inherit;background-color:#fff!important;color:#333!important}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#999!important}.form-group input::placeholder,.form-group textarea::placeholder{color:#999!important}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a;background-color:#fff!important}.form-group select option{background-color:#fff!important;color:#333!important;padding:8px}.form-group textarea{resize:vertical;min-height:80px}.tags-section{margin-bottom:20px}.tags-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#555}.tags-grid{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{background:#f8f9fa;border:2px solid #e9ecef;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;color:#495057}.tag-chip:hover{background:#e9ecef;border-color:#ced4da}.tag-chip.selected.include{background:#d4edda;border-color:#c3e6cb;color:#155724}.tag-chip.selected.exclude{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.tag-chip svg{flex-shrink:0}.audience-summary{background:#f8f9fa;border-radius:12px;padding:16px;margin-top:16px}.audience-summary p{margin:0;font-size:14px;color:#495057;line-height:1.5}.audience-summary strong{color:#333}.loading-tags{text-align:center;padding:20px;color:#666;font-style:italic}.campaign-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #f0f0f0;margin-top:24px}.btn-cancel,.btn-create{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.btn-cancel{background:#f8f9fa;color:#495057;border-color:#e9ecef}.btn-cancel:hover{background:#e9ecef;border-color:#ced4da}.btn-create{background:#4ecdc4;color:#fff;border-color:#4ecdc4}.btn-create:hover:not(:disabled){background:#45b7d1;border-color:#45b7d1;transform:translateY(-1px);box-shadow:0 4px 12px #4ecdc44d}.btn-create:disabled{background:#adb5bd;border-color:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}.loading-channels{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background-color:#f8f9fa;border:2px solid #e1e8ed;border-radius:12px;color:#666;font-size:14px}.no-channels-message{padding:12px 16px;background-color:#fff3cd;border:2px solid #ffeaa7;border-radius:12px;color:#856404;font-size:14px}@media (max-width: 640px){.campaign-modal-content{width:95%;margin:20px}.campaign-modal-header,.campaign-modal-form{padding:16px}.campaign-modal-title h2{font-size:18px}.tags-grid{gap:6px}.tag-chip{font-size:12px;padding:6px 12px}.campaign-modal-actions{flex-direction:column}.btn-cancel,.btn-create{width:100%}}.channel-members-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.channel-members-popup{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;animation:slideIn .3s ease-out}.channel-members-header{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;border-radius:12px 12px 0 0}.channel-members-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.header-actions{display:flex;align-items:center;gap:12px}.add-member-button{background:#0d93fc;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-member-button:hover{background:#0b7fd1}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px 8px;border-radius:4px;transition:background-color .2s}.close-button:hover{background:#f0f0f0;color:#333}.channel-members-search{padding:10px 18px;border-bottom:1px solid #e5e7eb}.search-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.channel-members-content{flex:1;overflow-y:auto;padding:10px 24px 24px;display:flex;flex-direction:column;gap:24px}.members-section{display:flex;flex-direction:column;gap:12px}.members-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #e5e7eb;padding-bottom:6px}.members-section h3{margin:0;font-size:1.1rem;font-weight:600;color:#374151;padding-bottom:8px}.channel-members-content .members-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.channel-members-content .member-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;transition:all .2s}.role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#e9e9e9;color:#374151;border:1px solid #d1d5db}.add-button,.remove-button{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0}.add-button{background-color:#10b981;color:#fff}.add-button:hover{background-color:#059669}.remove-button{background-color:#ef4444;color:#fff}.remove-button:hover{background-color:#dc2626}.loading,.no-members{text-align:center;padding:20px;color:#6b7280;font-style:italic}.loading{color:#3b82f6}.add-member-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease-out}@media (max-width: 768px){.channel-members-popup{width:95%;max-height:90vh}.channel-members-content{padding:20px}.member-item{padding:10px}.avatar-circle{width:36px;height:36px;font-size:12px}}.install-button{color:#616161!important}.open-app-button{color:#4caf50!important;animation:pulse 2s ease-in-out 1}.install-button svg,.open-app-button svg{font-size:24px}.install-icon{font-size:18px}.install-button:hover,.open-app-button:hover{background-color:#0000000a}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.add-tags-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.add-tags-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.add-tags-modal-header{display:flex;align-items:center;padding:16px 20px;background-color:#008069;color:#fff;border-radius:12px 12px 0 0}.add-tags-modal-header .back-button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;margin-right:12px;border-radius:50%;transition:background-color .2s}.add-tags-modal-header .back-button:hover{background-color:#ffffff1a}.add-tags-modal-header h3{margin:0;font-size:18px;font-weight:500}.add-tags-modal-body{padding:20px;overflow-y:auto;flex:1}.selected-member-info{display:flex;align-items:center;gap:12px;padding:16px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px}.selected-member-info .member-avatar{flex-shrink:0}.selected-member-info .avatar-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.selected-member-info .member-details{flex:1}.selected-member-info .member-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.selected-member-info .member-type{font-size:14px;color:#6b7280}.current-tags-section{margin-bottom:24px}.current-tags-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.current-tags{display:flex;flex-wrap:wrap;gap:8px}.current-tag{background-color:#dbeafe;color:#1e40af;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;border:1px solid #bfdbfe;display:flex;align-items:center;gap:6px;position:relative}.remove-tag-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s;margin-left:4px}.remove-tag-btn:hover{background-color:#ef44441a}.remove-tag-btn svg{width:14px;height:14px}.available-tags-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.add-new-tag-btn{background:#10b981;color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.add-new-tag-btn:hover{background:#059669}.add-tag-form{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px}.form-row{display:flex;gap:12px;align-items:center}.tag-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.tag-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.create-tag-btn{background:#10b981;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.create-tag-btn:hover:not(:disabled){background:#059669}.create-tag-btn:disabled{background:#9ca3af;cursor:not-allowed}.available-tags{display:flex;flex-wrap:wrap;gap:8px}.available-tag{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:16px;padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.available-tag:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.available-tag.assigned{background:#dcfce7;color:#166534;border-color:#bbf7d0;cursor:default}.available-tag:disabled{opacity:.6;cursor:not-allowed}.no-tags-message{text-align:center;color:#6b7280;font-style:italic;padding:20px;background-color:#f9fafb;border-radius:8px;border:1px dashed #d1d5db}.add-tags-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;background-color:#f8fafc;border-top:1px solid #e5e7eb}.cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.cancel-btn:hover{background:#e5e7eb;border-color:#9ca3af}.update-btn{background:#008069;color:#fff;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s;min-width:120px}.update-btn:hover:not(:disabled){background:#006b5a}.update-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.loading-dots{display:flex;align-items:center;gap:4px}.loading-dots .dots{animation:loadingDots 1.5s infinite}@media (max-width: 640px){.add-tags-modal-overlay{padding:10px}.add-tags-modal{max-width:100%;max-height:95vh}.add-tags-modal-body{padding:16px}.selected-member-info{padding:12px}.form-row{flex-direction:column;align-items:stretch}.create-tag-btn{width:100%;font-size:13px;padding:8px 12px}.add-tags-modal-footer{flex-direction:column;gap:8px}.cancel-btn,.update-btn{width:100%;justify-content:center}}.members-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:9998}.members-popup{position:absolute;top:0;left:0;width:100%;max-width:380px;height:100vh;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 2px 10px #0003;animation:slideInLeft .3s ease-out;z-index:9999;overflow:hidden}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.members-popup-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:#008069;color:#fff;height:54px}.members-popup-header h2{font-size:19px;font-weight:500;flex:1;margin:0 0 0 15px}.members-popup-header .back-button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;margin:0;border-radius:50%;transition:background-color .2s}.members-popup-header .back-button:hover{background-color:#ffffff1a}.members-popup-header .close-button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;margin:0;border-radius:50%;transition:background-color .2s}.members-popup-header .close-button:hover{background-color:#ffffff1a}@media (max-width: 768px){.members-popup-header .close-button{display:none}}.members-popup-search{padding:8px 12px;display:flex;align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0}.members-popup-search svg{color:#666;margin-left:12px;margin-right:32px;width:24px;height:24px}.members-popup-search .search-container{flex:1;background-color:#f0f2f5;border-radius:8px;padding:2px 12px;display:flex;align-items:center}.search-container svg{margin:0 10px 0 0;width:22px;height:22px;color:#54656f}.search-container input{border:none;background:transparent!important;width:100%;font-size:14px;outline:none;color:#333!important}.search-container input::-moz-placeholder{color:#666!important}.search-container input::placeholder{color:#666!important}.members-popup .members-list{overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;max-height:initial}.members-popup .member-item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0;position:relative;z-index:1}.members-popup .member-item:hover{background-color:#f5f5f5;z-index:150}.member-item:hover .member-actions{opacity:1}.member-item .member-actions:has(.member-menu){z-index:9998!important}.member-item:has(.member-menu){z-index:9997!important}.member-item .member-actions:has([data-menu-id^=team-]){z-index:9998!important}.member-item:has([data-menu-id^=team-]){z-index:9997!important}.member-item .member-actions:has([data-menu-id^=customer-]){z-index:9998!important}.member-item:has([data-menu-id^=customer-]){z-index:9997!important}[data-menu-id^=team-]{z-index:9999!important;position:fixed!important;isolation:isolate!important;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;box-shadow:0 8px 24px #0003!important;min-width:120px;overflow:hidden;padding:4px 0;font-family:inherit;margin-top:4px;animation:menuFadeIn .15s ease-out;transform-origin:top right;max-width:200px;isolation:isolate}[data-menu-id^=customer-]{z-index:9999!important;position:fixed!important;isolation:isolate!important;background:#fff!important}.members-popup .member-info{margin-left:5px;display:flex;flex-direction:column}.member-name{font-weight:500;font-size:14px;color:#111}.member-status{font-size:13px;color:#667781;margin-top:2px}.member-phone{font-size:12px;color:#667781;margin-top:-2px;font-family:monospace}.no-results{text-align:center;padding:20px;color:#666;font-size:14px}.new-options{padding-top:15px}.new-option-item{display:flex;align-items:center;padding:15px 25px;cursor:pointer}.new-option-item:hover{background-color:#f0f2f5}.new-option-icon{width:50px;height:50px;border-radius:50%;background-color:#00a884;display:flex;align-items:center;justify-content:center;margin-right:15px}.new-option-icon svg{width:24px;height:24px;fill:#fff}.new-option-label{font-size:16px;color:#111}.search-input-container{padding:0 16px 16px}.search-input{width:100%;padding:10px 16px;border-radius:24px;border:1px solid #e0e0e0;font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#128c7e}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:20px;color:#54656f;font-size:14px}.no-results-message{display:flex;justify-content:center;align-items:center;padding:20px;color:#54656f;font-size:14px;text-align:center}.member-section{margin-bottom:0}.member-section:last-child{margin-bottom:0;padding-bottom:0}.section-header{padding:8px 16px;font-weight:500;color:#128c7e;background-color:#f7f7f7;border-radius:4px;margin-bottom:0}.section-header h3{margin:0;color:#128c7e;font-size:14px;font-weight:500}.accordion-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease}.accordion-header:hover{background-color:#eaeaea}.accordion-icon{transition:transform .3s ease;margin-left:8px;fill:#128c7e}.accordion-icon.rotated{transform:rotate(180deg)}.member-section>div:not(.section-header){transition:max-height .3s ease-out,opacity .2s ease-out;overflow:hidden}.member-section .tag-filter-section{padding:8px 16px 12px;border-bottom:1px solid #f0f0f0;background-color:#fafafa;margin-bottom:0}.tag-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1px}.tag-filter-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;color:#128c7e;font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.tag-filter-toggle:hover{background-color:#e8f5f3}.tag-filter-arrow{transition:transform .3s ease;margin-left:8px;fill:#128c7e}.tag-filter-arrow.rotated{transform:rotate(180deg)}.filter-controls{display:flex;align-items:center;gap:8px}.tag-mode-toggle{display:flex;background-color:#f0f2f5;border-radius:16px;padding:2px;border:1px solid #e0e0e0}.mode-btn{background:none;border:none;padding:4px 12px;border-radius:14px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;color:#666}.mode-btn.active{background-color:#128c7e;color:#fff}.mode-btn:hover:not(.active){background-color:#e8f5f3;color:#128c7e}.not-toggle-btn{background:#f0f2f5;border:1px solid #e0e0e0;padding:4px 12px;border-radius:14px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;color:#666;margin-left:8px}.not-toggle-btn.active{background-color:#dc3545;color:#fff;border-color:#dc3545}.not-toggle-btn:hover:not(.active){background-color:#ffe6e6;color:#dc3545;border-color:#dc3545}.clear-filters-btn{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.clear-filters-btn:hover{background-color:#f0f0f0;color:#333}.tag-selection-panel{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;margin-top:8px;box-shadow:0 2px 4px #0000001a}.results-count{padding:8px 16px;font-size:12px;color:#666;text-align:center;background-color:#fafafa;border-bottom:1px solid #f0f0f0}.tag-chips{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{display:inline-flex;align-items:center;background-color:#f0f2f5;color:#333;font-size:12px;padding:6px 10px;border:1px solid #e0e0e0;border-radius:16px;cursor:pointer;transition:all .2s;gap:4px}.tag-chip:hover{background-color:#e8f5f3;border-color:#128c7e}.tag-chip.selected{background-color:#128c7e;color:#fff;border-color:#128c7e}.tag-chip .check-icon{margin-left:2px}.no-tags-message{text-align:center;color:#666;font-size:13px;padding:12px;font-style:italic}.contact-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;max-width:100%;overflow:hidden;width:100%}.contact-tag{background-color:#f0f0f0;color:#666;font-size:8px;padding:1px 4px;border-radius:3px;font-weight:500;transition:all .2s ease;white-space:nowrap;display:inline-block;width:-moz-fit-content;width:fit-content;line-height:1.1;max-width:80px;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.contact-tag.matched-tag{background-color:#e8f5f3;color:#128c7e;font-weight:600}.contact-tag-more{background-color:#f0f0f0;color:#666;font-size:8px;padding:1px 4px;border-radius:3px;font-weight:500;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:80px;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.dots{display:inline-block;animation:loadingDots 1.5s infinite}.member-actions{position:relative;opacity:0;transition:opacity .2s ease;margin-left:auto;z-index:999999990!important;display:flex;align-items:center}.member-item:hover .member-actions{opacity:1;z-index:99999990!important}.menu-button{background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;z-index:99999991!important}.menu-button:hover{background-color:#e8f5f3;color:#128c7e}.member-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #0003;z-index:999999999!important;min-width:120px;overflow:hidden;padding:4px 0;font-family:inherit;margin-top:4px;animation:menuFadeIn .15s ease-out;transform-origin:top right;max-width:200px;isolation:isolate}.member-menu[style*="position: fixed"]{margin-top:0;transform-origin:top left}.member-item:last-child .member-menu,.member-item:nth-last-child(2) .member-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:4px;transform-origin:bottom right}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;color:#333;font-size:14px;cursor:pointer;transition:background-color .2s;text-align:left}.menu-item:hover{background-color:#f5f5f5}.menu-item svg{color:#666}.rename-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:9998!important;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rename-modal{background:#fff;border-radius:12px;width:90%;max-width:400px;box-shadow:0 8px 32px #0003;overflow:hidden;z-index:9999!important;position:relative}.rename-modal-header{padding:20px 24px 16px;border-bottom:1px solid #f0f0f0;background:#fff}.rename-modal-header h3{margin:0;font-size:18px;font-weight:500;color:#333!important}.rename-modal-body{padding:20px 24px;background:#fff}.rename-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;outline:none;transition:border-color .2s;background:#fff!important;color:#333!important;box-sizing:border-box}.rename-input:focus{border-color:#128c7e;background:#fff!important;color:#333!important}.rename-modal-footer{padding:16px 24px 20px;display:flex;gap:12px;justify-content:flex-end;background:#fff}.cancel-btn,.save-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e8e8e8}.save-btn{background:#128c7e;color:#fff}.save-btn:hover:not(:disabled){background:#0f7a6b}.save-btn:disabled{background:#ccc;cursor:not-allowed}.loading-dots{display:flex;align-items:center;gap:2px}.dots{display:inline-block;animation:loadingDots 1.5s infinite;color:#333}@keyframes loadingDots{0%,20%{opacity:0}50%{opacity:1}80%,to{opacity:0}}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 640px){.add-tags-modal-overlay{padding:10px}.add-tags-modal{max-width:100%;max-height:95vh}.add-tags-modal-body{padding:16px}.selected-member-info{padding:12px}.form-row{flex-direction:column;align-items:stretch}.create-tag-btn{width:100%}}.bulk-actions-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;gap:12px}.bulk-actions-left{display:flex;align-items:center;gap:12px}.bulk-actions-right{display:flex;align-items:center;gap:8px}.selection-mode-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.selection-mode-btn:hover{background:#e2e8f0;border-color:#94a3b8}.selection-mode-btn.active{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.selection-mode-btn.active:hover{background:#fecaca;border-color:#f87171}.select-all-btn{padding:6px 12px;background:#008069;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.select-all-btn:hover{background:#006b5a}.selection-count{font-size:13px;color:#6b7280;font-weight:500;padding:4px 8px;background:#f3f4f6;border-radius:4px}.bulk-add-tags-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.bulk-add-tags-btn:hover{background:#059669}.member-item.selection-mode{cursor:pointer;transition:all .2s;border:1px solid transparent;border-radius:8px;margin:2px 0}.member-item.selection-mode:hover{background-color:#f8fafc;border-color:#e2e8f0}.member-item.selection-mode.selected{background-color:#dbeafe;border-color:#3b82f6}.selection-checkbox{display:flex;align-items:center;margin-right:12px}.selection-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#008069}@media (max-width: 640px){.bulk-actions-header{flex-direction:column;align-items:stretch;gap:8px}.bulk-actions-left{justify-content:space-between}.bulk-actions-right{justify-content:center}.selection-mode-btn,.select-all-btn,.bulk-add-tags-btn{font-size:12px;padding:6px 10px}.selection-count{font-size:12px}.bulk-actions-row{flex-direction:column;align-items:stretch;gap:8px;padding:8px 12px}.bulk-actions-row .bulk-actions-left{justify-content:space-between;width:100%}.bulk-actions-row .bulk-actions-right{justify-content:center;width:100%}.add-tags-btn{font-size:11px;padding:5px 10px}.filter-controls{flex-wrap:wrap;gap:6px}.tag-mode-toggle{order:2}.add-tags-btn{order:1}}.add-tags-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.add-tags-btn:hover{background:#059669}.add-tags-btn.active{background:#dc2626;color:#fff}.add-tags-btn.active:hover{background:#b91c1c}.bulk-actions-row{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-top:8px;gap:12px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-tags-link{color:#007bff;text-decoration:none;cursor:pointer;font-size:12px;font-weight:500;padding:4px 0;border-radius:4px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.add-tags-link:hover{color:#0056b3;text-decoration:underline}.add-tags-link.active{color:#dc3545}.add-tags-link.active:hover{color:#c82333;text-decoration:underline}.notification-button{color:#616161!important}.notification-button svg{font-size:24px}.notification-icon{font-size:18px}.notification-button:hover{background-color:#0000000a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-customer-modal-professional{width:95vw;max-width:1200px;max-height:90vh;background:#fff;border-radius:12px!important;box-shadow:0 20px 60px #00000026!important;overflow:hidden;animation:modalSlideIn .3s ease-out}.add-customer-modal{width:90vw;max-width:800px;max-height:85vh;background:#fff;border-radius:8px;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.add-customer-modal-professional{width:95vw;max-height:95vh;margin:10px}.modal-content{padding:12px!important}}.add-customer-modal-professional .MuiBox-root::-webkit-scrollbar{width:6px}.add-customer-modal-professional .MuiBox-root::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.add-customer-modal-professional .MuiBox-root::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.add-customer-modal-professional .MuiBox-root::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.add-customer-modal-professional .MuiTextField-root .MuiOutlinedInput-root:focus-within{box-shadow:0 0 0 2px #1976d233}.add-customer-modal-professional .MuiChip-root{font-weight:500;border-radius:6px}.add-customer-modal-professional .MuiButton-root{border-radius:8px;font-weight:600;text-transform:none;transition:all .2s ease}.add-customer-modal-professional .MuiButton-contained:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.add-customer-modal-professional .MuiCard-root{border-radius:8px;transition:box-shadow .2s ease}.add-customer-modal-professional .MuiCard-root:hover{box-shadow:0 2px 8px #0000001a}.add-customer-modal-professional .MuiIconButton-root{border-radius:6px;transition:all .2s ease}.add-customer-modal-professional .MuiIconButton-root:hover{transform:scale(1.05)}.add-customer-modal-professional .MuiAutocomplete-root .MuiChip-root{margin:1px;height:22px}.add-customer-modal-professional .MuiCircularProgress-root{color:inherit}.add-customer-modal-professional .MuiTypography-h5{letter-spacing:-.5px}.add-customer-modal-professional .MuiTypography-h6{letter-spacing:-.25px}@media (max-width: 600px){.add-customer-modal-professional .MuiGrid-container{margin:0;width:100%}.add-customer-modal-professional .MuiGrid-item{padding:2px}.add-customer-modal-professional .MuiCardContent-root{padding:16px!important}.add-customer-modal-professional .MuiTextField-root{margin-bottom:8px}}.modal-header{padding:16px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.2rem;color:#1a1a1a}.close-button{background:none;border:none;font-size:28px;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{color:#333;background-color:#f0f0f0}.modal-content{padding:20px}.customer-list-section{margin-top:16px}.customer-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;padding:12px;background-color:#f9f9f9}.customer-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease}.customer-item:hover{border-color:#25d366;box-shadow:0 2px 4px #25d3661a}.customer-item.editing{border-color:#ff9800;background-color:#fff3e0}.customer-info{flex:1;display:flex;flex-direction:column;gap:4px}.customer-name{font-weight:600;color:#333;font-size:14px}.customer-phone{font-size:12px;color:#666}.customer-types{display:flex;gap:4px;margin-top:4px}.customer-tags{font-size:11px;color:#888;font-style:italic}.customer-actions{display:flex;gap:4px}.customer-type-switches{display:flex;gap:16px;margin:12px 0;padding:12px;background-color:#f5f5f5;border-radius:6px}.MuiTabs-root{border-bottom:1px solid #e0e0e0;margin-bottom:16px}.upload-preview-table{margin-top:16px}.upload-preview-table .MuiTableContainer-root{border:1px solid #e0e0e0;border-radius:6px}.single-row-form{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}.single-row-form .MuiTextField-root{flex:1 1 200px;min-width:150px}.customer-type-switch{display:flex;flex-direction:column;align-items:center;min-width:120px;padding:8px;border:1px solid #e0e0e0;border-radius:6px;background-color:#f9f9f9}.customer-type-switch .MuiSwitch-root{margin:4px 0}.single-customer-section,.bulk-upload-section{margin-bottom:10px}.single-customer-section h3,.bulk-upload-section h3{font-size:1.1rem;color:#333;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:#555}.form-group input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus{border-color:#25d366;outline:none}.phone-note{display:block;margin-top:4px;font-size:12px;color:#666;font-style:italic}.submit-button,.upload-button{background-color:#25d366;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;min-width:100px}.submit-button:disabled,.upload-button:disabled{background-color:#ccc;cursor:not-allowed}.upload-area{border:2px dashed #ddd;padding:20px;border-radius:4px;text-align:center;margin-bottom:16px}.file-input{display:none}.file-label{display:inline-block;padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin-bottom:12px}.file-label:hover{background-color:#eee}.upload-info{font-size:12px;color:#666;text-align:center}.upload-info a{color:#25d366;text-decoration:none}.upload-info a:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.gap-2{gap:8px}.create-channel-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.back-button{background:none;border:none;padding:8px;margin-right:16px;cursor:pointer;border-radius:6px;color:#6b7280;transition:all .2s}.back-button:hover{background-color:#f3f4f6;color:#374151}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#fff}.tab-button{flex:1;padding:16px 24px;background:none;border:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.tab-button:hover{color:#374151;background-color:#f9fafb}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;background-color:#eff6ff}.modal-content{flex:1;overflow-y:auto;padding:24px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.required{color:#ef4444}.form-input,.form-select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background:#fff;transition:all .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.default-channel-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.default-channel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.default-channel-header label{margin:0;font-weight:500;color:#374151;display:flex;align-items:center;gap:8px}.info-icon{color:#6b7280;cursor:help}.info-icon:hover{color:#374151}.default-channel-description{font-size:14px;color:#6b7280;margin:0 0 8px;line-height:1.5}.default-channel-note{font-size:13px;color:#6b7280;margin:0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;margin:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:transparent;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#3b82f6}input:checked+.toggle-slider:before{transform:translate(20px)}.loading-configs{display:flex;align-items:center;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background:#f9fafb;color:#6b7280}.loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.loading-spinner.small{width:14px;height:14px;margin-right:6px}.members-tab{min-height:200px}.members-section{display:flex;flex-direction:column;gap:16px}.members-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.members-header h3{margin:0;font-size:18px;font-weight:600;color:#374151}.add-member-button{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.add-member-button:hover{background:#2563eb}.no-members-message{text-align:center;padding:40px 20px;color:#6b7280;font-style:italic}.members-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.member-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;transition:all .2s}.member-item:hover{background:#f3f4f6;border-color:#d1d5db}.member-avatar{flex-shrink:0}.avatar-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.member-info{flex:1;min-width:0}.member-name{font-weight:600;color:#111827;margin-bottom:4px;display:flex;align-items:center;gap:8px}.role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#e5e7eb;color:#374151;border:1px solid #d1d5db}.role-badge[data-role=ADMIN]{background:#fef3c7;color:#92400e;border-color:#fbbf24}.role-badge[data-role=MEMBER]{background:#dbeafe;color:#1e40af;border-color:#3b82f6}.member-details{display:flex;flex-direction:column;gap:2px}.member-details span{font-size:12px;color:#6b7280}.remove-member-button{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.remove-member-button:hover{background:#dc2626}.add-member-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .2s ease-out}.add-member-modal{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 10px 25px #00000026;animation:slideIn .3s ease-out}.add-member-modal h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#111827}.add-member-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.add-member-form .form-group{margin-bottom:0}.add-member-form-footer{display:flex;justify-content:flex-end;gap:12px}.add-member-submit-button{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.add-member-submit-button:hover:not(:disabled){background:#2563eb}.add-member-submit-button:disabled{opacity:.5;cursor:not-allowed}.custom-role-dropdown{position:relative;width:100%}.role-dropdown-trigger{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#111827;transition:all .2s}.role-dropdown-trigger:hover{border-color:#9ca3af}.dropdown-arrow{transition:transform .2s;color:#6b7280;font-size:12px}.dropdown-arrow.open{transform:rotate(180deg)}.role-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:1002;margin-top:2px;overflow:hidden}.role-option{padding:12px 16px;cursor:pointer;font-size:14px;color:#111827;transition:background-color .2s}.role-option:hover{background-color:#f3f4f6}.role-option.selected{background-color:#eff6ff;color:#3b82f6;font-weight:500}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.cancel-button,.create-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;border:none}.cancel-button{background:#fff;color:#6b7280;border:1px solid #d1d5db}.cancel-button:hover:not(:disabled){background:#f9fafb;color:#374151}.create-button{background:#3b82f6;color:#fff;min-width:100px;justify-content:center}.create-button:hover:not(:disabled){background:#2563eb}.create-button:disabled,.cancel-button:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.modal-overlay{padding:10px}.create-channel-modal{max-width:100%;max-height:95vh}.modal-header,.modal-content,.modal-footer{padding-left:16px;padding-right:16px}.modal-tabs{flex-direction:column}.tab-button{flex:none;padding:12px 16px}.modal-footer{flex-direction:column-reverse}.cancel-button,.create-button{width:100%;justify-content:center}.members-header{flex-direction:column;align-items:flex-start;gap:12px}.add-member-button{align-self:flex-end}.member-item{padding:10px}.avatar-circle{width:36px;height:36px;font-size:12px}.add-member-form-footer{flex-direction:column-reverse}.cancel-button,.add-member-submit-button{width:100%;justify-content:center}}.sidebar-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.sidebar-menu{position:absolute;top:0;right:0;width:260px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;z-index:1050;animation:fadeIn .15s ease-in;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.user-profile-section{display:flex;align-items:center;padding:16px 24px;background-color:#f0f2f5;border-bottom:1px solid #e8e8e8}.user-profile-section .user-info{margin-left:10px}.user-profile-section .user-name{font-size:16px;font-weight:600;color:#111b21;margin-bottom:2px}.user-profile-section .user-status{font-size:13px;color:#54656f}.sidebar-menu-item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background-color .2s}.sidebar-menu-item:hover{background-color:#f0f2f5}.sidebar-menu-item.with-divider{border-top:1px solid #e6e6e6;margin-top:8px;padding-top:16px}.menu-divider{height:1px;background-color:#e6e6e6;margin:8px 0}.menu-icon{width:24px;height:24px;margin-right:28px;display:flex;align-items:center;justify-content:center;color:#54656f}.menu-icon svg{width:20px;height:20px}.menu-label{font-size:15px;color:#3b4a54;font-weight:400}.loading-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top:2px solid #25D366;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-item{display:flex;align-items:center;padding:12px 24px;cursor:pointer;transition:background-color .2s}.menu-item:hover{background-color:#f0f2f5}.menu-item.with-divider{border-top:1px solid #e6e6e6;margin-top:8px;padding-top:16px}.menu-icon{margin-right:16px;display:flex;align-items:center;justify-content:center}.menu-label{font-size:14px}.mode-switch{padding:10px 15px;margin-bottom:10px;border-bottom:1px solid #e0e0e0}.switch-row{display:flex;align-items:center}.mode-switch-label{font-size:14px;color:#54656f;font-weight:500;margin-right:10px}.toggle-labels{display:flex;align-items:center;flex:1;justify-content:space-between;font-size:13px;color:#54656f}.toggle-labels span{opacity:.6;transition:all .2s ease}.toggle-labels span.active{opacity:1;font-weight:500}.toggle-container{margin:0 8px}.toggle-slider{position:relative;width:40px;height:20px;border-radius:10px;background-color:#f0f2f5;cursor:pointer;transition:all .3s ease;border:1px solid #e0e0e0;padding:2px}.toggle-slider.business{background-color:#dcf8c6;border-color:#25d366}.toggle-slider.customer{background-color:#e3f2fd;border-color:#34b7f1}.toggle-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px #00000026;transition:all .3s ease}.toggle-slider.business .toggle-knob{left:2px;background-color:#25d366}.toggle-slider.customer .toggle-knob{left:calc(100% - 16px);background-color:#34b7f1}.pwa-install-guide{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.guide-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.guide-header{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;text-align:center;padding:40px 20px}.guide-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:700}.guide-header p{margin:0;font-size:1.2rem;opacity:.9}section{padding:40px 30px}section h2{color:#2c3e50;margin:0 0 30px;font-size:2rem;font-weight:600;text-align:center}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:30px}.use-case-card{background:#f8f9fa;border-radius:15px;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e9ecef}.use-case-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.use-case-icon{font-size:3rem;margin-bottom:15px}.use-case-card h3{color:#2c3e50;margin:0 0 10px;font-size:1.3rem;font-weight:600}.use-case-card p{color:#6c757d;margin:0;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:30px}.feature-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-radius:10px;font-weight:500;color:#495057;transition:transform .2s ease;border-left:4px solid #25d366}.feature-item:hover{transform:translate(5px)}.browser-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;justify-content:center}.browser-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #dee2e6;border-radius:25px;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;color:#495057}.browser-tab:hover{border-color:#25d366;background:#f8fff9}.browser-tab.active{border-color:#25d366;background:#25d366;color:#fff;transform:scale(1.05)}.browser-icon{font-size:1.2rem}.browser-name{font-size:.9rem}.install-steps{background:#f8f9fa;border-radius:15px;padding:30px;border-left:5px solid #25d366}.install-steps h3{color:#2c3e50;margin:0 0 25px;font-size:1.4rem;font-weight:600}.steps-list{list-style:none;padding:0;margin:0}.step-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;padding:15px;background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d}.step-number{background:#25d366;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.step-text{color:#495057;line-height:1.6;font-weight:500}.troubleshooting-section{background:#f8f9fa}.troubleshooting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:30px}.troubleshooting-item{background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 15px #0000000d;border-top:4px solid #ffc107}.troubleshooting-item h4{color:#2c3e50;margin:0 0 15px;font-size:1.2rem;font-weight:600}.troubleshooting-item p{color:#6c757d;margin:0;line-height:1.6}.quick-install-section{background:linear-gradient(135deg,#25d366,#128c7e);text-align:center}.quick-install-card{background:#fffffff2;border-radius:15px;padding:40px;max-width:500px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-install-card h3{color:#2c3e50;margin:0 0 15px;font-size:1.8rem;font-weight:700}.quick-install-card p{color:#6c757d;margin:0 0 30px;font-size:1.1rem}.install-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.install-btn{padding:15px 30px;border:none;border-radius:25px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:150px}.install-btn.install{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;font-weight:700;box-shadow:0 4px 15px #ff6b6b4d}.install-btn.install:hover{background:linear-gradient(135deg,#ff5252,#d32f2f);transform:translateY(-3px);box-shadow:0 8px 25px #ff6b6b66}.install-btn.primary{background:#25d366;color:#fff}.install-btn.primary:hover{background:#128c7e;transform:translateY(-2px);box-shadow:0 5px 15px #25d3664d}.install-btn.secondary{background:transparent;color:#6c757d;border:2px solid #dee2e6}.install-btn.secondary:hover{border-color:#adb5bd;color:#495057}.guide-footer{background:#2c3e50;color:#fff;text-align:center;padding:30px;margin:0}.guide-footer p{margin:0;opacity:.8}@media (max-width: 768px){.pwa-install-guide{padding:10px}.guide-header{padding:30px 20px}.guide-header h1{font-size:2rem}.guide-header p{font-size:1rem}section{padding:30px 20px}section h2{font-size:1.5rem}.use-cases-grid{grid-template-columns:1fr;gap:20px}.features-grid{grid-template-columns:1fr;gap:10px}.browser-tabs{justify-content:stretch}.browser-tab{flex:1;justify-content:center;min-width:0}.browser-name{display:none}.install-steps{padding:20px}.step-item{flex-direction:column;text-align:center;gap:10px}.troubleshooting-grid{grid-template-columns:1fr;gap:20px}.install-buttons{flex-direction:column;align-items:center}.install-btn{min-width:200px}}@media (max-width: 480px){.browser-tabs{grid-template-columns:repeat(2,1fr);display:grid}.quick-install-card{padding:25px 15px}}/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-\[-2px\]{top:-2px}.right-\[-2px\]{right:-2px}.left-\[20px\]{left:20px}.isolate{isolation:isolate}.container{width:100%}.mx-\[2px\]{margin-inline:2px}.mx-auto{margin-inline:auto}.mt-\[8px\]{margin-top:8px}.mt-\[30px\]{margin-top:30px}.mr-\[2px\]{margin-right:2px}.mr-\[5px\]{margin-right:5px}.mr-\[10px\]{margin-right:10px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-\[1px\]{height:1px}.h-auto{height:auto}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-\[180px\]{width:180px}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[0px\]{border-style:var(--tw-border-style);border-width:0}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.bg-\[\#25d366\]{background-color:#25d366}.p-\[\'50px\'\]{padding:"50px"}.p-\[1px\]{padding:1px}.p-\[2px\]{padding:2px}.p-\[3px\]{padding:3px}.p-\[4px\]{padding:4px}.p-\[6px\]{padding:6px}.p-\[10px\]{padding:10px}.text-center{text-align:center}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[\#0d93fc\]{color:#0d93fc}.text-\[\#fff\]{color:#fff}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-30{opacity:.3}.opacity-80{opacity:.8}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}:root{color-scheme:light dark;color:#000000de;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:500}button{cursor:pointer}svg{fill:currentColor}@media (prefers-color-scheme:dark){:root{color:#ffffffde;background-color:#242424}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}