:root[data-theme=light]{--bg-app: #F4F7FC;--bg-surface-1: #FFFFFF;--bg-surface-2: #F8FAFF;--bg-surface-3: #EEF5FF;--surface-1: var(--bg-surface-1);--surface-2: var(--bg-surface-2);--surface-3: var(--bg-surface-3);--surface-elev: #FFFFFF;--border-subtle: #D0DDEF;--border-strong: #B5C6E0;--border-interactive: rgba(43, 110, 243, .3);--text-primary: #0A1629;--text-secondary: #2F3D5A;--text-muted: #5E6F8E;--blue-900: #0A1B3D;--blue-800: #0E2A66;--blue-700: #123A8A;--blue-600: #1654C0;--blue-500: #2B6EF3;--blue-400: #4E8CFF;--success: #16A34A;--warning: #D97706;--danger: #DC2626;--info: #0284C7;--grad-primary: linear-gradient(135deg, #0E2A66 0%, #1654C0 50%, #2B6EF3 100%);--accent-grad: var(--grad-primary);--grad-soft: linear-gradient(180deg, rgba(43,110,243,.15) 0%, rgba(255,255,255,0) 100%);--grad-accent-bg: linear-gradient(135deg, #E6F0FF 0%, #D6E7FF 100%);--grad-glass: linear-gradient(135deg, rgba(255,255,255,.9) 0%, rgba(248,252,255,.85) 100%);--card-shadow: 0 8px 24px rgba(19,36,77,.12), 0 2px 6px rgba(19,36,77,.06);--accent-glow: 0 12px 32px rgba(22,84,192,.28);--glow-low: 0 4px 12px rgba(43, 110, 243, .14), 0 0 0 1px rgba(43, 110, 243, .1);--glow-medium: 0 8px 28px rgba(43, 110, 243, .22), 0 0 0 1px rgba(43, 110, 243, .16);--glow-high: 0 16px 40px rgba(43, 110, 243, .3), 0 0 0 2px rgba(43, 110, 243, .24);--glow-sm: var(--glow-low);--glow-md: var(--glow-medium);--glow-lg: var(--glow-high);--glow-success: 0 0 20px rgba(22, 163, 74, .4), 0 0 0 1px rgba(22, 163, 74, .24);--glow-warning: 0 0 20px rgba(217, 119, 6, .4), 0 0 0 1px rgba(217, 119, 6, .24);--glow-danger: 0 0 20px rgba(220, 38, 38, .4), 0 0 0 1px rgba(220, 38, 38, .24);--glow-blue-sm: 0 0 16px rgba(43, 110, 243, .28), 0 0 0 1px rgba(43, 110, 243, .16);--glow-blue-md: 0 0 28px rgba(43, 110, 243, .36), 0 0 0 1px rgba(43, 110, 243, .2);--glow-blue-lg: 0 0 36px rgba(43, 110, 243, .44), 0 0 0 2px rgba(43, 110, 243, .28);--shadow-sm: 0 2px 4px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 6px 12px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.08);--shadow-lg: 0 12px 24px rgba(0,0,0,.12), 0 6px 12px rgba(0,0,0,.08);--rim-light: inset 0 1px 0 0 rgba(255, 255, 255, .6), inset 0 0 0 1px rgba(255, 255, 255, .15);--inner-highlight: inset 0 2px 6px 0 rgba(255, 255, 255, .08);--reflection-sheen: linear-gradient(135deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,0) 50%);--edge-rim: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(43, 110, 243, .1);--glass-overlay: linear-gradient(135deg, rgba(255,255,255,.6) 0%, rgba(248,252,255,.4) 100%);--header-bg: var(--bg-surface-1);--input-bg: #EFF5FE;--nav-active-bg: #E1EDFF;--nav-top-bg: linear-gradient(135deg, #DEE9FF 0%, #EFF5FF 50%, #F4F9FF 100%);--nav-side-bg: linear-gradient(180deg, #F6FAFF 0%, #F0F6FF 100%);--nav-border: rgba(43, 110, 243, .15);--nav-item-text: #0A1629;--nav-item-text-muted: #3F4D64;--nav-item-hover-bg: rgba(43, 110, 243, .12);--nav-item-active-bg: linear-gradient(135deg, #D4E6FF 0%, #E1EDFF 100%);--nav-item-active-text: #0E2A66;--nav-item-active-glow: 0 6px 20px rgba(43, 110, 243, .2), 0 0 0 1px rgba(43, 110, 243, .16);--nav-icon-default: #556580;--nav-icon-active: #1654C0;--nav-gradient: linear-gradient(135deg, rgba(43, 110, 243, .12) 0%, rgba(43, 110, 243, .02) 100%);--scrollbar-track: rgba(43, 110, 243, .06);--scrollbar-track-grad: linear-gradient(180deg, rgba(43, 110, 243, .06) 0%, rgba(43, 110, 243, .02) 100%);--scrollbar-track-border: rgba(43, 110, 243, .08);--scrollbar-thumb-grad: linear-gradient(180deg, rgba(43, 110, 243, .58) 0%, rgba(22, 84, 192, .74) 100%);--scrollbar-thumb-hover-grad: linear-gradient(180deg, rgba(78, 140, 255, .78) 0%, rgba(43, 110, 243, .9) 100%);--scrollbar-thumb-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 0 0 1px rgba(43, 110, 243, .08);--scrollbar-thumb-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 0 0 1px rgba(43, 110, 243, .18), var(--glow-blue-sm)}:root[data-theme=dark]{--bg-app: #121416;--bg-canvas: #171a1d;--bg-surface-1: #1c2024;--bg-surface-2: #242930;--bg-surface-3: #2d333b;--surface-1: var(--bg-surface-1);--surface-2: var(--bg-surface-2);--surface-3: var(--bg-surface-3);--surface-elev: #363d46;--border-subtle: rgba(226, 232, 240, .08);--border-strong: rgba(226, 232, 240, .14);--border-interactive: rgba(148, 163, 184, .32);--text-primary: #f3f5f7;--text-secondary: #d6dbe1;--text-muted: #a7b0bb;--blue-900: #0f1f42;--blue-800: #12306a;--blue-700: #15469a;--blue-600: #1654C0;--blue-500: #2B6EF3;--blue-400: #4E8CFF;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--info: #38BDF8;--accent-grad: linear-gradient(135deg, #18315f 0%, #1654C0 52%, #2B6EF3 100%);--grad-primary: var(--accent-grad);--grad-soft: linear-gradient(180deg, rgba(43, 110, 243, .12) 0%, rgba(18, 20, 22, .02) 100%);--grad-glow: radial-gradient(circle at 30% 20%, rgba(78, 140, 255, .18), rgba(18, 20, 22, 0) 65%);--grad-glass: linear-gradient(135deg, rgba(255,255,255,.04) 0%, rgba(43, 110, 243,.03) 100%);--shadow-sm: 0 2px 6px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 6px 18px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.4);--shadow-lg: 0 16px 40px rgba(0,0,0,.6), 0 6px 16px rgba(0,0,0,.5);--glow-low: 0 0 14px rgba(43, 110, 243, .2), 0 0 0 1px rgba(43, 110, 243, .14);--glow-medium: 0 0 24px rgba(43, 110, 243, .28), 0 0 0 1px rgba(43, 110, 243, .2);--glow-high: 0 0 36px rgba(43, 110, 243, .36), 0 0 0 2px rgba(43, 110, 243, .24);--glow-success: 0 0 28px rgba(34, 197, 94, .4), 0 0 0 1px rgba(34, 197, 94, .32);--glow-warning: 0 0 28px rgba(245, 158, 11, .4), 0 0 0 1px rgba(245, 158, 11, .32);--glow-danger: 0 0 28px rgba(239, 68, 68, .4), 0 0 0 1px rgba(239, 68, 68, .32);--glow-blue-sm: 0 0 18px rgba(43, 110, 243, .26), 0 0 0 1px rgba(43, 110, 243, .16);--glow-blue-md: 0 0 28px rgba(43, 110, 243, .34), 0 0 0 1px rgba(43, 110, 243, .22);--glow-blue-lg: 0 0 40px rgba(43, 110, 243, .42), 0 0 0 2px rgba(43, 110, 243, .28);--inner-highlight: inset 0 1px 0 rgba(255,255,255,.08);--reflection-sheen: linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 50%);--rim-light: inset 0 1px 0 0 rgba(255, 255, 255, .1), inset 0 -1px 0 0 rgba(0, 0, 0, .15);--edge-rim: inset 0 1px 0 rgba(255, 255, 255, .05), inset 0 -1px 0 rgba(0, 0, 0, .2);--glass-overlay: linear-gradient(135deg, rgba(255,255,255,.035) 0%, rgba(43, 110, 243,.02) 100%);--card-shadow: var(--shadow-md);--accent-glow: var(--glow-medium);--glow-sm: var(--glow-low);--glow-md: var(--glow-medium);--glow-lg: var(--glow-high);--header-bg: var(--bg-app);--input-bg: var(--surface-2);--nav-active-bg: rgba(43, 110, 243, .18);--nav-top-bg: linear-gradient(135deg, #171b20 0%, #1d232a 52%, #252d36 100%);--nav-side-bg: linear-gradient(180deg, #14181c 0%, #1a1f25 100%);--nav-border: rgba(226, 232, 240, .08);--nav-item-text: #f1f4f6;--nav-item-text-muted: #b4bcc6;--nav-item-hover-bg: rgba(255, 255, 255, .045);--nav-item-active-bg: linear-gradient(135deg, rgba(43, 110, 243, .2) 0%, rgba(43, 110, 243, .12) 100%);--nav-item-active-text: #FFFFFF;--nav-item-active-glow: 0 0 24px rgba(43, 110, 243, .24), 0 0 0 1px rgba(43, 110, 243, .18);--nav-icon-default: #b4bcc6;--nav-icon-active: #4E8CFF;--nav-gradient: linear-gradient(135deg, rgba(255, 255, 255, .02) 0%, rgba(43, 110, 243, .04) 100%);--scrollbar-track: rgba(255, 255, 255, .04);--scrollbar-track-grad: linear-gradient(180deg, rgba(255, 255, 255, .035) 0%, rgba(255, 255, 255, .015) 100%);--scrollbar-track-border: rgba(255, 255, 255, .04);--scrollbar-thumb-grad: linear-gradient(180deg, rgba(43, 110, 243, .68) 0%, rgba(22, 84, 192, .82) 100%);--scrollbar-thumb-hover-grad: linear-gradient(180deg, rgba(78, 140, 255, .88) 0%, rgba(43, 110, 243, .96) 100%);--scrollbar-thumb-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 0 0 1px rgba(43, 110, 243, .12);--scrollbar-thumb-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 0 0 1px rgba(43, 110, 243, .22), var(--glow-blue-sm);--bg-color: var(--bg-app);--card-bg: var(--surface-1);--border-color: var(--border-subtle)}:root{--sidebar-width: 240px;--sidebar-collapsed-width: 72px;--call-sidebar-width: 300px;--header-height: 80px;--content-max-width: 1440px;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-scale: 1;--logo-header-height: 72px;--logo-sidebar-height: 40px;--logo-login-width: 280px;--radius-card: 18px;--radius-panel: 20px;--radius-control: 12px;--radius-pill: 999px;--radius-modal: 20px;--body-background-light: radial-gradient(circle at 10% 10%, rgba(43, 110, 243, .06) 0%, transparent 40%), radial-gradient(circle at 90% 90%, rgba(22, 84, 192, .06) 0%, transparent 40%);--body-background-dark: radial-gradient(circle at 10% 10%, rgba(59, 130, 246, .08) 0%, transparent 40%), radial-gradient(circle at 90% 90%, rgba(37, 99, 235, .08) 0%, transparent 40%), radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, .3) 100%);--login-scene-background-light: radial-gradient(circle at 16% 18%, rgba(22, 84, 192, .08), transparent 24%), radial-gradient(circle at 84% 14%, rgba(43, 110, 243, .08), transparent 22%), linear-gradient(180deg, #ffffff 0%, #f8fbff 38%, #eef5ff 72%, #e7f0ff 100%);--login-scene-background-dark: radial-gradient(circle at 16% 18%, rgba(22, 84, 192, .12), transparent 24%), radial-gradient(circle at 84% 14%, rgba(43, 110, 243, .1), transparent 22%), linear-gradient(180deg, #05070b 0%, #09101a 36%, #0d1625 72%, #121d30 100%);--login-scene-overlay-light: linear-gradient(180deg, rgba(255, 255, 255, .46) 0%, rgba(255, 255, 255, .14) 34%, rgba(14, 42, 102, .02) 100%), radial-gradient(circle at 20% 30%, rgba(43, 110, 243, .05), transparent 18%);--login-scene-overlay-dark: linear-gradient(180deg, rgba(0, 0, 0, .32) 0%, rgba(0, 0, 0, .08) 34%, rgba(14, 42, 102, .08) 100%), radial-gradient(circle at 20% 30%, rgba(43, 110, 243, .08), transparent 18%);--login-wave-1: rgba(14,42,102,.72);--login-wave-2: rgba(18,58,138,.58);--login-wave-3: rgba(22,84,192,.48);--login-wave-4: #2B6EF3;--chart-color-1: #2563EB;--chart-color-2: #3B82F6;--chart-color-3: #60A5FA;--chart-color-4: #10B981;--notification-info: #3B82F6;--notification-success: #10B981;--notification-error: #EF4444;--avatar-bg-brand: #e2e8f0;--avatar-text-brand: #64748b;--empty-state-icon: #94a3b8;--sentiment-positive: #10B981;--sentiment-neutral: #3B82F6;--sentiment-negative: #EF4444;--sentiment-displeased: #EF4444;--score-confidence-stroke: #10B981;--score-anger-stroke: #EF4444;--score-dissatisfaction-stroke: #F59E0B;--chat-user-bubble-bg-light: #0f172a;--chat-user-bubble-bg-dark: #1e293b;--chat-user-bubble-text: #f8fafc;--chat-user-bubble-border-light: #0f172a;--chat-user-bubble-border-dark: #334155;--error-banner-bg: rgba(244, 63, 94, .12);--error-banner-border: rgba(244, 63, 94, .35);--error-banner-text: #be123c;--bg-color: var(--bg-app);--card-bg: var(--surface-1);--border-color: var(--border-subtle);--primary-color: var(--blue-500);--agent-bg: var(--blue-700);--caller-bg: var(--surface-3);--text-main: var(--text-primary);--red: var(--danger);--yellow: var(--warning);--green: var(--success)}*{scrollbar-width:thin;scrollbar-color:rgba(43,110,243,.42) var(--scrollbar-track)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--scrollbar-track-grad);border-left:1px solid var(--scrollbar-track-border);border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-grad);border:3px solid transparent;background-clip:padding-box;border-radius:999px;box-shadow:var(--scrollbar-thumb-shadow)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-grad);box-shadow:var(--scrollbar-thumb-hover-shadow)}*::-webkit-scrollbar-corner{background:transparent}.card-glow{box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background-color:var(--surface-1);border:1px solid transparent!important;border-radius:var(--radius-card)}.report-card{border:1px solid transparent!important}[data-theme=light] .card-glow{box-shadow:0 1px 2px #0000000a,0 4px 8px #0000000f,0 8px 16px #00000014,inset 0 0 0 1px #ffffff80}[data-theme=dark] .card-glow{box-shadow:0 2px 4px #0006,0 6px 12px #00000080,0 12px 24px #0000004d,inset 0 1px #60a5fa14,inset 0 0 0 1px #60a5fa0a}[data-theme=dark] .card-glow:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.25),transparent);pointer-events:none;z-index:1}.card-glow:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--reflection-sheen);pointer-events:none;opacity:.08;clip-path:inset(0 round 18px)}.transcript-view:after,.message:after,.plain-text-summary:after{display:none!important}.card-glow:hover{transform:translateY(-3px);background-color:var(--surface-elev);border-color:var(--border-strong);box-shadow:var(--shadow-lg),var(--glow-low)}[data-theme=dark] .card-glow:hover{box-shadow:var(--shadow-lg),var(--glow-low),var(--edge-rim);border-color:var(--border-interactive)}.btn-primary-glow{background:var(--accent-grad);box-shadow:var(--shadow-md),var(--rim-light);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.15);color:#fff;font-weight:600}.btn-primary-glow:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff3,#fff0 50%);pointer-events:none;opacity:.15}.btn-primary-glow:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--glow-medium),var(--rim-light);transform:translateY(-2px) scale(1.02);filter:brightness(1.08);border-color:#ffffff40}.btn-primary-glow:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm),var(--glow-low)}.chip-active-glow{background:var(--nav-item-active-bg);box-shadow:var(--glow-medium);border:1px solid var(--blue-500);position:relative;overflow:hidden}.chip-active-glow:after{content:"";position:absolute;inset:0;background:var(--reflection-sheen);pointer-events:none;opacity:.1}.input-focus-glow:focus{outline:none;border-color:var(--blue-500);background-color:var(--surface-3);box-shadow:0 0 0 2px var(--blue-500),var(--glow-medium);transform:translateY(-1px);transition:all .2s cubic-bezier(.4,0,.2,1)}.status-glow-success{box-shadow:var(--glow-success);border:1px solid rgba(34,197,94,.4)}.status-glow-warning{box-shadow:var(--glow-warning);border:1px solid rgba(245,158,11,.4)}.status-glow-danger{box-shadow:var(--glow-danger);border:1px solid rgba(239,68,68,.4)}body,html,#root{height:100%;margin:0;font-family:var(--font-family-base);box-sizing:border-box;color:var(--text-main);background-color:var(--bg-color)}html{font-size:calc(16px * var(--font-scale))}h1,h2,h3,h4,h5,h6,.pane-title,.nav-item span,.admin-hero-card h1,.login-card h2{font-family:var(--font-family-display)}[data-theme=dark] body{background-image:var(--body-background-dark);background-attachment:fixed}[data-theme=light] body{background-image:var(--body-background-light);background-attachment:fixed}html,body{height:100%;margin:0;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.top-header{height:var(--header-height);background:var(--nav-top-bg);border-bottom:1px solid transparent;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:1000;flex-shrink:0;color:var(--text-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative}[data-theme=light] .top-header{box-shadow:0 1px 2px #0000000a,0 2px 8px #0000000a,inset 0 -1px #2b6ef30f}[data-theme=dark] .top-header{box-shadow:0 2px 8px #0006,0 4px 16px #0000004d,inset 0 -1px #ffffff0f}.top-header:before{content:"";position:absolute;inset:0;background:var(--glass-overlay);pointer-events:none;z-index:-1}[data-theme=dark] .top-header:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(214,219,225,.18),transparent);pointer-events:none}.header-left{display:flex;align-items:center;gap:.5rem}.calls-drawer-toggle{display:flex!important;background:var(--bg-surface-3)!important;border-color:var(--border-subtle)!important;color:var(--blue-600)!important}[data-theme=dark] .calls-drawer-toggle{background:var(--bg-surface-2)!important;border-color:var(--border-strong)!important;color:var(--text-secondary)!important}.calls-drawer-toggle:hover{background:var(--accent-grad)!important;color:#fff!important;border-color:transparent!important}.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 var(--nav-border)}.header-icon-btn{background:transparent;border:1px solid transparent;color:var(--nav-icon-default);cursor:pointer;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.header-icon-btn:hover{background:var(--nav-item-hover-bg);border-color:var(--border-interactive);color:var(--nav-icon-active);transform:translateY(-2px);box-shadow:var(--glow-low)}.header-icon-btn:active{transform:translateY(0);box-shadow:none}.notification-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:var(--notification-error);border-radius:50%;border:2px solid var(--nav-top-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:var(--radius-control);transition:all .2s}.profile-trigger:hover{background-color:var(--bg-surface-3)}.avatar{width:64px;height:64px;border-radius:50%;background-color:var(--avatar-bg-brand);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--avatar-text-brand)}.avatar img{width:100%;height:100%;object-fit:cover}.username{font-size:.875rem;font-weight:600;color:var(--text-primary)}.chevron{color:var(--text-muted);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:var(--radius-control);box-shadow:var(--shadow-md);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-side-bg);border-right:1px solid transparent;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}[data-theme=light] .nav-sidebar{box-shadow:inset -1px 0 #2b6ef30f,1px 0 4px #0000000a,2px 0 8px #00000005}[data-theme=dark] .nav-sidebar{box-shadow:inset -1px 0 #ffffff0a,2px 0 8px #0006,4px 0 16px #0000004d}.nav-sidebar:before{content:"";position:absolute;inset:0;background:var(--nav-gradient);pointer-events:none;opacity:.6}.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:14px;padding:.875rem 1.125rem;color:var(--nav-item-text-muted);text-decoration:none;border-radius:14px;font-size:.9375rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);margin-bottom:8px;position:relative;z-index:1;border:1px solid transparent}.nav-item:hover{background:var(--nav-item-hover-bg);color:var(--nav-item-text);transform:translate(6px);border-color:#60a5fa1f;box-shadow:var(--glow-low)}.nav-item.active{background:var(--nav-item-active-bg);color:var(--nav-item-active-text);font-weight:600;box-shadow:var(--nav-item-active-glow);border-color:#60a5fa40;transform:translate(4px) scale(1.02)}.nav-item .lucide{color:var(--nav-icon-default);transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-item:hover .lucide{color:var(--nav-icon-active);transform:scale(1.1)}.nav-item.active .lucide{color:var(--nav-icon-active);filter:drop-shadow(0 0 6px var(--nav-icon-active))}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:5px;background:linear-gradient(180deg,var(--nav-icon-active) 0%,var(--blue-400) 100%);border-radius:0 6px 6px 0;box-shadow:0 0 16px var(--nav-icon-active),0 0 4px var(--nav-icon-active);z-index:2}.nav-item.active:after{content:"";position:absolute;inset:0;border-radius:14px;background:var(--reflection-sheen);pointer-events:none;opacity:.1}.nav-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-app),0 0 0 4px var(--blue-500)}.content-area{flex:1;overflow-y:auto;background-color:var(--bg-app);position:relative;z-index:1}.ai-assistant-page{min-height:100%;height:100%;display:flex;padding:0}.ai-assistant-shell{width:100%;min-height:100%;display:flex;flex-direction:column;background-color:var(--bg-app);background-image:linear-gradient(to right,rgba(120,130,150,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(120,130,150,.08) 1px,transparent 1px);background-size:32px 32px}.ai-assistant-toolbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--border-color);background:#ffffff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-theme=dark] .ai-assistant-toolbar{background:#0f172a80}.ai-assistant-model-chip{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-main);font-size:.9rem;font-weight:600}.ai-assistant-connection{font-size:.78rem;font-weight:600;padding:.25rem .65rem;border-radius:999px;border:1px solid var(--border-color)}.ai-assistant-connection.connected{color:#047857;background:#10b9811f;border-color:#10b98159}.ai-assistant-connection.disconnected{color:#9f1239;background:#f43f5e1f;border-color:#f43f5e59}.ai-assistant-body{flex:1;min-height:0;display:flex;flex-direction:column}.ai-assistant-empty-state{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem}.ai-assistant-orb{position:relative;--ai-orb-highlight: #115ec5;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f8fafc,#e6ebf3 42%,#c5cfdd 70%,#9aa9bf);box-shadow:inset 0 -10px 14px #0f172a29,inset 0 7px 11px #ffffffad,0 12px 26px #0f172a2e,0 0 0 1px #115ec540,0 0 26px #115ec533;transform-origin:50% 58%;animation:ai-orb-hover 3.8s cubic-bezier(.4,0,.2,1) infinite}.ai-assistant-orb:before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 220deg,rgba(17,94,197,.96) 220deg 338deg,transparent 338deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));animation:ai-orb-ring-motion 2.8s linear infinite}.ai-assistant-orb:after{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.92),rgba(255,255,255,.12) 42%,transparent 58%);opacity:.78;animation:ai-orb-gloss 3.1s ease-in-out infinite}@keyframes ai-orb-hover{0%,to{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(-2px) rotate(-1.2deg) scale(1.008)}45%{transform:translateY(-4px) rotate(1.4deg) scale(1.02)}70%{transform:translateY(-2px) rotate(-.9deg) scale(1.01)}}@keyframes ai-orb-ring-motion{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.02)}50%{transform:rotate(180deg) scale(.985)}75%{transform:rotate(270deg) scale(1.02)}to{transform:rotate(360deg) scale(1)}}@keyframes ai-orb-gloss{0%,to{opacity:.74;transform:translate(-1px)}50%{opacity:.94;transform:translate(1px,-1px)}}.ai-assistant-empty-state h2{margin:0;font-size:2rem;color:var(--text-main);text-align:center}.ai-assistant-empty-composer{width:min(760px,92%);display:flex;align-items:center;gap:.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;padding:.35rem .4rem .35rem .95rem;box-shadow:0 10px 24px #0206170d}.ai-assistant-messages{flex:1;min-height:0;overflow-y:auto;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.65rem}.ai-assistant-message{display:flex}.ai-assistant-message.user{justify-content:flex-end}.ai-assistant-message.agent{justify-content:flex-start}.ai-assistant-message-bubble{max-width:min(75%,760px);padding:.68rem .82rem;border-radius:14px;border:1px solid var(--border-color);white-space:pre-wrap;word-wrap:break-word;line-height:1.42;font-size:.94rem}.ai-assistant-message.user .ai-assistant-message-bubble{background:var(--chat-user-bubble-bg-light);color:var(--chat-user-bubble-text);border-color:var(--chat-user-bubble-border-light)}[data-theme=dark] .ai-assistant-message.user .ai-assistant-message-bubble{background:var(--chat-user-bubble-bg-dark);border-color:var(--chat-user-bubble-border-dark)}.ai-assistant-message.agent .ai-assistant-message-bubble{background:var(--card-bg);color:var(--text-main)}.ai-assistant-composer{margin:.75rem auto 1rem;width:min(860px,calc(100% - 1.5rem));display:flex;align-items:center;gap:.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;padding:.35rem .4rem .35rem .95rem;box-shadow:0 10px 24px #0206170d}.ai-assistant-input{flex:1;min-width:0;border:none;background:transparent;color:var(--text-main);font-size:.94rem;outline:none}.ai-assistant-input::placeholder{color:var(--text-muted)}.ai-assistant-send-btn{width:36px;height:36px;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--chat-user-bubble-bg-light);color:var(--chat-user-bubble-text);cursor:pointer;transition:transform .15s ease,opacity .15s ease}.ai-assistant-send-btn:disabled{opacity:.45;cursor:not-allowed}.ai-assistant-send-btn:not(:disabled):hover{transform:translateY(-1px)}.ai-assistant-error-banner{margin:0 1rem .75rem;padding:.6rem .8rem;border-radius:var(--radius-control);background:var(--error-banner-bg);border:1px solid var(--error-banner-border);color:var(--error-banner-text);font-size:.84rem}@media(max-width:768px){.ai-assistant-empty-state h2{font-size:1.5rem}.ai-assistant-message-bubble{max-width:88%}}.reports-container{min-height:100%}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem;background-color:var(--bg-color)}.login-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:var(--login-scene-background-light)}.login-scene:after{content:"";position:absolute;inset:0;background:var(--login-scene-overlay-light);pointer-events:none}.waves{position:absolute;left:0;bottom:0;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}[data-theme=dark] .login-scene{background:var(--login-scene-background-dark)}[data-theme=dark] .login-scene:after{background:var(--login-scene-overlay-dark)}.login-card{position:relative;z-index:1;background:var(--bg-surface-2);padding:2.5rem;border-radius:var(--radius-panel);border-radius:16px;box-shadow:var(--card-shadow);width:100%;max-width:400px;border:1px solid var(--border-subtle)}.login-card h2{margin-bottom:2rem;text-align:center}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}.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:.875rem 1rem;border:2px solid var(--border-subtle);background-color:var(--surface-2);color:var(--text-primary);border-radius:var(--radius-control);box-sizing:border-box;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:.9375rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--blue-500);background-color:var(--surface-3);box-shadow:0 0 0 3px #2b6ef326,var(--glow-medium);transform:translateY(-1px)}.login-btn{width:100%;padding:.75rem;background:var(--grad-primary);color:#f5f8ff;border:none;border-radius:var(--radius-control);font-weight:700;cursor:pointer;font-size:1rem;transition:transform .2s,box-shadow .2s;box-shadow:var(--glow-sm),var(--rim-light)}.login-btn:hover{transform:translateY(-1px);box-shadow:var(--glow-md),var(--rim-light)}.error-msg{color:var(--red);background-color:color-mix(in srgb,var(--notification-error) 12%,white);padding:.75rem;border-radius:var(--radius-control);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)}[data-theme=dark] .action-btn{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-secondary)}[data-theme=dark] .action-btn:hover{background:var(--surface-3);color:var(--text-primary)}.delete-btn{color:var(--red);border-color:#ffcdd2}[data-theme=dark] .delete-btn{color:#fca5a5;border-color:#f8717138}.delete-btn:hover{background-color:#ffebee}[data-theme=dark] .delete-btn:hover{background-color:#7f1d1d47;color:#fecaca}.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:var(--radius-modal);width:100%;max-width:450px;border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.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 transparent;display:flex;flex-direction:column;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.calls-toggle-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);flex-shrink:0;z-index:10}.calls-toggle-btn:hover{background:var(--accent-grad);color:#fff!important;border-color:transparent;transform:translateY(-2px);box-shadow:var(--glow-blue-sm)}.calls-toggle-btn:active{transform:translateY(0) scale(.95)}.calls-toggle-btn.header-toggle{background:var(--surface-2);margin-right:.75rem;width:36px;height:36px}[data-theme=light] .calls-toggle-btn.header-toggle{background:var(--bg-surface-2)}.calls-toggle-btn.header-toggle:hover{background:var(--accent-grad);color:#fff}[data-theme=light] .calls-toggle-btn{background:#fff;box-shadow:0 2px 4px #0000000d}@media(min-width:769px){.app-container.list-collapsed .modern-sidebar{width:0!important;min-width:0!important;opacity:0;pointer-events:none}}[data-theme=light] .modern-sidebar{box-shadow:inset -1px 0 #0000000a,1px 0 4px #0000000a,2px 0 8px #00000005}[data-theme=dark] .modern-sidebar{box-shadow:inset -1px 0 #ffffff08,2px 0 8px #0006,4px 0 16px #0000004d}.sidebar-header-modern{padding:1.25rem;border-bottom:1px solid var(--border-color)}.status-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:24px;font-size:.7rem;font-weight:700;text-transform:uppercase;position:relative;overflow:hidden;border:1px solid;transition:all .2s cubic-bezier(.4,0,.2,1)}.status-pill:after{content:"";position:absolute;inset:0;background:var(--reflection-sheen);pointer-events:none;opacity:.08}.status-pill.connected{background:#22c55e26;color:#10b981;border-color:#22c55e4d;box-shadow:var(--glow-success)}.status-pill.connecting{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b4d;box-shadow:var(--glow-warning)}.status-pill.error{background:#ef444426;color:#ef4444;border-color:#ef44444d;box-shadow:var(--glow-danger)}[data-theme=light] .status-pill.connected{background:#ecfdf5;border-color:#22c55e66}[data-theme=light] .status-pill.connecting{background:#fffbeb;border-color:#f59e0b66}[data-theme=light] .status-pill.error{background:#fef2f2;border-color:#ef444466}.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:var(--empty-state-icon)}.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-subtle);background-color:var(--input-bg);color:var(--text-primary);border-radius:10px;font-size:.875rem;outline:none;transition:all .2s}.search-input-modern:focus{border-color:var(--blue-500);box-shadow:0 0 0 2px #2b6ef333,var(--glow-sm)}.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);scrollbar-width:thin;scrollbar-color:rgba(43,110,243,.42) rgba(255,255,255,.04)}.call-list.modern-list{padding-bottom:1.25rem}.call-list.modern-list::-webkit-scrollbar,.modern-list::-webkit-scrollbar{width:12px}.call-list.modern-list::-webkit-scrollbar-track,.modern-list::-webkit-scrollbar-track{background:linear-gradient(180deg,#ffffff09,#ffffff04);border-left:1px solid rgba(255,255,255,.04);border-radius:999px}.call-list.modern-list::-webkit-scrollbar-thumb,.modern-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2b6ef3ad,#1654c0d1);border:3px solid transparent;background-clip:padding-box;border-radius:999px;box-shadow:inset 0 1px #ffffff3d,0 0 0 1px #2b6ef31f}.call-list.modern-list::-webkit-scrollbar-thumb:hover,.modern-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4e8cffe0,#2b6ef3f5);box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #2b6ef338,var(--glow-blue-sm)}.call-list.modern-list::-webkit-scrollbar-corner,.modern-list::-webkit-scrollbar-corner{background:transparent}[data-theme=light] .modern-list{scrollbar-color:rgba(22,84,192,.38) rgba(43,110,243,.06)}[data-theme=light] .call-list.modern-list::-webkit-scrollbar-track,[data-theme=light] .modern-list::-webkit-scrollbar-track{background:linear-gradient(180deg,#2b6ef30f,#2b6ef305);border-left:1px solid rgba(43,110,243,.08)}[data-theme=light] .call-list.modern-list::-webkit-scrollbar-thumb,[data-theme=light] .modern-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2b6ef394,#1654c0bd);box-shadow:inset 0 1px #ffffff73,0 0 0 1px #2b6ef314}.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:6px 12px;padding:6px 10px;background:var(--surface-1);border-radius:10px;border:1px solid transparent;cursor:pointer;display:flex;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}[data-theme=light] .call-item-modern{box-shadow:0 1px 2px #0000000a,0 2px 4px #0000000f,inset 0 0 0 1px #fff9}[data-theme=dark] .call-item-modern{box-shadow:0 1px 3px #0000004d,0 4px 8px #0006,inset 0 1px #60a5fa0f,inset 0 0 0 1px #60a5fa08}.call-item-modern:hover{transform:translateY(-2px);background:var(--surface-2);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.call-item-modern.selected{background:var(--accent-grad);border-color:var(--blue-400);box-shadow:var(--shadow-lg),var(--glow-blue-md),var(--rim-light);transform:translateY(-1px)}.call-item-modern.selected .item-number,.call-item-modern.selected .item-time,.call-item-modern.selected .item-preview,.call-item-modern.selected .item-action-btn{color:#f5f8ff!important}.call-item-modern.selected .live-preview-text{color:#e6ecff!important}.call-item-modern.sentiment-positive{background-color:#22c55e14;border-color:#22c55e4d;box-shadow:var(--shadow-sm),var(--glow-success)}.call-item-modern.sentiment-negative,.call-item-modern.sentiment-displeased{background-color:#ef444414;border-color:#ef44444d;box-shadow:var(--shadow-sm),var(--glow-danger)}.call-item-modern.sentiment-neutral{background-color:#3b82f614;border-color:#3b82f64d;box-shadow:var(--shadow-sm),var(--glow-blue-sm)}.call-item-modern.sentiment-positive:hover{background-color:#22c55e33;border-color:#22c55eb3;box-shadow:var(--shadow-md),var(--glow-success)}.call-item-modern.sentiment-negative:hover,.call-item-modern.sentiment-displeased:hover{background-color:#ef444433;border-color:#ef4444b3;box-shadow:var(--shadow-md),var(--glow-danger)}.call-item-modern.sentiment-neutral:hover{background-color:#3b82f633;border-color:#3b82f6b3;box-shadow:var(--shadow-md),var(--glow-blue-sm)}.call-item-modern.selected.sentiment-positive{background:linear-gradient(135deg,#064e3b,#16a34a 55%,#22c55e);border-color:#4ade80;box-shadow:var(--shadow-lg),var(--glow-success),var(--rim-light)!important}.call-item-modern.selected.sentiment-negative,.call-item-modern.selected.sentiment-displeased{background:linear-gradient(135deg,#7f1d1d,#dc2626 55%,#ef4444);border-color:#f87171;box-shadow:var(--shadow-lg),var(--glow-danger),var(--rim-light)!important}.call-item-modern.selected.sentiment-neutral{background:var(--accent-grad);border-color:var(--blue-400);box-shadow:var(--shadow-lg),var(--glow-blue-md),var(--rim-light)!important}.item-checkbox{display:flex;align-items:center;justify-content:center;color:#cbd5e1;transform:scale(.9)}.item-content{flex:1;min-width:0}.item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.item-number{font-weight:700;font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .item-number{color:#f0f4ff;text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-theme=light] .item-number{color:#0a1629;font-weight:800}.item-time{font-size:.65rem;color:var(--text-muted)}.item-preview{font-size:.65rem;color:var(--text-muted);margin-bottom:2px;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:4px}.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:2px 6px;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;font-size:.6rem;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%;min-height:0;align-items:stretch}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height: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;min-height:0;height:auto;align-self:stretch}.insights-panel{width:320px;padding:1.5rem 1.5rem 2rem;background-color:var(--bg-color);overflow-y:auto;min-height:0;height:auto;align-self:stretch}.comm-panel{display:flex;flex-direction:column;padding:1.5rem;background-color:var(--bg-app);border-right:1px solid var(--border-subtle);min-height:0;height:auto;align-self:stretch}.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(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:20px;padding:1.5rem;overflow-y:auto;box-shadow:inset 0 2px 4px #0003}.transcript-modal-body{padding-right:.35rem}.transcript-modal-body .transcript-view{background:transparent;border:none;border-radius:0;box-shadow:none;padding:0 .75rem 0 0}.message{margin-bottom:1rem;padding:.75rem 1.25rem;border-radius:var(--radius-card);max-width:85%;line-height:1.5;font-size:.9375rem;position:relative;box-shadow:0 1px 2px #0000000d}.message.agent{background:var(--blue-700);color:#f5f8ff;align-self:flex-end;margin-left:auto;border-bottom-right-radius:4px;border:1px solid var(--blue-600)}.message.caller{background:var(--bg-surface-3);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:4px;border:1px solid var(--border-subtle)}.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:var(--bg-app);border-left:1px solid var(--border-subtle);overflow-y:auto}.insight-card{background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-3) 100%);padding:1.5rem;border-radius:var(--radius-card);border:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin-bottom:1rem}[data-theme=light] .insight-card{box-shadow:0 2px 4px #0000000a,0 6px 12px #00000014,0 12px 24px #0000000f,inset 0 0 0 1px #fff9}[data-theme=dark] .insight-card{box-shadow:0 2px 6px #0006,0 8px 16px #00000080,0 16px 32px #0000004d,inset 0 1px #60a5fa1a,inset 0 0 0 1px #60a5fa0d}.insight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue-400),transparent);opacity:.3;pointer-events:none}.insight-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--reflection-sheen);pointer-events:none;opacity:.08}.insight-card:hover{box-shadow:var(--shadow-lg),var(--glow-low),var(--edge-rim);transform:translateY(-3px) scale(1.01);background:linear-gradient(135deg,var(--surface-elev) 0%,var(--surface-3) 100%);border-color:var(--border-interactive)}.insight-card:hover:before{opacity:.5}.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:var(--grad-primary);color:#f5f8ff;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:all .2s;box-shadow:var(--glow-sm),var(--rim-light)}.takeover-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--glow-md),var(--rim-light)}.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:var(--surface-2);border-radius:var(--radius-control);border:1px dashed var(--border-color)}.plain-text-summary h4{margin-top:0;margin-bottom:.5rem;color:var(--text-primary)}.plain-text-summary p{margin:0;line-height:1.5;color:var(--text-secondary)}.section-header{padding:.5rem 1rem;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-surface-1);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.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:var(--radius-control);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:var(--font-family-base)}.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:6px;background:var(--bg-surface-3);border:1px solid var(--border-subtle);border-radius:10px}.toolbar-btn{padding:6px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}[data-theme=dark] .toolbar-btn{color:var(--text-secondary)}.toolbar-btn:hover{background:var(--bg-surface-1);color:var(--text-primary)}.toolbar-btn.active{background:var(--blue-900);color:var(--blue-400)}.comm-input-wrapper{position:relative;display:flex;flex-direction:column;background:var(--surface-2);border-radius:var(--radius-card);border:1px solid transparent;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .comm-input-wrapper{box-shadow:0 2px 4px #0000000a,0 6px 12px #00000014,inset 0 0 0 1px #fff9}[data-theme=dark] .comm-input-wrapper{box-shadow:0 2px 6px #0006,0 8px 16px #00000080,inset 0 1px #ffffff0d,inset 0 0 0 1px #ffffff08}.comm-input-wrapper:focus-within{transform:translateY(-2px)}[data-theme=light] .comm-input-wrapper:focus-within{box-shadow:0 4px 8px #00000014,0 12px 24px #0000001f,var(--glow-low),inset 0 0 0 1px #fffc}[data-theme=dark] .comm-input-wrapper:focus-within{box-shadow:0 4px 12px #00000080,0 16px 32px #0009,var(--glow-low),inset 0 1px #ffffff12,inset 0 0 0 1px #7390ac1f}.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:var(--font-family-base);word-break:break-word}.message .text ul{margin:.5rem 0;padding-left:1.25rem}.comm-panel h3{font-family:var(--font-family-base);font-weight:700;color:var(--text-primary)}[data-theme=dark] .comm-panel .pane-title,[data-theme=dark] .comm-panel h3{color:var(--text-primary)}.cart-section{background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-2) 100%);border-radius:var(--radius-card);padding:1.5rem;border:1px solid transparent;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .cart-section{box-shadow:0 2px 4px #0000000a,0 6px 12px #00000014,0 12px 24px #0000000f,inset 0 0 0 1px #fff9}[data-theme=dark] .cart-section{box-shadow:0 2px 6px #0006,0 8px 16px #00000080,0 16px 32px #0000004d,inset 0 1px #60a5fa1a,inset 0 0 0 1px #60a5fa0d}[data-theme=dark] .cart-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.3),transparent);pointer-events:none;z-index:1}.cart-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--reflection-sheen);pointer-events:none;opacity:.06;clip-path:inset(0 round var(--radius-card))}.cart-section:hover{box-shadow:var(--shadow-lg),var(--glow-low),var(--edge-rim);transform:translateY(-2px);border-color:var(--border-strong)}.product-option-hover:hover{background-color:var(--surface-3)!important}.cart-item-anim{transition:all .3s cubic-bezier(.4,0,.2,1)}.cart-teaser-card{position:relative;overflow:hidden}.cart-teaser-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(59,130,246,.16),transparent 45%);pointer-events:none}.cart-teaser-icon{width:36px;height:36px;border-radius:var(--radius-control);display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--accent-grad);box-shadow:var(--glow-low);flex-shrink:0}.cart-teaser-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;position:relative;z-index:1}.cart-teaser-total-column{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:112px;text-align:right}.cart-teaser-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.cart-teaser-value{font-size:1.15rem;font-weight:800;color:var(--text-primary);line-height:1}.cart-teaser-count-pill{color:var(--text-secondary);font-size:.72rem;font-weight:700;white-space:nowrap}.cart-teaser-btn{padding:.8rem 1rem!important;border-radius:14px!important;font-size:.82rem!important;font-weight:800!important;justify-content:center;width:100%;margin-top:.9rem;white-space:nowrap;position:relative;z-index:1}.cart-teaser-btn svg{width:16px;height:16px}@media(max-width:768px){.cart-teaser-layout{flex-direction:column;gap:.8rem}.cart-teaser-total-column{align-items:flex-start;text-align:left;min-width:0}}@media(max-width:1024px){.top-header{padding:0 1rem}.header-actions{padding-right:1rem;gap:.25rem}.username{display:none}.insights-panel{width:280px}}@media(max-width:768px){:root{--header-height: 60px}.top-header{padding:0 .75rem}.header-logo img{height:48px!important}.header-actions{gap:0;padding-right:.5rem}.header-icon-btn{padding:8px}.main-layout{position:relative;flex-direction:column}.content-area{overflow-y:auto!important;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.nav-sidebar{position:absolute;left:0;top:0;bottom:0;z-index:2000;width:260px!important;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 30px #00000040!important}.nav-sidebar.collapsed{transform:translate(-100%);width:260px!important}.sidebar-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1500}.sidebar-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--nav-top-bg);position:relative;z-index:10}.close-sidebar-btn{background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-sidebar-btn:active{transform:scale(.9)}.app-container{flex-direction:column;overflow:visible;position:relative;height:auto!important;min-height:100%}.app-container .sidebar.modern-sidebar{width:100%!important;height:100%;position:absolute;top:0;left:0;z-index:2000;background:var(--bg-app);transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;border-right:none;display:flex;flex-direction:column;margin-right:0!important}.app-container.list-collapsed .sidebar.modern-sidebar{transform:translate(-100%);opacity:0;pointer-events:none}.app-container .main-content{width:100%!important;height:100%;position:relative;top:0;left:0;background:var(--bg-app);z-index:100;display:flex;flex-direction:column;overflow:hidden;transform:none!important;transition:none}.app-container.has-selection .main-content{transform:none!important}.app-container.has-selection .sidebar.modern-sidebar{visibility:visible!important}.sidebar.modern-sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s}.mobile-detail-header-container{display:flex;flex-direction:column;background:var(--nav-top-bg);border-bottom:1px solid var(--border-subtle);flex-shrink:0;z-index:1001}.mobile-detail-header{display:flex;align-items:center;padding:12px 16px;gap:12px}.mobile-detail-header .pane-title{margin:0;font-size:1rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-pulse-small{display:flex;align-items:center}.transcript-panel,.comm-panel,.insights-panel{width:100%!important;min-width:0!important;flex:1!important;border-right:none!important;border-bottom:none!important;padding:1.25rem!important;min-height:0;display:flex;flex-direction:column;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.insights-panel{display:block;padding-bottom:4rem!important}.mobile-pane-tabs{display:flex;background:var(--bg-surface-2);border-bottom:1px solid var(--border-subtle);padding:8px 12px;gap:8px;flex-shrink:0;z-index:10}.pane-tab{flex:1;padding:10px 4px;border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-muted);border-radius:10px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-align:center}[data-theme=dark] .pane-tab{border-color:var(--border-strong);color:var(--text-secondary)}.pane-tab.active{background:var(--blue-500);color:#fff;border-color:var(--blue-600);box-shadow:var(--glow-blue-sm);transform:scale(1.02)}.comm-log-view{max-height:none!important;flex:1!important;overflow-y:auto!important;height:100%;-webkit-overflow-scrolling:touch}.transcript-view{-webkit-overflow-scrolling:touch;height:100%!important}.vertical-resize-handle{display:none}.mobile-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);margin-right:12px;cursor:pointer;transition:all .2s}.mobile-back-btn:active{background:var(--nav-item-active-bg);transform:scale(.95)}.reports-container{padding:1rem!important}.reports-container header{flex-direction:column;align-items:flex-start!important;gap:1rem;margin-bottom:1.5rem!important}.reports-container .report-card{grid-column:span 1 / span 1!important}.admin-container{padding:1rem!important}.admin-header{flex-direction:column;align-items:flex-start!important;gap:1rem}.user-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--border-subtle)}.user-table{min-width:600px}.login-container{padding:1rem}.waves{height:40px;min-height:40px}.modal-content,.login-card{width:calc(100% - 2rem)!important;max-width:none!important;padding:1.5rem!important;margin:1rem!important}}body{margin:0}