:root{--bg: #f9f9f9;--surface: #ffffff;--surface-sunken: #f2f2f0;--ink: #111111;--ink-soft: #3a3a3a;--ink-mute: #6f6f6f;--line: #e5e5e5;--line-strong: #cfcfcf;--brand: #ff4500;--brand-hover: #e83d00;--accent: #4353ff;--success: #1f8c3f;--danger: #d92d20;--warn: #b54708;--pastel-green: #bfe3c4;--pastel-blue: #d6e6fb;--pastel-peach: #fadcce;--pastel-violet: #e9e5f2;--serif: "Fraunces", Georgia, "Times New Roman", serif;--sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-sm: 8px;--r-md: 14px;--r-lg: 24px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(17, 17, 17, .04);--shadow-md: 0 8px 24px rgba(17, 17, 17, .07);--shadow-lg: 0 18px 40px rgba(17, 17, 17, .1);--header-h: 68px}@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-600.woff2) format("woff2");font-weight:600;font-display:swap}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;margin:0}h1{font-size:34px}h3{font-size:20px}a{color:var(--accent)}code,.mono{font-family:var(--mono);font-size:.92em}.header{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-5);background:var(--surface);border-bottom:1px solid var(--line)}.brand{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.02em}.header-spacer{flex:1}.tabs{display:flex;gap:var(--sp-1);background:var(--surface-sunken);padding:var(--sp-1);border-radius:var(--r-pill)}.tab{border:0;background:transparent;font:inherit;font-weight:500;color:var(--ink-mute);padding:8px 15px;border-radius:var(--r-pill);cursor:pointer;display:flex;align-items:center;gap:7px;white-space:nowrap}.tab:hover{color:var(--ink)}.tab.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.tab-count{font-size:12px;font-weight:600;background:var(--brand);color:#fff;border-radius:var(--r-pill);padding:0 6px;min-width:18px;text-align:center}.main{padding:var(--sp-6) var(--sp-5) var(--sp-7)}.container{max-width:1040px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap}.page-sub{color:var(--ink-mute);margin-top:var(--sp-1)}.panel{background:var(--surface);border:1px solid var(--ink);border-radius:var(--r-lg);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line);font-weight:600}.panel-pad{padding:var(--sp-5)}.row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row-main{flex:1;min-width:0}.row-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-note{color:var(--ink-mute);font-size:13px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-5)}.stat{border:1px solid var(--ink);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);background:var(--surface)}.stat-green{background:linear-gradient(160deg,var(--pastel-green),var(--surface) 70%)}.stat-blue{background:linear-gradient(160deg,var(--pastel-blue),var(--surface) 70%)}.stat-peach{background:linear-gradient(160deg,var(--pastel-peach),var(--surface) 70%)}.stat-label{color:var(--ink-soft);font-size:13px;font-weight:500}.stat-value{font-family:var(--serif);font-size:38px;line-height:1.1;margin-top:var(--sp-1)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:var(--r-pill);font-size:12.5px;font-weight:500;white-space:nowrap}.pill-green{background:#e6f4ea;color:var(--success)}.pill-blue{background:#e8ecff;color:var(--accent)}.pill-grey{background:var(--surface-sunken);color:var(--ink-mute)}.pill-orange{background:#fdece4;color:var(--brand)}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot-green{background:var(--success)}.dot-red{background:var(--danger)}.dot-grey{background:var(--line-strong)}.dot-pulse{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.btn{font:inherit;font-weight:500;border:1px solid var(--ink);background:var(--surface);color:var(--ink);padding:9px 18px;border-radius:var(--r-pill);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:var(--surface-sunken)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn-sm{padding:5px 12px;font-size:13px}.btn-icon{padding:7px;border-radius:50%}.btn-danger{color:var(--danger);border-color:#f0c6c2}.btn-danger:hover{background:#fdeceb}.input{font:inherit;width:100%;padding:11px 14px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink)}.input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.search{position:relative;max-width:340px;flex:1}.search .input{padding-left:38px}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-mute);pointer-events:none}.empty{text-align:center;padding:var(--sp-7) var(--sp-5);color:var(--ink-mute)}.empty-icon{width:54px;height:54px;border-radius:50%;background:var(--pastel-violet);color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3)}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);display:flex;gap:var(--sp-2);align-items:flex-start;font-size:14px}.alert-error{background:#fdeceb;color:#8a231c}.alert-warn{background:#fdf3e6;color:var(--warn)}.signin{min-height:100vh;display:grid;place-items:center;padding:var(--sp-5)}.signin-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--ink);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--shadow-lg)}.signin-card h1{margin-bottom:var(--sp-1)}.field{display:block;margin:var(--sp-5) 0 var(--sp-4)}.player{display:flex;align-items:center;gap:var(--sp-3);min-width:210px}.player-scrub{flex:1;height:5px;background:var(--line);border-radius:var(--r-pill);overflow:hidden;cursor:pointer;min-width:90px}.player-fill{height:100%;background:var(--brand)}.player-time{font-family:var(--mono);font-size:12px;color:var(--ink-mute);min-width:42px;text-align:right}.grid{display:grid;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line)}.grid:last-child{border-bottom:0}.grid-head{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute);background:var(--surface-sunken)}.grid-agents{grid-template-columns:92px 1fr 130px 110px}.grid-calls{grid-template-columns:1fr 130px 130px 90px}.grid-recordings{grid-template-columns:1fr 130px 150px 230px 44px}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);color:var(--ink-mute);font-size:14px}.offline-banner{margin-bottom:var(--sp-4)}@media(max-width:820px){.main{padding:var(--sp-5) var(--sp-4) var(--sp-7)}h1{font-size:27px}.header{padding:0 var(--sp-4);gap:var(--sp-3)}.brand{font-size:19px}.grid-agents{grid-template-columns:76px 1fr 92px}.grid-calls{grid-template-columns:1fr 96px 74px}.grid-recordings{grid-template-columns:1fr 120px}.hide-sm{display:none}}