:root{--sidebar-width: 240px;--sidebar-collapsed-width: 72px;--call-sidebar-width: 300px;--header-height: 80px;--bg-color: #f0f4f8;--border-color: #d1d9e6;--primary-color: #0056b3;--agent-bg: #e1effe;--caller-bg: #f3f4f6;--red: #dc2626;--yellow: #d97706;--green: #059669;--nav-bg: linear-gradient(180deg, #333333 0%, #222222 100%);--nav-text: #e2e8f0;--nav-active-bg: rgba(255, 255, 255, .1);--nav-active-text: #ffffff;--header-bg: linear-gradient(135deg, #005ec5 0%, #004a99 100%);--header-text: #ffffff;--text-main: #1f2937;--text-muted: #6b7280;--card-bg: #ffffff;--sentiment-positive-bg: rgba(16, 185, 129, .08);--sentiment-negative-bg: rgba(239, 68, 68, .08);--sentiment-neutral-bg: rgba(59, 130, 246, .08)}[data-theme=dark]{--bg-color: #000000;--card-bg: #111111;--border-color: #222222;--primary-color: #3b82f6;--agent-bg: #1a1a1a;--caller-bg: #0a0a0a;--nav-bg: linear-gradient(180deg, #000000 0%, #111111 100%);--nav-text: #e5e7eb;--nav-active-bg: rgba(255, 255, 255, .1);--nav-active-text: #ffffff;--header-bg: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);--header-text: #ffffff;--text-main: #ffffff;--text-muted: #9ca3af;--card-shadow: 0 4px 6px -1px rgba(255, 255, 255, .05);--sentiment-positive-bg: rgba(16, 185, 129, .15);--sentiment-negative-bg: rgba(239, 68, 68, .15);--sentiment-neutral-bg: rgba(59, 130, 246, .15)}body,html,#root{height:100%;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box;color:var(--text-main);background-color:var(--bg-color)}*,*:before,*:after{box-sizing:inherit}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-header{height:var(--header-height);background:var(--header-bg);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:100;flex-shrink:0;color:var(--header-text);box-shadow:0 2px 4px #0000001a}.header-left{display:flex;align-items:center}.header-logo{display:flex;align-items:center;text-decoration:none}.header-right{display:flex;align-items:center;gap:1.5rem}.header-actions{display:flex;align-items:center;gap:.5rem;padding-right:1.5rem;border-right:1px solid rgba(255,255,255,.2)}.header-icon-btn{background:none;border:none;color:#ffffffd9;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s}.header-icon-btn:hover{background-color:#ffffff1a;color:#fff}.notification-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid var(--header-bg)}.user-profile{position:relative}.profile-trigger{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:12px;transition:all .2s}.profile-trigger:hover{background-color:#ffffff1a}.avatar{width:64px;height:64px;border-radius:50%;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#64748b}.avatar img{width:100%;height:100%;object-fit:cover}.username{font-size:.875rem;font-weight:600;color:var(--header-text)}.chevron{color:#ffffffb3;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:8px;z-index:1000}.dropdown-header{padding:12px 16px;display:flex;flex-direction:column}.dropdown-header strong{font-size:.875rem;color:var(--text-main)}.dropdown-header span{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.dropdown-divider{height:1px;background-color:var(--border-color);margin:4px 0}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;background:none;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--text-muted);transition:all .2s}.dropdown-item:hover{background-color:var(--nav-active-bg);color:var(--text-main)}.dropdown-item.logout{color:var(--red)}.dropdown-item.logout:hover{background-color:#fef2f2}.main-layout{display:flex;flex:1;overflow:hidden}.nav-sidebar{width:var(--sidebar-width);background:var(--nav-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.nav-sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}.nav-links{flex:1;padding:1.5rem .75rem}.nav-item{display:flex;align-items:center;gap:12px;padding:.75rem 1rem;color:var(--nav-text);text-decoration:none;border-radius:10px;font-size:.9375rem;font-weight:500;transition:all .2s;margin-bottom:4px}.nav-item:hover{background-color:var(--nav-active-bg);color:var(--nav-active-text)}.nav-item.active{background-color:var(--nav-active-bg);color:var(--nav-active-text);font-weight:600}.content-area{flex:1;overflow-y:auto;background-color:var(--bg-color)}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color)}.login-card{background:var(--card-bg);padding:2.5rem;border-radius:12px;box-shadow:0 8px 24px #0000001a;width:100%;max-width:400px;border:1px solid var(--border-color)}.login-card h2{margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-main);border-radius:6px;box-sizing:border-box}.login-btn{width:100%;padding:.75rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:1rem}.error-msg{color:var(--red);background-color:#ffebee;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.admin-container{padding:2rem;max-width:1000px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.user-table{width:100%;background:var(--card-bg);border-radius:8px;overflow:hidden;border-collapse:collapse}.user-table th,.user-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-main)}.user-table th{background-color:var(--bg-color);font-weight:600;color:var(--text-muted)}.action-btn{padding:4px 8px;border-radius:4px;cursor:pointer;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-muted)}.delete-btn{color:var(--red);border-color:#ffcdd2}.delete-btn:hover{background-color:#ffebee}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--card-bg);padding:2.5rem;border-radius:16px;width:100%;max-width:450px;border:1px solid var(--border-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content h3{margin-top:0;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;color:var(--text-main)}.pane-title{margin:0;font-size:1.1rem;font-weight:800;color:var(--text-main);letter-spacing:-.01em;line-height:1.2}.modern-sidebar{width:340px;background-color:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header-modern{padding:1.25rem;border-bottom:1px solid var(--border-color)}.status-pill{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase}.status-pill.connected{background:#ecfdf5;color:#10b981}.status-pill.connecting{background:#fffbeb;color:#f59e0b}.status-pill.error{background:#fef2f2;color:#ef4444}.pulse-dot-small{width:6px;height:6px;background:currentColor;border-radius:50%;animation:pulse-small 2s infinite}@keyframes pulse-small{0%{transform:scale(.95);opacity:1}70%{transform:scale(1.5);opacity:0}to{transform:scale(.95);opacity:0}}.search-container-modern{position:relative;margin-bottom:1rem}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer}.search-input-modern{width:100%;padding:8px 32px;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-main);border-radius:8px;font-size:.875rem;outline:none;transition:all .2s}.search-input-modern:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff1a}.filter-tabs-modern{display:flex;gap:4px;background:var(--bg-color);padding:4px;border-radius:8px}.filter-tab{flex:1;padding:6px;border:none;background:transparent;font-size:.75rem;font-weight:600;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.filter-tab.active{background:var(--card-bg);color:var(--text-main);box-shadow:0 1px 3px #0000001a}.count-badge{background:#eff6ff;color:#3b82f6;padding:1px 6px;border-radius:10px;font-size:.65rem}.modern-list{padding:0;background:var(--bg-color)}.list-group-label{padding:1rem 1.25rem .5rem;font-size:.65rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.call-item-modern{margin:4px 12px;padding:12px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.call-item-modern:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d;border-color:var(--primary-color)}.call-item-modern.selected{border-color:var(--primary-color);background:var(--nav-active-bg)}.call-item-modern.sentiment-positive{background-color:var(--sentiment-positive-bg)}.call-item-modern.sentiment-negative,.call-item-modern.sentiment-displeased{background-color:var(--sentiment-negative-bg)}.call-item-modern.sentiment-neutral{background-color:var(--sentiment-neutral-bg)}.call-item-modern.selected.sentiment-positive{background-color:var(--sentiment-positive-bg);box-shadow:inset 0 0 0 1px var(--primary-color)}.call-item-modern.selected.sentiment-negative,.call-item-modern.selected.sentiment-displeased{background-color:var(--sentiment-negative-bg);box-shadow:inset 0 0 0 1px var(--primary-color)}.call-item-modern.selected.sentiment-neutral{background-color:var(--sentiment-neutral-bg);box-shadow:inset 0 0 0 1px var(--primary-color)}.item-checkbox{display:flex;align-items:center;justify-content:center;color:#cbd5e1}.item-content{flex:1;min-width:0}.item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.item-number{font-weight:700;font-size:.875rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-time{font-size:.7rem;color:var(--text-muted)}.item-preview{font-size:.75rem;color:var(--text-muted);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-preview-text{color:#3b82f6;font-style:italic}.item-footer{display:flex;justify-content:space-between;align-items:center}.item-badges{display:flex;align-items:center;gap:6px}.badge-live-modern{background:#fef2f2;color:#ef4444;padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:800;text-transform:uppercase}.badge-done-modern{background:#f1f5f9;color:#64748b;padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:800;text-transform:uppercase}.risk-dot{width:8px;height:8px;border-radius:50%}.risk-dot.red{background:#ef4444}.risk-dot.yellow{background:#f59e0b}.risk-dot.green{background:#10b981}.item-action-btn{background:transparent;border:none;color:#cbd5e1;padding:4px;border-radius:4px;cursor:pointer;transition:all .2s}.item-action-btn:hover{background:#f1f5f9;color:#64748b}.item-action-btn-archive{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-muted);padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;text-transform:uppercase}.item-action-btn-archive:hover{background:var(--nav-active-bg);border-color:var(--primary-color);color:var(--primary-color)}.bulk-actions-bar{padding:10px 16px;background:#eff6ff;border-bottom:1px solid #dbeafe;display:flex;justify-content:space-between;align-items:center}.bulk-archive-btn-modern{background:#fff;border:1px solid #dbeafe;color:#3b82f6;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.empty-search-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#94a3b8;text-align:center}.empty-search-state p{margin-top:1rem;font-size:.875rem}.active-item{border-left:4px solid var(--primary-color)}.app-container{display:flex;height:100%;width:100%}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-color)}.transcript-panel{flex:1;display:flex;flex-direction:column;padding:1.5rem;border-right:1px solid var(--border-color);min-width:0;height:100%}.insights-panel{width:320px;padding:1.5rem;background-color:var(--bg-color);overflow-y:auto;height:100%}.comm-panel{display:flex;flex-direction:column;padding:1.5rem;background-color:var(--bg-color);border-right:1px solid var(--border-color);height:100%}.vertical-resize-handle{width:4px;background-color:transparent;cursor:col-resize;transition:background-color .2s;z-index:10;flex-shrink:0}.vertical-resize-handle:hover,.vertical-resize-handle:active{background-color:var(--primary-color);width:4px}.sidebar h2{padding:1rem;margin:0;font-size:1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.status-indicator{width:12px;height:12px;border-radius:50%;display:inline-block}.status-indicator.connected{background-color:var(--green);box-shadow:0 0 5px var(--green)}.status-indicator.connecting{background-color:var(--yellow);animation:blink 1s infinite}.status-indicator.error{background-color:var(--red)}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.call-item{padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px}.call-item-left{display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .2s}.call-item:hover .call-item-left{color:var(--primary-color);transform:scale(1.1)}.call-item:hover{background-color:#f8fafc;padding-left:1.25rem}.call-item.selected{background-color:#f0f7ff;border-left:4px solid var(--primary-color);padding-left:calc(1.25rem - 4px);box-shadow:inset 0 0 10px #007bff0d}.call-id{font-weight:700;font-size:.875rem;margin-bottom:.35rem;color:#1e293b;word-break:break-all}.call-meta{font-size:.75rem;color:#64748b;display:flex;justify-content:space-between;align-items:center}.badge{background-color:var(--primary-color);color:#fff;padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase}.risk-red{border-left:5px solid var(--red)}.risk-yellow{border-left:5px solid var(--yellow)}.risk-green{border-left:5px solid var(--green)}.main-content{flex:1;display:flex;background-color:var(--bg-color)}.transcript-panel{flex:1;display:flex;flex-direction:column;padding:1rem;border-right:1px solid var(--border-color);overflow:hidden}.transcript-panel h3{margin-top:0;margin-bottom:1rem;word-break:break-all}.transcript-view{flex:1;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;overflow-y:auto;box-shadow:inset 0 2px 4px #0000000d}.message{margin-bottom:1rem;padding:.75rem 1.25rem;border-radius:18px;max-width:85%;line-height:1.5;font-size:.9375rem;position:relative;box-shadow:0 1px 2px #0000000d}.message.agent{background:var(--agent-bg);color:var(--text-main);align-self:flex-end;margin-left:auto;border-bottom-right-radius:4px;border:1px solid var(--border-color)}.message.caller{background:var(--caller-bg);color:var(--text-main);align-self:flex-start;border-bottom-left-radius:4px;border:1px solid var(--border-color)}.message .text-container{display:flex;flex-direction:column}.translated-text{font-size:.9rem;color:#444;margin-top:4px;padding-top:4px;border-top:1px solid rgba(0,0,0,.1);font-style:italic}.timestamp{font-size:.75rem;color:#888;display:block;margin-bottom:.25rem}.speaker{font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;display:block;opacity:.8}.insights-panel{width:320px;padding:1.5rem;display:flex;flex-direction:column;background-color:#f8fafc;border-left:1px solid var(--border-color);overflow-y:auto}.insight-card{background-color:#fff;padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.insight-item{margin-bottom:1rem}.insight-item label{display:block;font-size:.85rem;color:#666;margin-bottom:.25rem}.risk-text.red{color:var(--red);font-weight:700}.risk-text.yellow{color:var(--yellow);font-weight:700}.risk-text.green{color:var(--green);font-weight:700}.takeover-btn{width:100%;padding:.75rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}.takeover-btn:disabled{background-color:#ccc;cursor:not-allowed}.final-transcript{display:flex;flex-direction:column}.plain-text-summary{margin-top:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px dashed var(--border-color)}.plain-text-summary h4{margin-top:0;margin-bottom:.5rem;color:#333}.plain-text-summary p{margin:0;line-height:1.5;color:#555}.section-header{padding:.5rem 1rem;font-size:.85rem;color:#555;text-transform:uppercase;letter-spacing:.04em;background:#fafbfc;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.empty-section{padding:.75rem 1rem;color:#888;font-size:.9rem}.call-item.completed{opacity:.85;display:flex;align-items:center;justify-content:space-between;color:#6c757d}.archive-btn{background:none;border:none;color:#adb5bd;padding:6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:.6}.archive-btn.visible{opacity:.8}.call-item:hover .archive-btn{opacity:1}.archive-btn:hover{background-color:#0000000d;color:var(--primary-color);transform:scale(1.1)}.bulk-archive-btn{background-color:var(--primary-color);color:#fff;border:none;padding:2px 8px;border-radius:4px;font-size:.75rem;cursor:pointer;font-weight:600;transition:background-color .2s}.bulk-archive-btn:hover{background-color:#0056b3}.rich-text-editor{width:100%;min-height:80px;max-height:500px;padding:12px;border-radius:8px;border:1px solid var(--border-color);font-size:.875rem;line-height:1.5;background:var(--bg-color);color:var(--text-main);overflow-y:auto;outline:none;transition:border-color .2s,box-shadow .2s;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.rich-text-editor:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff1a}.rich-text-editor[contenteditable=true]:empty:before{content:attr(placeholder);color:#94a3b8;pointer-events:none;display:block;font-style:italic}.rich-text-editor ul{margin:0;padding-left:1.5rem}.rich-text-editor b,.rich-text-editor strong{font-weight:700}.rich-text-toolbar svg{color:inherit}.rich-text-toolbar{display:flex;gap:4px;margin-bottom:8px;padding:4px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.toolbar-btn{padding:4px;background:transparent;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.toolbar-btn:hover{background:#f1f5f9;color:#1e293b}.toolbar-btn.active{background:#e2e8f0;color:var(--primary-color)}.comm-input-wrapper{position:relative;display:flex;flex-direction:column;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);padding:8px;box-shadow:0 1px 3px #0000000d}.resize-handle{height:6px;width:40px;background:#e2e8f0;border-radius:3px;margin:4px auto 0;cursor:ns-resize;transition:background .2s}.resize-handle:hover{background:#cbd5e1}.message .text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;word-break:break-word}.message .text ul{margin:.5rem 0;padding-left:1.25rem}.comm-panel h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;color:#1e293b}body{margin:0}