:root{--border:#d7dbe0;--bg:#f7f8fa;--panel-bg:#fff;--text:#1c1f24;--muted:#6b7280;--accent:#2563eb;--danger:#dc2626;--success:#16a34a}@media (prefers-color-scheme:dark){:root{--border:#333941;--bg:#15171a;--panel-bg:#1d2024;--text:#e6e8eb;--muted:#9aa1ab;--accent:#60a5fa;--danger:#f87171;--success:#4ade80}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-shell{max-width:1400px;margin:0 auto;padding:1.5rem}.app-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.app-header h1{margin:0;font-size:1.25rem}.app-header nav{gap:1rem;margin-left:1.5rem;margin-right:auto;display:flex}.app-header-actions{align-items:center;gap:.75rem;display:flex}.assignment-list{flex-direction:column;gap:.5rem;display:flex}.page-title{margin:0 0 1rem}.section-layout{align-items:stretch;gap:1rem;display:flex;overflow:hidden}.section-nav{flex-direction:column;flex-shrink:0;gap:.4rem;width:200px;display:flex;overflow-y:auto}.section-nav button{text-align:left}.section-nav button.selected{border-color:var(--accent);background:#2563eb14;font-weight:600}.section-content{flex:1;min-width:0;min-height:0;overflow-y:auto}@media (width<=720px){.section-layout{flex-direction:column}.section-nav{flex-flow:wrap;width:100%}}.stat-tile-row{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.stat-tile{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-direction:column;gap:.25rem;min-width:140px;padding:.75rem 1rem;display:flex}.stat-tile-label{color:var(--muted);font-size:.8rem}.stat-tile-value{font-variant-numeric:proportional-nums;font-size:1.5rem;font-weight:600}.chart-title{color:var(--text);margin:0 0 .75rem;font-size:.95rem}.bar-chart-scroll{padding-bottom:.25rem;overflow-x:auto}.bar-chart{display:block}.chart-baseline{stroke:var(--border);stroke-width:1px}.chart-bar{fill:var(--accent);cursor:pointer;outline:none}.chart-bar.hovered,.chart-bar:focus-visible{filter:brightness(1.2)}.chart-axis-label{fill:var(--muted);font-size:10px}.chart-tooltip{min-height:1.2em;margin:.5rem 0 0;font-size:.85rem}.theme-bar-list{flex-direction:column;gap:.5rem;display:flex}.theme-bar-row{align-items:center;gap:.75rem;display:flex}.theme-bar-label{width:240px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:.85rem;overflow:hidden}.theme-bar-track{background:var(--bg);border-radius:4px;flex:1;height:18px;display:block}.theme-bar-fill{background:var(--accent);border-radius:4px;outline:none;height:100%;display:block}.theme-bar-fill.hovered,.theme-bar-fill:focus-visible{filter:brightness(1.2)}.theme-bar-count{text-align:right;font-variant-numeric:proportional-nums;width:2rem;color:var(--muted);flex-shrink:0;font-size:.85rem}@media (width<=720px){.theme-bar-label{width:140px}}.follow-up-list{flex-direction:column;gap:.75rem;display:flex}.follow-up-card{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:.75rem 1rem}.follow-up-card.resolved{opacity:.6}.follow-up-card-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.follow-up-category{font-weight:600}.follow-up-caller{margin:0 0 .4rem;font-size:.85rem}.follow-up-summary{margin:0 0 .5rem}.follow-up-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.gate{justify-content:center;align-items:center;min-height:100vh;display:flex}.gate-form{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.75rem;width:320px;padding:2rem;display:flex}.gate-form h1{margin:0;font-size:1.1rem}.gate-form p{color:var(--muted);margin:0;font-size:.9rem}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.panel-header h1,.panel-header h2{margin:0 0 .25rem}.panel-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}table thead,table tbody{table-layout:fixed;width:100%;display:table}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .6rem;font-size:.9rem}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.row-inactive{opacity:.55}.row-actions{gap:.4rem;display:flex}.badge{border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-active{color:var(--success);background:#16a34a26}.badge-inactive{color:var(--danger);background:#dc26261f}.badge-pending{color:var(--accent);background:#2563eb1f}.checkbox-label{align-items:center;gap:.4rem;font-size:.9rem;display:flex}button{border:1px solid var(--border);background:var(--panel-bg);color:var(--text);cursor:pointer;border-radius:6px;padding:.4rem .8rem;font-size:.9rem}button:hover{border-color:var(--accent)}button:disabled{opacity:.6;cursor:default}button[type=submit]{background:var(--accent);color:#fff;border-color:var(--accent)}.error-banner{color:var(--danger);border:1px solid var(--danger);background:#dc26261a;border-radius:6px;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.9rem}.empty-state,.muted{color:var(--muted);font-size:.9rem}.back-link{color:var(--accent);margin-bottom:1rem;text-decoration:none;display:inline-block}a{color:var(--accent)}.modal-backdrop{z-index:10;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--panel-bg);border-radius:8px;width:420px;max-width:90vw;max-height:85vh;padding:1.5rem;overflow-y:auto}.modal-panel.wide{width:720px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-header h2{margin:0;font-size:1.1rem}.modal-close{background:0 0;border:none;padding:0;font-size:1.4rem;line-height:1}.form{flex-direction:column;gap:.75rem;display:flex}.form label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.form input,.form textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:.4rem .5rem;font-family:inherit;font-size:.95rem}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.prompt-preview{white-space:pre-wrap;background:var(--bg);border:1px solid var(--border);border-radius:6px;max-height:400px;padding:1rem;font-size:.85rem;overflow-y:auto}.calls-layout{align-items:flex-start;gap:1rem;display:flex}.calls-list{flex-direction:column;flex-shrink:0;gap:.5rem;width:260px;max-height:520px;display:flex;overflow-y:auto}.call-card{text-align:left;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font:inherit;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.6rem .75rem;display:flex}.call-card:hover{border-color:var(--accent)}.call-card.selected{border-color:var(--accent);background:#2563eb14}.call-card-time{color:var(--muted);font-size:.8rem}.call-card-caller{font-weight:600}.call-card-theme{color:var(--muted);font-size:.85rem;font-style:italic}.calls-transcript-pane{border:1px solid var(--border);border-radius:8px;flex:1;min-width:0;max-height:520px;padding:1rem;overflow-y:auto}.calls-transcript-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.call-recording{margin-bottom:.75rem}.call-recording audio{width:100%;max-width:420px;height:2.25rem}@media (width<=720px){.calls-layout{flex-direction:column}.calls-list{width:100%;max-height:240px}}.transcript{flex-direction:column;gap:.6rem;display:flex}.transcript-row{display:flex}.transcript-row.caller{justify-content:flex-start}.transcript-row.assistant{justify-content:flex-end}.transcript-bubble{white-space:pre-wrap;border-radius:14px;max-width:70%;padding:.5rem .8rem;font-size:.9rem}.transcript-row.caller .transcript-bubble{background:var(--bg);border:1px solid var(--border);border-bottom-left-radius:4px}.transcript-row.assistant .transcript-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.transcript-time{opacity:.7;margin-top:.25rem;font-size:.7rem;display:block}