:root{--bg:#f6f8fc;--surface:#fff;--border:#e1e5ee;--text:#14181f;--muted:#6b7280;--brand:#087f85;--brand-dark:#20504a;--good-fg:#1f7a45;--good-bg:#e3f5ea;--warn-fg:#8a5a00;--warn-bg:#fff3d6;--bad-fg:#b3261e;--bad-bg:#fdecec;--muted-fg:#52606a;--muted-bg:#e9eef1;--ai-bubble:#dceae7;--customer-bubble:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.topbar{background:var(--brand-dark);color:#fff;align-items:center;gap:16px;padding:14px 32px;display:flex}.brand{color:#fff;font-size:16px;font-weight:700}.brand:hover{text-decoration:none}.brand-mark{color:#7fd1c7}.topbar-note{color:#ffffffb3;font-size:13px}.container{max-width:1180px;margin:0 auto;padding:28px 32px 48px}.page-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-heading h1{margin:0;font-size:22px}.page-heading p{color:var(--muted);margin:4px 0 0}.refresh-note{color:var(--muted);white-space:nowrap;font-size:12px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.stat-value{font-size:24px;font-weight:700;display:block}.stat-label{color:var(--muted);font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.card+.card{margin-top:16px}.card-title{border-bottom:1px solid var(--border);margin:0;padding:14px 16px;font-size:14px}.filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:12px 16px;display:flex}.filter{border:1px solid var(--border);color:var(--muted-fg);border-radius:999px;padding:4px 10px;font-size:12px}.filter:hover{border-color:var(--brand);text-decoration:none}.filter.active{background:var(--brand);border-color:var(--brand);color:#fff}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px}th{color:var(--muted);background:#fafbfd;font-size:12px;font-weight:600}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9fbfb}.empty{text-align:center;color:var(--muted);padding:32px 16px}.badge{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.tone-good{color:var(--good-fg);background:var(--good-bg)}.tone-warn{color:var(--warn-fg);background:var(--warn-bg)}.tone-bad{color:var(--bad-fg);background:var(--bad-bg)}.tone-muted{color:var(--muted-fg);background:var(--muted-bg)}.check{color:var(--good-fg);font-weight:700}.dash{color:var(--muted)}.error-box{border:1px solid var(--bad-bg);background:var(--bad-bg);color:var(--bad-fg);border-radius:10px;padding:16px}.back{margin-bottom:8px;font-size:13px;display:inline-block}.detail-grid{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:16px;display:grid}.facts{margin:0;padding:8px 16px 12px}.facts div{border-bottom:1px dashed var(--border);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.facts div:last-child{border-bottom:0}.facts dt{color:var(--muted)}.facts dd{text-align:right;margin:0;font-weight:500}.timeline{margin:0;padding:12px 16px;list-style:none}.timeline li{gap:10px;padding:4px 0;font-size:13px;display:flex}.timeline time{color:var(--muted);font-variant-numeric:tabular-nums}.transcript{background:#f1f4f8;flex-direction:column;gap:10px;min-height:200px;padding:16px;display:flex}.bubble{border-radius:12px;max-width:78%;padding:8px 12px;box-shadow:0 1px 1px #0000000a}.bubble-ai{background:var(--ai-bubble);border-top-left-radius:4px;align-self:flex-start}.bubble-customer{background:var(--customer-bubble);border:1px solid var(--border);border-top-right-radius:4px;align-self:flex-end}.bubble-meta{color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}@media (max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.container{padding:20px 16px 40px}.topbar{padding:12px 16px}}