:root{--color-primary:#21c657;--color-primary-hover:#16b34a;--color-primary-shadow:#21c6570f;--bg-primary:#f6f6f6;--bg-secondary:#fafafa;--bg-tertiary:#f4f4f4;--bg-surface:#fff;--bg-surface-hover:#e9f5fa;--bg-surface-active:#d8f0ff;--bg-chat:#e5ddd5;--bubble-out:#d1ffd6;--bubble-out-alt:#dcf8c6;--bubble-in:#fff;--bubble-in-alt:#e1f3fb;--text-primary:#222;--text-secondary:#333;--text-tertiary:#555;--text-muted:#666;--text-subtle:#777;--text-placeholder:#999;--text-caption:#444;--text-inverse:#fff;--border-primary:#e0e0e0;--border-secondary:#eee;--border-tertiary:#f2f2f2;--border-input:#d6d6d6;--border-subtle:#ccc;--shadow-light:#0000000a;--shadow-medium:#00000014;--overlay-dark:#000000bf;--overlay-button:#00000059;--header-bg:#f9f9f9;--header-bg-alt:#f0f0f0;--header-bg-light:#eee;--state-active:#d0d0ff;--scrollbar-track:#f1f1f1;--scrollbar-thumb:#c1c1c1;--scrollbar-thumb-hover:#a8a8a8}[data-theme=dark]{--color-primary:#25d366;--color-primary-hover:#1da851;--color-primary-shadow:#25d36626;--bg-primary:#111b21;--bg-secondary:#0b141a;--bg-tertiary:#1f2c34;--bg-surface:#202c33;--bg-surface-hover:#2a3942;--bg-surface-active:#2a3942;--bg-chat:#0b141a;--bubble-out:#005c4b;--bubble-out-alt:#005c4b;--bubble-in:#202c33;--bubble-in-alt:#1f2c34;--text-primary:#e9edef;--text-secondary:#d1d7db;--text-tertiary:#aebac1;--text-muted:#8696a0;--text-subtle:#667781;--text-placeholder:#667781;--text-caption:#aebac1;--text-inverse:#111b21;--border-primary:#2a3942;--border-secondary:#222d34;--border-tertiary:#1f2c34;--border-input:#3b4a54;--border-subtle:#3b4a54;--shadow-light:#0003;--shadow-medium:#0000004d;--overlay-dark:#000000d9;--overlay-button:#00000080;--header-bg:#202c33;--header-bg-alt:#1f2c34;--header-bg-light:#2a3942;--state-active:#2a3942;--scrollbar-track:#0b141a;--scrollbar-thumb:#3b4a54;--scrollbar-thumb-hover:#4a5d68}body,html{height:100%;margin:0;min-height:100vh;min-height:100dvh;padding:0}body{background-color:#f6f6f6;background-color:var(--bg-primary);color:#222;color:var(--text-primary);font-family:sans-serif;overscroll-behavior:none;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:#c1c1c1;background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8;background:var(--scrollbar-thumb-hover)}.app-container{background:var(--bg-primary);display:flex;font-family:Segoe UI,Arial,sans-serif;height:100vh;height:100dvh}.sidebar-desktop{display:block}@media screen and (max-width:768px){.sidebar-desktop{display:none}}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-primary);box-shadow:2px 0 5px var(--shadow-light);display:flex;flex-direction:column;max-width:380px;min-width:260px;padding:0;width:320px}.sidebar h2{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);font-size:24px;margin:0;padding:24px 20px 6px;transition:color .3s ease,border-color .3s ease}.sidebar-user{background:var(--bg-surface);border-bottom:1px solid var(--border-tertiary);cursor:pointer;padding:14px 20px 10px;transition:background .1s}.sidebar-user.selected,.sidebar-user:hover{background:var(--bg-surface-hover)}.main-content{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;transition:background-color .3s ease}.chat-header{background:var(--header-bg);border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:22px;font-weight:500;min-height:60px;padding:18px 32px 10px;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.chat-window{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;max-height:100%;overflow-y:auto;padding:36px 40px 16px;transition:background-color .3s ease}.chat-empty-state{background-color:var(--bg-tertiary);border-radius:12px;color:var(--text-subtle);font-size:15px;margin:20px;padding:24px;text-align:center;transition:background-color .3s ease,color .3s ease}.message-row{display:flex;margin-bottom:12px}.message-row.notification-highlight .message-bubble{animation:notification-pulse 2s ease-out}@keyframes notification-pulse{0%{box-shadow:0 0 0 0 var(--color-primary)}30%{box-shadow:0 0 0 4px var(--color-primary)}to{box-shadow:0 1px 2px var(--shadow-light)}}.message-bubble{background:var(--bubble-in);border-radius:18px;box-shadow:0 1px 2px var(--shadow-light);font-size:16px;line-height:1.4;max-width:60%;padding:14px 18px;position:relative;transition:background-color .3s ease;word-break:break-word}.message-bubble.out{background:var(--bubble-out);border-bottom-left-radius:18px;border-bottom-right-radius:8px;margin-left:auto}.message-bubble.in,.message-bubble.out{border-top-left-radius:18px;border-top-right-radius:18px}.message-bubble.in{background:var(--bubble-in);border-bottom-left-radius:8px;border-bottom-right-radius:18px;margin-right:auto}.msg-figure{margin:0}.msg-image{border-radius:10px;cursor:zoom-in;display:block;max-height:220px;max-width:220px}.message-bubble .msg-figure:first-child:last-child{margin:-4px 0 0}.msg-caption{color:var(--text-muted);font-size:.85rem;line-height:1.25;margin-top:6px;transition:color .3s ease}.lightbox-overlay{background:var(--overlay-dark);inset:0;position:fixed;z-index:1000}.lightbox-content,.lightbox-overlay{align-items:center;display:flex;justify-content:center}.lightbox-content{max-height:90vh;max-width:90vw;position:relative}.lightbox-image{border-radius:12px;cursor:zoom-out;max-height:90vh;max-width:90vw;-webkit-user-select:none;user-select:none}.lightbox-close{font-size:28px;line-height:1;right:0}.lightbox-close,.lightbox-download{background:#0000;border:none;color:var(--text-inverse);cursor:pointer;position:absolute;top:-48px}.lightbox-download{align-items:center;display:flex;justify-content:center;padding:4px;right:48px;transition:opacity .2s ease}.lightbox-download:hover{opacity:.8}.lightbox-download svg{height:24px;width:24px}@media (max-width:600px){.lightbox-close{right:8px}.lightbox-close,.lightbox-download{background:var(--overlay-button);border-radius:50%;height:40px;top:8px;width:40px}.lightbox-download{right:56px}}.img-caption{color:var(--text-caption);font-size:13px;white-space:pre-wrap}.img-caption,.message-meta{margin-top:6px;transition:color .3s ease}.message-meta{color:var(--text-placeholder);font-size:11px;text-align:right}.form{background:var(--bg-secondary);border-top:1px solid var(--border-primary);display:flex;padding:18px 32px;transition:background-color .3s ease,border-color .3s ease}.form input[type=text]{background:var(--bg-surface);border:1px solid var(--border-input);border-radius:18px;color:var(--text-primary);flex:1 1;font-size:16px;margin-right:12px;outline:none;padding:12px 16px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.form input[type=text]::placeholder{color:var(--text-placeholder)}.form button{background-color:var(--color-primary);border:none;border-radius:18px;box-shadow:0 2px 4px var(--color-primary-shadow);color:var(--text-inverse);cursor:pointer;font-size:16px;font-weight:500;min-height:40px;min-width:70px;padding:0 28px;transition:background .1s}.form button:hover{background-color:var(--color-primary-hover)}@media screen and (max-width:768px){.app-container{height:100dvh;height:100vh}.chat-header{font-size:18px;min-height:56px;padding:12px 16px}.main-content{flex:1 1;min-height:0;width:100%}.chat-window{flex:1 1;min-height:0;padding:16px 20px}.message-bubble{font-size:15px;max-width:80%;padding:12px 16px}.message-meta{font-size:11px}.form{padding:12px 16px}.form input[type=text]{font-size:16px;min-height:44px;padding:12px 16px}.form button{min-height:44px;min-width:60px;padding:0 20px}}@media screen and (max-width:480px){.app-container{height:100dvh;height:100vh}.chat-header{font-size:16px;min-height:56px;padding:10px 12px}.chat-window{padding:12px 16px}.message-bubble{font-size:14px;max-width:88%;padding:10px 14px}.message-meta{font-size:10px}.form{flex-direction:column;gap:10px;padding:10px 12px}.form input[type=text]{margin:0}.form button,.form input[type=text]{font-size:16px;min-height:44px;width:100%}.lightbox-image{border-radius:8px;max-height:85vh;max-width:95vw}}.analytics-overlay{align-items:center;animation:fadeIn .2s ease;background:var(--overlay-dark);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.analytics-modal{animation:slideUp .3s ease;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);max-width:1000px;overflow:hidden;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.analytics-overlay{padding:0}.analytics-modal{border-radius:0;max-height:100vh;max-height:100dvh;max-width:100%}}.message-form-wrapper{background:var(--bg-secondary);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;transition:background-color .3s ease,border-color .3s ease}.media-error{align-items:center;background:#ff5252;color:#fff;display:flex;font-size:14px;justify-content:space-between;padding:10px 16px}.media-error button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px;padding:4px 8px}.media-preview-container{animation:slideDown .2s ease;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.media-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.media-preview-title{color:var(--text-primary);font-size:14px;font-weight:500}.media-preview-close{background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px 8px;transition:background .1s,color .1s}.media-preview-close:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.media-preview-content{display:flex;justify-content:center;margin-bottom:12px}.media-preview-image{object-fit:contain}.media-preview-image,.media-preview-video{border-radius:8px;max-height:200px;max-width:100%}.media-preview-audio{align-items:center;background:var(--bg-surface);border-radius:8px;display:flex;gap:12px;max-width:300px;padding:16px;width:100%}.audio-icon{font-size:32px}.audio-info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.audio-name{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-size{color:var(--text-muted);font-size:12px}.media-preview-document{align-items:center;background:var(--bg-surface);border-radius:8px;display:flex;gap:12px;max-width:300px;padding:16px;width:100%}.document-icon{background:var(--color-primary);color:#fff;font-size:12px;font-weight:600;height:48px;width:48px}.document-info{gap:4px;overflow:hidden}.document-size{color:var(--text-muted);font-size:12px}.media-caption-input{background:var(--bg-surface);border:1px solid var(--border-input);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.media-caption-input:focus{border-color:var(--color-primary)}.media-caption-input::placeholder{color:var(--text-placeholder)}.attachment-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-right:8px;padding:8px;transition:background .1s,color .1s}.attachment-button:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.attachment-button:disabled{cursor:not-allowed;opacity:.5}.attachment-button svg{height:24px;width:24px}.message-form-wrapper .form{align-items:center;background:#0000;border-top:none;display:flex;padding:18px 32px}.form button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.form button[type=submit].sending{background-color:var(--text-muted)}@media screen and (max-width:768px){.media-preview-container{padding:12px}.media-preview-image,.media-preview-video{max-height:150px}.media-preview-audio,.media-preview-document{max-width:100%}.attachment-button{margin-right:4px}}@media screen and (max-width:480px){.message-form-wrapper .form{flex-direction:row;flex-wrap:wrap;gap:8px}.message-form-wrapper .form input[type=text]{flex:1 1;margin:0;min-width:0}.attachment-button{order:-1}.message-form-wrapper .form button[type=submit]{flex-shrink:0;width:auto}}.chat-preview{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);cursor:pointer;padding:10px;transition:background-color .3s ease,border-color .3s ease}.chat-preview:hover{background-color:var(--bg-surface-hover)}.chat-preview.active{background-color:var(--bg-surface-active)}.chat-header-row{color:var(--text-primary);display:flex;font-weight:700;justify-content:space-between;transition:color .3s ease}.chat-time{color:var(--text-subtle);font-size:.75em;min-width:80px;text-align:right}.chat-last-message,.chat-time{transition:color .3s ease;white-space:nowrap}.chat-last-message{color:var(--text-tertiary);font-size:.9em;margin-top:5px;overflow:hidden;text-overflow:ellipsis}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);box-sizing:border-box;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;transition:background-color .3s ease,border-color .3s ease;width:300px}.sidebar-search{border-bottom:1px solid var(--border-secondary);padding:8px 10px;transition:border-color .3s ease}.sidebar-search-wrapper{align-items:center;background-color:var(--bg-input);border:1px solid var(--border-secondary);border-radius:20px;display:flex;gap:8px;padding:8px 12px;transition:background-color .3s ease,border-color .3s ease,box-shadow .2s ease}.sidebar-search-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #25d36633}.sidebar-search-icon{color:var(--text-subtle);flex-shrink:0;height:16px;transition:color .3s ease;width:16px}.sidebar-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;min-width:0;outline:none}.sidebar-search-clear,.sidebar-search-input::placeholder{color:var(--text-subtle)}.sidebar-search-clear{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:color .2s ease,background-color .2s ease;width:18px}.sidebar-search-clear:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-search-clear svg{height:12px;width:12px}.sidebar-filter-count{color:var(--text-subtle);font-size:12px;margin-top:6px;text-align:center;transition:color .3s ease}.mobile-nav-content .sidebar{border-right:none;height:auto;width:100%}@media screen and (max-width:768px){.sidebar h2{font-size:20px;padding:16px}.chat-preview{min-height:44px;padding:12px 16px}}@media screen and (max-width:480px){.sidebar h2{font-size:18px;padding:14px 12px}.chat-preview{min-height:48px;padding:14px 12px}.chat-header-row strong{font-size:15px}.chat-time{font-size:11px;min-width:70px}.chat-last-message{font-size:13px}}.theme-toggle{align-items:center;background-color:initial;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .3s ease,color .3s ease,transform .2s ease;width:40px}.theme-toggle:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.theme-toggle:active{transform:scale(.95)}.theme-toggle:focus{outline:none}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle-icon{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}.theme-toggle:hover .theme-toggle-icon{transform:rotate(15deg)}.notification-settings-toggle{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:background-color .2s ease,color .2s ease;width:36px}.notification-settings-toggle:hover{background-color:var(--hover-bg);color:var(--text-primary)}.notification-settings-toggle:focus{box-shadow:0 0 0 2px var(--color-primary);outline:none}.notification-settings-toggle:disabled{cursor:not-allowed;opacity:.5}.notification-settings-toggle.enabled{color:var(--color-primary)}.notification-settings-toggle.disabled{color:var(--text-muted)}.notification-settings-denied{align-items:center;display:flex;height:36px;justify-content:center;width:36px}.notification-settings-icon{color:var(--text-muted);opacity:.5}@media screen and (max-width:768px){.notification-settings-toggle{height:44px;min-height:44px;min-width:44px;width:44px}}.chat-header{align-items:center;background-color:var(--header-bg-alt);border-bottom:1px solid var(--border-subtle);display:flex;padding:10px;transition:background-color .3s ease,border-color .3s ease}.chat-header-img{border-radius:50%;height:40px;margin-right:10px;width:40px}.chat-header-info{flex:1 1;min-width:0}.chat-header-name{color:var(--text-primary);font-weight:700;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.chat-header-placeholder{flex:1 1}.chat-header-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.chat-header-hamburger{display:none;margin-right:8px}@media screen and (max-width:768px){.chat-header-hamburger{align-items:center;display:flex}}.analytics-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:background-color .2s ease,color .2s ease}.analytics-button:hover{background-color:var(--bg-surface-hover);color:var(--color-primary)}.analytics-button:focus{box-shadow:0 0 0 2px var(--color-primary-shadow);outline:none}.analytics-button svg{flex-shrink:0}.search-bar-container{background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px;padding:12px;transition:background-color .3s ease,border-color .3s ease}.search-bar-main,.search-input-wrapper{align-items:center;display:flex;gap:8px}.search-input-wrapper{background-color:var(--bg-input);border:1px solid var(--border-secondary);border-radius:20px;flex:1 1;padding:8px 12px;transition:background-color .3s ease,border-color .3s ease,box-shadow .2s ease}.search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #25d36633}.search-icon{color:var(--text-subtle);flex-shrink:0;height:18px;transition:color .3s ease;width:18px}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;min-width:0;outline:none}.search-clear-btn,.search-input::placeholder{color:var(--text-subtle)}.search-clear-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:color .2s ease,background-color .2s ease;width:20px}.search-clear-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.search-clear-btn svg{height:14px;width:14px}.search-filter-btn{align-items:center;background-color:var(--bg-input);border:1px solid var(--border-secondary);border-radius:50%;color:var(--text-subtle);cursor:pointer;display:flex;height:40px;justify-content:center;min-height:44px;min-width:44px;padding:0;position:relative;transition:all .2s ease;width:40px}.search-filter-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.search-filter-btn.active{background-color:#25d3661a;border-color:var(--color-primary);color:var(--color-primary)}.search-filter-btn svg{height:18px;width:18px}.filter-badge{background-color:var(--color-primary);border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.search-filters-panel{background-color:var(--bg-tertiary);border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-top:4px;padding:12px;transition:background-color .3s ease}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-select{background-color:var(--bg-input);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;min-height:44px;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #25d36633;outline:none}.date-range-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.filter-date{background-color:var(--bg-input);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:14px;min-height:44px;min-width:120px;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease}.filter-date:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #25d36633;outline:none}.date-separator{color:var(--text-subtle);flex-shrink:0;font-size:13px}.search-results-count{background-color:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);font-size:13px;padding:6px 12px;text-align:center;transition:background-color .3s ease,color .3s ease}@media screen and (max-width:768px){.search-bar-container{padding:10px}.search-input-wrapper{padding:10px 14px}.filter-date,.filter-select,.search-input{font-size:16px}}@media screen and (max-width:480px){.date-range-inputs{flex-direction:column}.filter-date{width:100%}.date-separator{display:none}}.login-container{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;font-family:Segoe UI,Arial,sans-serif;height:100vh;justify-content:center;transition:background-color .3s ease}.login-container h2{color:var(--text-secondary);font-size:24px;margin-bottom:16px;transition:color .3s ease}.login-container input{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:16px;margin-bottom:14px;padding:12px 16px;transition:background-color .3s ease,border-color .3s ease,color .3s ease;width:260px}.login-container input::placeholder{color:var(--text-placeholder)}.login-container button{background-color:var(--color-primary);border:none;border-radius:8px;color:var(--text-inverse);cursor:pointer;font-size:16px;padding:10px 24px;transition:background-color .1s}.login-container button:hover{background-color:var(--color-primary-hover)}.mobile-nav-overlay{background-color:var(--overlay-dark);inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:998}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav-sidebar{background-color:var(--bg-surface);box-shadow:2px 0 8px var(--shadow-medium);display:flex;flex-direction:column;height:100dvh;height:100vh;left:0;max-width:320px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:85%;z-index:999}.mobile-nav-sidebar.open{transform:translateX(0)}.mobile-nav-header{align-items:center;background-color:var(--header-bg);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;min-height:60px;padding:16px}.mobile-nav-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.mobile-nav-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease;width:44px}.mobile-nav-close:focus,.mobile-nav-close:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.mobile-nav-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-nav-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.hamburger-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:none;height:44px;justify-content:center;padding:0;transition:background-color .2s ease;width:44px}.hamburger-button:focus,.hamburger-button:hover{background-color:var(--bg-surface-hover)}.hamburger-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media screen and (max-width:768px){.hamburger-button{display:flex}.mobile-nav-content .chat-preview{min-height:44px;padding:12px 16px}}.audio-player{display:flex;flex-direction:column;gap:8px;max-width:280px;min-width:200px}.audio-player audio{display:none}.audio-play-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;min-height:44px;min-width:44px;transition:background-color .2s ease;width:44px}.audio-play-btn:hover{background-color:var(--color-primary-hover)}.audio-play-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.audio-play-btn svg{height:20px;width:20px}.audio-player{align-items:center;flex-direction:row;flex-wrap:wrap}.audio-content{display:flex;flex:1 1;flex-direction:column;gap:4px;margin-left:12px;min-width:0}.audio-progress-container{background-color:var(--border-primary);border-radius:3px;cursor:pointer;height:6px;position:relative;transition:background-color .3s ease}.audio-progress-container:hover{background-color:var(--border-subtle)}.audio-progress-bar{border-radius:3px;height:100%;left:0;top:0;transition:width .1s linear}.audio-progress-bar,.audio-progress-thumb{background-color:var(--color-primary);position:absolute}.audio-progress-thumb{border-radius:50%;box-shadow:0 1px 3px var(--shadow-medium);height:12px;opacity:0;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:12px}.audio-progress-container:focus .audio-progress-thumb,.audio-progress-container:hover .audio-progress-thumb{opacity:1}.audio-time{color:var(--text-muted);display:flex;font-size:11px;justify-content:space-between;transition:color .3s ease}.audio-current,.audio-duration{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.audio-download-btn{align-items:center;background-color:initial;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:8px;min-height:36px;min-width:36px;transition:background-color .2s ease,color .2s ease;width:36px}.audio-download-btn:hover{background-color:var(--border-primary);color:var(--text-primary)}.audio-download-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.audio-download-btn svg{height:18px;width:18px}.audio-caption{color:var(--text-muted);font-size:13px;line-height:1.3;margin-top:4px;transition:color .3s ease;width:100%}@media screen and (max-width:480px){.audio-player{max-width:240px;min-width:180px}.audio-play-btn{height:40px;min-height:40px;min-width:40px;width:40px}.audio-play-btn svg{height:18px;width:18px}.audio-content{margin-left:10px}.audio-download-btn{height:32px;margin-left:6px;min-height:32px;min-width:32px;width:32px}.audio-download-btn svg{height:16px;width:16px}}.video-player{display:flex;flex-direction:column;gap:8px;max-width:320px}.video-wrapper{background-color:var(--bg-tertiary);border-radius:10px;overflow:hidden;position:relative}.video-element{background-color:#000;border-radius:10px;cursor:pointer;display:block;max-height:240px;max-width:320px;width:100%}.video-player.fullscreen .video-element{border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.video-fullscreen-btn{align-items:center;background-color:var(--overlay-button);border:none;border-radius:4px;color:var(--text-inverse);cursor:pointer;display:flex;height:36px;justify-content:center;min-height:36px;min-width:36px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease,background-color .2s ease;width:36px;z-index:10}.video-fullscreen-btn:focus,.video-wrapper:hover .video-fullscreen-btn{opacity:1}.video-fullscreen-btn:hover{background-color:#0009}.video-fullscreen-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.video-download-btn{align-items:center;background-color:var(--overlay-button);border:none;border-radius:4px;color:var(--text-inverse);cursor:pointer;display:flex;height:36px;justify-content:center;min-height:36px;min-width:36px;opacity:0;position:absolute;right:52px;top:8px;transition:opacity .2s ease,background-color .2s ease;width:36px;z-index:10}.video-download-btn:focus,.video-wrapper:hover .video-download-btn{opacity:1}.video-download-btn:hover{background-color:#0009}.video-download-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.video-caption{color:var(--text-muted);font-size:13px;line-height:1.3;transition:color .3s ease}.video-player.fullscreen{background-color:#000;gap:0;inset:0;max-width:none;padding:0;position:fixed;z-index:9999}.video-player.fullscreen .video-wrapper{border-radius:0;height:100%;width:100%}.video-player.fullscreen .video-caption{display:none}.video-player.fullscreen .video-fullscreen-btn{opacity:0;right:16px;top:16px}.video-player.fullscreen:hover .video-download-btn,.video-player.fullscreen:hover .video-fullscreen-btn{opacity:1}.video-player.fullscreen .video-download-btn{opacity:0;right:68px;top:16px}.video-element::-webkit-media-controls-play-button{height:44px;width:44px}@media screen and (max-width:480px){.video-element,.video-player{max-width:260px}.video-element{max-height:200px}.video-download-btn,.video-fullscreen-btn{height:40px;min-height:40px;min-width:40px;opacity:1;width:40px}.video-download-btn{right:56px}}[data-theme=dark] .video-wrapper{background-color:var(--bg-tertiary)}.document-preview{display:flex;flex-direction:column;gap:8px;max-width:300px;min-width:200px}.document-content{background-color:var(--bg-tertiary);gap:12px;padding:12px;transition:background-color .3s ease}.document-content,.document-icon{align-items:center;border-radius:8px;display:flex}.document-icon{flex-shrink:0;height:44px;justify-content:center;min-height:44px;min-width:44px;width:44px}.document-icon svg{height:24px;width:24px}.document-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.document-name{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.document-meta{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px;transition:color .3s ease}.document-type{font-weight:500;letter-spacing:.5px;text-transform:uppercase}.document-meta-separator{color:var(--text-subtle)}.document-size{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.document-download-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;min-height:40px;min-width:40px;transition:background-color .2s ease;width:40px}.document-download-btn:hover{background-color:var(--color-primary-hover)}.document-download-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.document-download-btn svg{height:20px;width:20px}.document-caption{color:var(--text-muted);font-size:13px;line-height:1.3;transition:color .3s ease}@media screen and (max-width:480px){.document-preview{max-width:260px;min-width:180px}.document-content{gap:10px;padding:10px}.document-icon{height:40px;min-height:40px;min-width:40px;width:40px}.document-icon svg{height:20px;width:20px}.document-name{font-size:13px}.document-meta{font-size:11px}.document-download-btn{height:44px;min-height:44px;min-width:44px;width:44px}}.analytics-dashboard,[data-theme=dark] .document-content{background-color:var(--bg-surface)}.analytics-dashboard{border-radius:8px;color:var(--text-primary);margin:0 auto;max-height:calc(100vh - 120px);max-width:1000px;overflow-y:auto;padding:20px;transition:background-color .3s ease,color .3s ease}.analytics-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.analytics-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.analytics-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:44px;min-width:44px;padding:4px 8px;transition:background-color .2s ease,color .2s ease}.analytics-close:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.analytics-error,.analytics-loading{color:var(--text-muted);padding:40px;text-align:center}.analytics-error{color:#e74c3c}.date-range-selector{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.period-buttons{display:flex;gap:8px}.period-button{background-color:var(--bg-surface);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;min-height:44px;padding:8px 16px;transition:all .2s ease}.period-button:hover{background-color:var(--bg-surface-hover)}.period-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.custom-date-inputs{align-items:center;display:flex;gap:8px}.date-input{background-color:var(--bg-surface);border:1px solid var(--border-input);border-radius:6px;color:var(--text-primary);font-size:.875rem;min-height:44px;padding:8px 12px}.date-separator{color:var(--text-muted);font-size:.875rem}.analytics-section{margin-bottom:24px}.section-title{color:var(--text-secondary);font-size:1rem;font-weight:600;margin:0 0 12px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats-grid.small{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card{background-color:var(--bg-tertiary);border-radius:8px;display:flex;gap:12px;padding:16px;transition:background-color .3s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 2px 8px var(--shadow-medium)}.stat-icon{flex-shrink:0;font-size:1.5rem}.stat-content{flex:1 1;min-width:0}.stat-title{color:var(--text-muted);font-size:.75rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-subtitle{color:var(--text-subtle)}.stat-subtitle,.stat-trend{font-size:.75rem;margin-top:4px}.stat-trend{font-weight:600}.stat-trend.positive{color:#27ae60}.stat-trend.negative{color:#e74c3c}.ai-human-grid{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1fr auto}.ai-human-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.ai-human-ring{display:flex;justify-content:center;padding:8px}.progress-ring-container{height:100px;position:relative;width:100px}.progress-ring{transform:rotate(-90deg)}.progress-ring-background{fill:none;stroke:var(--border-primary);stroke-width:8}.progress-ring-progress{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-ring-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-ring-value{color:var(--text-primary);display:block;font-size:1.25rem;font-weight:700}.progress-ring-label{color:var(--text-muted);display:block;font-size:.625rem;letter-spacing:.5px;text-transform:uppercase}.chart-container{background-color:var(--bg-tertiary);border-radius:8px;padding:16px;transition:background-color .3s ease}.chart-legend{display:flex;font-size:.75rem;gap:16px;margin-bottom:12px}.legend-item{align-items:center;color:var(--text-muted);display:flex;gap:6px}.legend-item:before{border-radius:2px;content:"";display:block;height:12px;width:12px}.legend-item.primary:before{background-color:var(--color-primary)}.legend-item.secondary:before{background-color:var(--text-subtle)}.bar-chart .chart-bars{align-items:flex-end;display:flex;gap:4px;height:calc(100% - 24px);justify-content:space-between}.chart-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:0}.chart-bar-wrapper{align-items:flex-end;display:flex;gap:2px;height:100%;justify-content:center;width:100%}.chart-bar{border-radius:2px 2px 0 0;max-width:20px;min-height:2px;transition:height .3s ease;width:40%}.chart-bar.primary{background-color:var(--color-primary)}.chart-bar.secondary{background-color:var(--text-subtle)}.chart-label{color:var(--text-muted);font-size:.625rem;margin-top:4px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.line-chart .chart-line-area{align-items:flex-end;display:flex;gap:4px;height:calc(100% - 24px);justify-content:space-between}.chart-point-group{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.chart-point-wrapper{align-items:flex-end;display:flex;height:100%;justify-content:center;position:relative;width:100%}.chart-fill{background:linear-gradient(to top,var(--color-primary),#0000);border-radius:2px 2px 0 0;max-width:24px;opacity:.3;transition:height .3s ease;width:60%}.chart-point{background-color:var(--color-primary);border:2px solid var(--bg-surface);border-radius:50%;height:8px;position:absolute;transform:translateY(50%);width:8px;z-index:1}.operator-table{background-color:var(--bg-tertiary);border-radius:8px;overflow:hidden}.operator-header,.operator-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1.5fr repeat(3,1fr);padding:12px 16px}.operator-header{background-color:var(--bg-surface-hover);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.operator-row{border-top:1px solid var(--border-secondary);transition:background-color .2s ease}.operator-row:hover{background-color:var(--bg-surface-hover)}.operator-name{color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operator-stat{color:var(--text-secondary);text-align:center}@media (max-width:768px){.analytics-dashboard{border-radius:0;max-height:none;padding:16px}.date-range-selector{align-items:stretch;flex-direction:column}.period-buttons{flex-wrap:wrap}.custom-date-inputs,.period-buttons{justify-content:center}.ai-human-grid{grid-template-columns:1fr}.ai-human-ring{margin-bottom:16px;order:-1}.stats-grid{grid-template-columns:repeat(2,1fr)}.operator-header,.operator-row{font-size:.875rem;grid-template-columns:1fr repeat(3,.8fr)}.operator-header{font-size:.625rem}.chart-label{font-size:.5rem}}@media (max-width:480px){.stats-grid,.stats-grid.small{grid-template-columns:1fr}.operator-header,.operator-row{gap:4px;grid-template-columns:1.2fr repeat(3,.6fr);padding:10px 12px}.operator-stat{font-size:.75rem}}
/*# sourceMappingURL=main.2ff0a08e.css.map*/