*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111813;--bg-elev:#161f19;--bg-card:#1b271f;--bg-card-h:#223025;--text:#eef7f0;--text-muted:#8faf97;--text-dim:#5a7a62;--accent:#22c55e;--accent-2:#16a34a;--accent-3:#4ade80;--accent-rgb:34,197,94;--on-grad:#06210f;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#38bdf8;--border:#ffffff12;--border-s:#ffffff21;--grad:linear-gradient(135deg, #22c55e 0%, #059669 100%);--grad-2:linear-gradient(135deg, #4ade80 0%, #22c55e 100%);--radius-sm:10px;--radius:14px;--radius-lg:20px;--shadow:0 16px 48px #0000008c, 0 0 0 1px #22c55e1a;--row-alt:#ffffff03;--track-bg:#ffffff0f;--chart-grid:#ffffff0d;--row-border:#ffffff0a;--topbar-bg:#111813e0;--tt-bg:#1b271f;--tt-border:#ffffff1a;--tt-color:#eef7f0;--chart-cursor:#ffffff08;--pill-bg:#22c55e1f;--pill-border:#22c55e47;--danger-bg:#ef44441f;--danger-border:#ef44444d;--warning-bg:#f59e0b1f;--warning-border:#f59e0b4d;--info-bg:#38bdf81f;--info-border:#38bdf84d}html.light{--bg:#f0fdf4;--bg-elev:#fff;--bg-card:#fff;--bg-card-h:#f0fdf4;--text:#0f172a;--text-muted:#374151;--text-dim:#6b7280;--accent:#16a34a;--accent-2:#22c55e;--accent-3:#34d399;--accent-rgb:22,163,74;--border:#00000014;--border-s:#00000024;--shadow:0 4px 24px #00000014, 0 0 0 1px #16a34a14;--row-alt:#00000004;--track-bg:#00000012;--chart-grid:#0000000f;--row-border:#0000000f;--topbar-bg:#ffffffeb;--tt-bg:#fff;--tt-border:#0000001a;--tt-color:#0f172a;--chart-cursor:#00000008;--pill-bg:#16a34a1a;--pill-border:#16a34a40;--danger-bg:#ef444414;--danger-border:#ef444438;--warning-bg:#f59e0b1a;--warning-border:#f59e0b40;--info-bg:#38bdf81a;--info-border:#38bdf840}html[data-style=telesales]{--bg:#0a1420;--bg-elev:#0e1a29;--bg-card:#14233a;--bg-card-h:#1b2f4c;--text:#edf4fa;--text-muted:#8fa8c0;--text-dim:#5a7891;--accent:#62b55a;--accent-2:#4f9e48;--accent-3:#82cc7a;--accent-rgb:98,181,90;--on-grad:#fff;--info:#3d9bdc;--grad:linear-gradient(135deg, #62b55a 0%, #0067b1 100%);--grad-2:linear-gradient(135deg, #82cc7a 0%, #62b55a 100%);--shadow:0 16px 48px #0000008c, 0 0 0 1px #0067b124;--topbar-bg:#0a1420e0;--tt-bg:#14233a;--tt-color:#edf4fa;--pill-bg:#62b55a21;--pill-border:#62b55a4d;--info-bg:#0067b12e;--info-border:#3d9bdc61}html[data-style=telesales].light{--bg:#f2f7fb;--bg-elev:#fff;--bg-card:#fff;--bg-card-h:#eaf2f8;--text:#0e1a29;--text-muted:#3d5163;--text-dim:#6b8093;--accent:#4f9e48;--accent-2:#62b55a;--accent-3:#54a94c;--accent-rgb:79,158,72;--info:#0067b1;--shadow:0 4px 24px #0e1a2914, 0 0 0 1px #0067b114;--topbar-bg:#ffffffeb;--tt-bg:#fff;--tt-color:#0e1a29;--pill-bg:#4f9e481a;--pill-border:#4f9e4840;--info-bg:#0067b114;--info-border:#0067b140}html[data-style=voicelab]{--bg:#08080c;--bg-elev:#0f0f17;--bg-card:#13131d;--bg-card-h:#1a1a26;--text:#f4f4f8;--text-muted:#9ca3af;--text-dim:#6b7280;--accent:#6366f1;--accent-2:#8b5cf6;--accent-3:#a5b4fc;--accent-rgb:99,102,241;--on-grad:#fff;--info:#06b6d4;--grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--grad-2:linear-gradient(135deg, #06b6d4 0%, #6366f1 100%);--shadow:0 16px 48px #0000008c, 0 0 0 1px #6366f11f;--topbar-bg:#08080ce0;--tt-bg:#13131d;--tt-color:#f4f4f8;--pill-bg:#6366f124;--pill-border:#6366f152;--info-bg:#06b6d41f;--info-border:#06b6d44d}html[data-style=voicelab].light{--bg:#f4f4fb;--bg-elev:#fff;--bg-card:#fff;--bg-card-h:#eef0fe;--text:#14141f;--text-muted:#444658;--text-dim:#6e7085;--accent:#6366f1;--accent-2:#8b5cf6;--accent-3:#7c5cf6;--accent-rgb:99,102,241;--info:#0891b2;--shadow:0 4px 24px #14141f14, 0 0 0 1px #6366f11a;--topbar-bg:#ffffffeb;--tt-bg:#fff;--tt-color:#14141f;--pill-bg:#6366f11a;--pill-border:#6366f147;--info-bg:#0891b214;--info-border:#0891b240}html[data-style=voicelab] .brand-logo{filter:hue-rotate(112deg)saturate(.92)}html[data-style=executive]{--bg:#0c0d0f;--bg-elev:#101214;--bg-card:#15181b;--bg-card-h:#1c2024;--text:#f2f4f5;--text-muted:#9aa3ab;--text-dim:#5f6a73;--accent:#a3e635;--accent-2:#84cc16;--accent-3:#bef264;--accent-rgb:163,230,53;--on-grad:#0c0d0f;--info:#38bdf8;--grad:linear-gradient(135deg, #a3e635 0%, #4d7c0f 100%);--grad-2:linear-gradient(135deg, #bef264 0%, #a3e635 100%);--shadow:0 20px 56px #0009, 0 0 0 1px #a3e63514;--topbar-bg:#0c0d0fdb;--tt-bg:#15181b;--tt-color:#f2f4f5;--pill-bg:#a3e6351a;--pill-border:#a3e63547;--info-bg:#38bdf81a;--info-border:#38bdf847}html[data-style=executive].light{--bg:#f2f4f0;--bg-elev:#fff;--bg-card:#fff;--bg-card-h:#eef2e6;--text:#15181b;--text-muted:#4a5258;--text-dim:#7c858c;--accent:#65a30d;--accent-2:#84cc16;--accent-3:#4d7c0f;--accent-rgb:101,163,13;--info:#0284c7;--shadow:0 6px 28px #15181b17, 0 0 0 1px #65a30d14;--topbar-bg:#ffffffeb;--tt-bg:#fff;--tt-color:#15181b;--pill-bg:#65a30d17;--pill-border:#65a30d42;--info-bg:#0284c712;--info-border:#0284c73d}html[data-style=arctic]{--bg:#0a1220;--bg-elev:#0e1828;--bg-card:#122036;--bg-card-h:#182a46;--text:#eaf0f8;--text-muted:#93a5bd;--text-dim:#5b6e88;--accent:#60a5fa;--accent-2:#3b82f6;--accent-3:#93c5fd;--accent-rgb:96,165,250;--on-grad:#fff;--info:#22d3ee;--grad:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--grad-2:linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--shadow:0 20px 56px #02081499, 0 0 0 1px #60a5fa1a;--topbar-bg:#0a1220db;--tt-bg:#122036;--tt-color:#eaf0f8;--pill-bg:#60a5fa1f;--pill-border:#60a5fa4d;--info-bg:#22d3ee1a;--info-border:#22d3ee47}html[data-style=arctic].light{--bg:#f7f9fc;--bg-elev:#fff;--bg-card:#fff;--bg-card-h:#edf2fa;--text:#0b1526;--text-muted:#46546b;--text-dim:#7a8699;--accent:#1d4ed8;--accent-2:#2563eb;--accent-3:#1e40af;--accent-rgb:29,78,216;--info:#0891b2;--shadow:0 8px 32px #0b152614, 0 0 0 1px #1d4ed812;--topbar-bg:#ffffffeb;--tt-bg:#fff;--tt-color:#0b1526;--pill-bg:#1d4ed812;--pill-border:#1d4ed838;--info-bg:#0891b212;--info-border:#0891b238}html[data-style=cyber]{--bg:#07110f;--bg-elev:#0a1714;--bg-card:#0e1d1a;--bg-card-h:#142722;--text:#e8faf5;--text-muted:#8fb5ac;--text-dim:#56796f;--accent:#2dd4bf;--accent-2:#14b8a6;--accent-3:#5eead4;--accent-rgb:45,212,191;--on-grad:#04211c;--info:#22d3ee;--grad:linear-gradient(135deg, #2dd4bf 0%, #0d9488 100%);--grad-2:linear-gradient(135deg, #5eead4 0%, #2dd4bf 100%);--shadow:0 20px 56px #0000008c, 0 0 0 1px #2dd4bf1a;--topbar-bg:#07110fdb;--tt-bg:#0e1d1a;--tt-color:#e8faf5;--pill-bg:#2dd4bf1a;--pill-border:#2dd4bf47;--info-bg:#22d3ee1a;--info-border:#22d3ee47}html[data-style=cyber].light{--bg:#f0fbf8;--bg-elev:#fff;--bg-card:#fff;--bg-card-h:#e5f6f1;--text:#0a211c;--text-muted:#3d5c54;--text-dim:#6e8c84;--accent:#0d9488;--accent-2:#14b8a6;--accent-3:#0f766e;--accent-rgb:13,148,136;--info:#0e7490;--shadow:0 6px 28px #0a211c14, 0 0 0 1px #0d948814;--topbar-bg:#ffffffeb;--tt-bg:#fff;--tt-color:#0a211c;--pill-bg:#0d948814;--pill-border:#0d94883d;--info-bg:#0e749012;--info-border:#0e749038}html[data-style=copper]{--bg:#121110;--bg-elev:#171513;--bg-card:#1d1a17;--bg-card-h:#26221e;--text:#f5f1ec;--text-muted:#ab9f92;--text-dim:#6e655b;--accent:#c8763b;--accent-2:#a85f2a;--accent-3:#e09a5f;--accent-rgb:200,118,59;--on-grad:#fff;--info:#7fa6c9;--grad:linear-gradient(135deg, #c8763b 0%, #8c4f1f 100%);--grad-2:linear-gradient(135deg, #e09a5f 0%, #c8763b 100%);--shadow:0 20px 56px #0009, 0 0 0 1px #c8763b1a;--topbar-bg:#121110db;--tt-bg:#1d1a17;--tt-color:#f5f1ec;--pill-bg:#c8763b1c;--pill-border:#c8763b4d;--info-bg:#7fa6c91a;--info-border:#7fa6c947}html[data-style=copper].light{--bg:#f8f5f1;--bg-elev:#fff;--bg-card:#fff;--bg-card-h:#f2ebe2;--text:#1c1814;--text-muted:#54483c;--text-dim:#84786c;--accent:#b45309;--accent-2:#c8763b;--accent-3:#92400e;--accent-rgb:180,83,9;--info:#1d6fa8;--shadow:0 6px 28px #1c181414, 0 0 0 1px #b4530914;--topbar-bg:#ffffffeb;--tt-bg:#fff;--tt-color:#1c1814;--pill-bg:#b4530914;--pill-border:#b453093d;--info-bg:#1d6fa812;--info-border:#1d6fa838}html[data-style=executive] .brand-logo{filter:hue-rotate(-48deg)saturate(1.05)}html[data-style=arctic] .brand-logo{filter:hue-rotate(80deg)saturate(1.1)}html[data-style=cyber] .brand-logo{filter:hue-rotate(28deg)saturate(.95)}html[data-style=copper] .brand-logo{filter:hue-rotate(238deg)saturate(.8)brightness(1.05)}html,body{background:var(--bg);height:100%;color:var(--text)}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .2s,color .2s}#root{min-height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.22);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb),.42)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}a{color:inherit;text-decoration:none}select,button,input{color:inherit;font-family:inherit}select{appearance:none;cursor:pointer}button{cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus{border-color:var(--accent)!important}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:248px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{flex-direction:column;align-items:flex-start;gap:7px;padding:8px 10px 20px;display:flex}.brand-logo{width:100%;max-width:196px;height:auto}.brand-sub{color:var(--text-muted);letter-spacing:.02em;padding-left:2px;font-size:11.5px}.nav{flex-direction:column;flex:1;gap:3px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--bg-card-h);color:var(--text)}.nav-item.active{background:var(--pill-bg);color:var(--accent-3)}html.light .nav-item.active{color:var(--accent-2)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sidebar-foot{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:10px;padding-top:14px;display:flex}.style-picker{flex-direction:column;gap:3px;display:flex}.style-picker-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);padding:0 12px 4px;font-size:10.5px;font-weight:700}.nav-group-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);border-top:1px solid var(--border);margin-top:6px;padding:14px 12px 5px;font-size:10.5px;font-weight:700}.style-option{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.style-option:hover{background:var(--bg-card-h);color:var(--text)}.style-option.active{background:var(--pill-bg);border-color:var(--pill-border);color:var(--text)}.style-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 2px #8080802e}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);justify-content:space-between;align-items:center;padding:9px 12px;font-size:12.5px;font-weight:600;display:flex}.theme-toggle:hover{border-color:var(--border-s);color:var(--text)}.nav-overlay,.burger{display:none}.topbar-lead{align-items:center;gap:14px;min-width:0;display:flex}.topbar-user{align-items:center;gap:8px;margin-left:4px;display:flex}.topbar-user-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:12.5px;font-weight:700;overflow:hidden}.main{flex:1;min-width:0}.topbar{z-index:20;background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.page-title{letter-spacing:-.02em;font-size:20px;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:2px;font-size:12.5px}.content{max-width:1480px;padding:24px 28px 60px;animation:.25s fadeIn}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (width<=1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.card-h{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.card-title{font-size:14px;font-weight:700}.card-sub{color:var(--text-muted);margin-top:2px;font-size:11.5px}.kpi-card{flex-direction:column;gap:8px;display:flex}.kpi-label{color:var(--text-muted);font-size:12px;font-weight:600}.kpi-value{letter-spacing:-.02em;font-size:28px;font-weight:800}.kpi-foot{color:var(--text-dim);align-items:center;gap:6px;font-size:11.5px;display:flex}.kpi-icon{background:var(--pill-bg);width:38px;height:38px;color:var(--accent-3);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}html.light .kpi-icon{color:var(--accent-2)}.pill{background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--accent-3);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}html.light .pill{color:var(--accent-2)}.pill-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.pill-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.pill-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.pill-muted{background:var(--bg-card-h);border-color:var(--border);color:var(--text-muted)}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card-h);color:var(--text);align-items:center;gap:7px;padding:9px 15px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--border-s);transform:translateY(-1px)}.btn-primary{background:var(--grad);color:var(--on-grad);border:none}.btn-primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}.btn-ghost{background:0 0}.btn-sm{padding:6px 11px;font-size:11.5px}.filters-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.filters-toggle{display:none}.select,.input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);min-width:150px;padding:8px 32px 8px 12px;font-size:12.5px;font-weight:600}.input{min-width:200px;padding:8px 12px}.select-wrap{position:relative}.select-wrap:after{content:"";border-right:1.6px solid var(--text-muted);border-bottom:1.6px solid var(--text-muted);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:12px;transform:translateY(-65%)rotate(45deg)}.input::placeholder{color:var(--text-dim);font-weight:600}.date-presets{flex-wrap:wrap;gap:4px;display:inline-flex}.date-preset{white-space:nowrap;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);padding:8px 11px;font-size:11.5px;font-weight:700;transition:all .15s}.date-preset:hover{border-color:var(--border-s);color:var(--text)}.date-preset.is-active{background:var(--pill-bg);border-color:var(--pill-border);color:var(--accent-3)}html.light .date-preset.is-active{color:var(--accent-2)}.phone-link{font:inherit;cursor:pointer;color:var(--accent-3);text-underline-offset:3px;white-space:nowrap;background:0 0;border:none;padding:0;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}html.light .phone-link{color:var(--accent-2)}.phone-link:hover{text-decoration-style:solid}.checkbox-pill{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:12px;font-weight:600;display:flex}.checkbox-pill input{accent-color:var(--accent)}.checkbox-pill.active{color:var(--accent-3);border-color:var(--pill-border);background:var(--pill-bg)}html.light .checkbox-pill.active{color:var(--accent-2)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12.5px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}tbody td{border-bottom:1px solid var(--row-border);vertical-align:top;padding:12px 14px}tbody tr:nth-child(2n){background:var(--row-alt)}tbody tr.clickable{cursor:pointer;transition:background .12s}tbody tr.clickable:hover{background:var(--bg-card-h)}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.center-pad{justify-content:center;align-items:center;padding:60px 0;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:50px 20px;font-size:13px}.transcript{flex-direction:column;gap:10px;max-height:560px;padding-right:6px;display:flex;overflow-y:auto}.turn{gap:10px;max-width:84%;display:flex}.turn.client{flex-direction:row-reverse;align-self:flex-end}.turn-avatar{background:var(--bg-card-h);width:30px;height:30px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.turn.operator .turn-avatar{background:var(--pill-bg);color:var(--accent-3)}html.light .turn.operator .turn-avatar{color:var(--accent-2)}.turn.client .turn-avatar{background:var(--info-bg);color:var(--info)}.turn-bubble{background:var(--bg-card-h);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 13px;font-size:13px;line-height:1.5}.turn.operator .turn-bubble{border-top-left-radius:3px}.turn.client .turn-bubble{background:var(--info-bg);border-color:var(--info-border);border-top-right-radius:3px}.turn-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:10.5px;font-weight:700}.player{background:var(--bg-card-h);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:14px 18px;display:flex}.player-btn{background:var(--grad);width:42px;height:42px;color:var(--on-grad);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.player-track{background:var(--track-bg);cursor:pointer;border-radius:999px;flex-shrink:0;width:100%;height:8px;position:relative}.player-progress{background:var(--grad);border-radius:999px;transition:width .12s linear;position:absolute;inset:0 auto 0 0}.player-track.dragging .player-progress{transition:none}.player-thumb{background:var(--accent-3,#4ade80);border:2px solid var(--bg-card-h);pointer-events:none;border-radius:50%;width:14px;height:14px;transition:left .12s linear,width .1s,height .1s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000026}.player-track.dragging .player-thumb{width:18px;height:18px;box-shadow:0 0 0 5px rgba(var(--accent-rgb), .18);transition:width .1s,height .1s}.player-time{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px}.case-card{flex-direction:column;gap:12px;display:flex}.case-metric{align-items:baseline;gap:8px;display:flex}.case-metric .v{font-size:30px;font-weight:800}.case-metric .t{color:var(--text-muted);font-size:12px}.bar-row{align-items:center;gap:10px;font-size:12px;display:flex}.bar-row-clickable{cursor:pointer;border-radius:6px;margin:0 -6px;padding:0 6px;transition:background .12s}.bar-row-clickable:hover{background:var(--bg-card-h)}.bar-row-clickable:hover .name{color:var(--text)}.kpi-clickable{cursor:pointer;transition:border-color .15s,transform .15s}.kpi-clickable:hover{border-color:var(--pill-border);transform:translateY(-2px)}.bar-row .name{width:150px;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;overflow:hidden}.bar-track{background:var(--track-bg);border-radius:999px;flex:1;height:8px;overflow:hidden}.bar-fill{background:var(--grad);border-radius:999px;height:100%}.bar-row .val{text-align:right;flex-shrink:0;width:28px;font-weight:700}.quote-card{background:var(--bg-card-h);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:12.5px}.quote-card .quote-text{color:var(--text);font-style:italic;line-height:1.5}.quote-card .quote-meta{color:var(--text-dim);gap:10px;margin-top:8px;font-size:11px;display:flex}.funnel{flex-direction:column;gap:10px;padding:6px 0;display:flex}.funnel-row{align-items:center;gap:14px;display:flex}.funnel-label{text-align:right;flex-shrink:0;width:190px}.funnel-label .name{font-size:12.5px;font-weight:700}.funnel-label .rate{color:var(--text-dim);margin-top:2px;font-size:10.5px}.funnel-bar-zone{flex:1}.funnel-bar{background:var(--grad);border-radius:var(--radius-sm);color:var(--on-grad);justify-content:space-between;align-items:center;gap:10px;min-width:110px;padding:11px 14px;transition:width .25s;display:flex}.funnel-bar .v{font-size:15px;font-weight:800}.funnel-bar .p{opacity:.75;font-size:11px;font-weight:700}.verdict-bar{background:var(--track-bg);border-radius:999px;height:10px;position:relative;overflow:hidden}.verdict-fill{background:var(--grad);border-radius:999px;height:100%}.tag{background:var(--bg-card-h);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;margin:2px 4px 2px 0;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.skeleton{background:linear-gradient(90deg, var(--bg-card-h) 25%, var(--border) 50%, var(--bg-card-h) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s infinite shimmer}.chat-shell{gap:16px;height:calc(100vh - 150px);min-height:480px;display:flex}.chat-side{flex-direction:column;flex-shrink:0;gap:12px;width:250px;display:flex}.chat-conv-list{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.chat-conv{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;padding:10px 30px 10px 12px;transition:border-color .15s,background .15s;position:relative}.chat-conv:hover{background:var(--bg-card-h)}.chat-conv.active{border-color:var(--pill-border);background:var(--pill-bg)}.chat-conv .t{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.chat-conv .d{color:var(--text-dim);margin-top:3px;font-size:10.5px}.chat-conv .x{background:var(--bg-card-h);border:1px solid var(--border);width:20px;height:20px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;display:none;position:absolute;top:8px;right:8px}.chat-conv:hover .x{display:flex}.chat-conv .x:hover{color:var(--danger);border-color:var(--danger-border)}.chat-main{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:1;min-width:0;display:flex}.chat-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.chat-scroll{flex-direction:column;flex:1;gap:16px;padding:18px 20px;display:flex;overflow-y:auto}.chat-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.chat-suggestions{grid-template-columns:1fr 1fr;gap:8px;max-width:620px;margin-top:8px;display:grid}@media (width<=900px){.chat-suggestions{grid-template-columns:1fr}}.chat-suggestion{text-align:left;color:var(--text-muted);border-radius:var(--radius-sm);background:var(--bg-card-h);border:1px solid var(--border);padding:11px 14px;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s}.chat-suggestion:hover{border-color:var(--pill-border);color:var(--text)}.chat-msg.user{justify-content:flex-end;display:flex}.chat-msg.user .bubble{white-space:pre-wrap;background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:var(--radius-sm);border-top-right-radius:4px;max-width:76%;padding:10px 14px;font-size:13.5px;line-height:1.55}.chat-msg.assistant{max-width:96%}.chat-caret{background:var(--accent);vertical-align:text-bottom;border-radius:2px;width:8px;height:15px;margin-left:2px;animation:.9s infinite pulse-caret;display:inline-block}@keyframes pulse-caret{0%,to{opacity:1}50%{opacity:.2}}.chat-thinking{color:var(--text-muted);align-items:center;gap:5px;font-size:12.5px;display:flex}.chat-thinking span{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse-caret}.chat-thinking span:nth-child(2){animation-delay:.2s}.chat-thinking span:nth-child(3){animation-delay:.4s}.sql-chips{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.sql-chip summary{cursor:pointer;color:var(--text-muted);background:var(--bg-card-h);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;width:max-content;padding:4px 11px;font-size:11px;font-weight:700;list-style:none;display:inline-flex}.sql-chip summary::-webkit-details-marker{display:none}.sql-chip[open] summary{color:var(--accent-3);border-color:var(--pill-border)}html.light .sql-chip[open] summary{color:var(--accent-2)}.sql-chip pre{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;margin-top:6px;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;line-height:1.5;overflow-x:auto}.chat-input-row{border-top:1px solid var(--border);align-items:flex-end;gap:10px;padding:12px 14px;display:flex}.chat-input{resize:none;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:42px;max-height:140px;color:var(--text);flex:1;padding:11px 13px;font-size:13px;line-height:1.5}.chat-input:focus{border-color:var(--accent);outline:none}.chat-send{flex-shrink:0;justify-content:center;width:48px;height:42px}.chat-send:disabled{opacity:.5;cursor:default;transform:none}.chat-login{justify-content:center;align-items:center;min-height:calc(100vh - 220px);display:flex}.site-gate{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.chat-login-card{flex-direction:column;gap:12px;width:340px;padding:28px 26px;display:flex}.chat-login-error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);text-align:center;border-radius:8px;padding:8px 12px;font-size:12px}.md{font-size:13.5px;line-height:1.65}.md>:first-child{margin-top:0}.md p{margin:8px 0}.md h1,.md h2,.md h3,.md h4{margin:14px 0 6px;line-height:1.3}.md h1{font-size:17px}.md h2{font-size:15.5px}.md h3{font-size:14px}.md h4{font-size:13.5px}.md ul,.md ol{margin:8px 0;padding-left:22px}.md li{margin:3px 0}.md code{background:var(--bg-elev);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.md pre{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);margin:10px 0;padding:12px;overflow-x:auto}.md pre code{background:0 0;border:none;padding:0}.md table{border-collapse:collapse;width:100%;margin:10px 0;font-size:12.5px}.md th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-s);background:var(--bg-card-h);padding:7px 10px;font-size:11px}.md th:first-child{border-top-left-radius:8px}.md th:last-child{border-top-right-radius:8px}.md td{border-bottom:1px solid var(--row-border);vertical-align:top;padding:7px 10px}.md tr:nth-child(2n) td{background:var(--row-alt)}.md blockquote{border-left:3px solid var(--accent);color:var(--text-muted);background:var(--bg-card-h);border-radius:0 8px 8px 0;margin:10px 0;padding:4px 12px}.md hr{border:none;border-top:1px solid var(--border);margin:14px 0}.md strong{font-weight:700}html[data-fx=premium]{--radius-sm:12px;--radius:16px;--radius-lg:22px}html[data-fx=premium] .kpi-value{letter-spacing:-.035em;font-size:33px}html[data-fx=premium] .page-title{letter-spacing:-.025em;font-size:22px}html[data-fx=premium] .card-title{font-size:14.5px}html[data-fx=premium] .content{max-width:1560px}@keyframes vlCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}html[data-fx=premium] .content .card{animation:.22s both vlCardIn}html[data-fx=premium] .grid>:nth-child(2){animation-delay:40ms}html[data-fx=premium] .grid>:nth-child(3){animation-delay:80ms}html[data-fx=premium] .grid>:nth-child(4){animation-delay:.12s}html[data-fx=premium] .filters-bar{animation:.2s both vlCardIn}html[data-fx=premium] .recharts-wrapper{animation:.25s both fadeIn}html[data-fx=premium] .card,html[data-fx=premium] .modal-card,html[data-fx=premium] .chat-main{position:relative}html[data-fx=premium] .card:after,html[data-fx=premium] .modal-card:after,html[data-fx=premium] .chat-main:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(440px circle at var(--mx,50%) var(--my,50%), rgba(var(--accent-rgb), .065), transparent 65%);opacity:0;transition:opacity .22s;position:absolute;inset:0}html[data-fx=premium] .card:hover:after,html[data-fx=premium] .modal-card:hover:after,html[data-fx=premium] .chat-main:hover:after{opacity:1}html[data-fx=premium] .card{transition:transform .18s,box-shadow .2s,border-color .18s,background .15s}html[data-fx=premium] .card:hover{border-color:var(--pill-border);box-shadow:var(--shadow)}html[data-fx=premium] .kpi-card:hover{transform:translateY(-2px)}html[data-fx=premium] .kpi-clickable:hover{transform:translateY(-3px)}html[data-fx=premium] .btn{will-change:transform;transition:transform .15s,box-shadow .2s,border-color .15s,background .15s,filter .15s}html[data-fx=premium] .btn-primary:hover{box-shadow:0 8px 30px -8px rgba(var(--accent-rgb), .6);filter:brightness(1.05)}html[data-fx=premium] .player-btn{transition:transform .15s,box-shadow .2s}html[data-fx=premium] .player-btn:hover{box-shadow:0 6px 24px -6px rgba(var(--accent-rgb), .6)}html[data-fx=premium] .nav-item{transition:background .16s,color .16s,padding-left .16s}html[data-fx=premium] .nav-item:hover{padding-left:16px}html[data-fx=premium] .nav-item.active{box-shadow:inset 2.5px 0 0 var(--accent)}html[data-fx=premium] tbody tr.clickable{transition:background .14s,box-shadow .14s}html[data-fx=premium] tbody tr.clickable:hover{background:var(--bg-card-h);box-shadow:inset 3px 0 0 var(--accent)}html[data-fx=premium] .table-wrap th:first-child,html[data-fx=premium] .table-wrap td:first-child{z-index:1;background:var(--bg-card);position:sticky;left:0}html[data-fx=premium] thead th{letter-spacing:.07em}html[data-fx=premium] .bar-fill{transition:width .35s cubic-bezier(.22,.8,.3,1)}html[data-fx=premium] .select,html[data-fx=premium] .input,html[data-fx=premium] .checkbox-pill{transition:border-color .16s,background .16s,box-shadow .16s}html[data-fx=premium] .select:hover,html[data-fx=premium] .input:hover{border-color:var(--border-s)}html[data-fx=premium] .select:focus,html[data-fx=premium] .input:focus{box-shadow:0 0 0 3px rgba(var(--accent-rgb), .13)}html[data-fx=premium] .quote-card{transition:border-color .16s,transform .16s}html[data-fx=premium] a.quote-card:hover{border-color:var(--pill-border);transform:translateY(-1px)}html[data-fx=premium] .chat-suggestion:hover{box-shadow:0 4px 18px -6px rgba(var(--accent-rgb), .35)}@media (prefers-reduced-motion:reduce){html[data-fx=premium] *,html[data-fx=premium] :after{transition:none!important;animation:none!important}}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050c0899;justify-content:center;align-items:center;padding:28px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}html.light .modal-overlay{background:#0f172a59}.modal-card{background:var(--bg-card);border:1px solid var(--border-s);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:min(1120px,100%);max-height:92vh;padding:20px 24px;animation:.2s fadeIn;overflow-y:auto}.map-clickable{cursor:zoom-in;border-radius:var(--radius-sm);transition:opacity .15s}.map-clickable:hover{opacity:.92}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body{overflow-x:hidden}@media (width<=1024px){.burger{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;justify-content:center;gap:4px;width:44px;height:44px;padding:0 11px;display:inline-flex}.burger span{background:var(--text);border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.app-shell.nav-open .burger span:first-child{transform:translateY(6px)rotate(45deg)}.app-shell.nav-open .burger span:nth-child(2){opacity:0}.app-shell.nav-open .burger span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.sidebar{z-index:70;width:280px;max-width:84vw;height:100dvh;transition:transform .26s cubic-bezier(.22,.8,.3,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 60px #00000080}.app-shell.nav-open .sidebar{transform:none}.app-shell.nav-open .nav-overlay{z-index:65;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;animation:.2s fadeIn;display:block;position:fixed;inset:0}.nav-item{min-height:46px;padding:12px 14px;font-size:14.5px}.style-option{padding:10px 12px;font-size:13px}.theme-toggle{padding:12px}}@media (width<=640px){body{font-size:15px}.topbar{gap:10px;padding:11px 14px}.topbar-lead .page-subtitle{display:none}.page-title{font-size:17px}.topbar>.pill,.topbar-user-name{display:none}.content{padding:16px 14px 48px}.filters{margin-bottom:16px}.filters-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;min-height:44px;color:var(--text);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:700;display:inline-flex}.filters-toggle.has-active{border-color:var(--pill-border);color:var(--accent-3)}html.light .filters-toggle.has-active{color:var(--accent-2)}.filters-bar{flex-direction:column;align-items:stretch;gap:9px;margin:10px 0 0;display:none}.filters-bar.open{animation:.18s fadeIn;display:flex}.filters-bar .select-wrap,.filters-bar .select,.filters-bar .input,.filters-bar .checkbox-pill,.filters-bar .btn{width:100%;min-width:0}.filters-bar .select,.filters-bar .input{min-height:44px}.filters-bar .checkbox-pill{justify-content:flex-start;min-height:44px}.filters-bar .btn{justify-content:center;min-height:44px;margin-left:0!important}.filters-bar>span{display:none}.filters-bar .date-presets{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.date-preset,.btn{min-height:40px}.btn-sm{min-height:38px}.table-wrap{-webkit-overflow-scrolling:touch}.table-wrap table{min-width:600px}.card{padding:16px}.kpi-value{font-size:24px}html[data-fx=premium] .kpi-value{font-size:26px}.turn{max-width:92%}.bar-row .name{width:92px}.funnel-label{width:116px}.funnel-row{gap:8px}.modal-overlay{align-items:flex-end;padding:0}.modal-card{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100%;max-height:92dvh;padding:18px 16px;animation:.26s cubic-bezier(.22,.8,.3,1) sheetUp}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@media (width<=900px){.chat-shell{flex-direction:column;gap:12px;height:auto;min-height:0}.chat-side{width:100%}.chat-conv-list{flex-direction:row;gap:8px;padding-bottom:6px;overflow:auto hidden}.chat-conv{flex-shrink:0;min-width:170px}.chat-conv .x{display:flex}.chat-main{height:calc(100dvh - 250px);min-height:380px}.chat-login-card{width:100%;max-width:340px}}
