:root{font-family:Inter,DM Sans,system-ui,sans-serif;color:#202720;background:#f4f5f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #202720;--muted: #747d73;--line: #e5e9e1;--paper: #fff;--green: #38694d;--green-soft: #eef5ed;--shadow: 0 12px 36px rgba(34, 48, 34, .045)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.62}.dashboard-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:0 0 248px;min-height:100vh;padding:28px 18px 22px;color:#eaf0e9;background:#25382c;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 9px;font:700 19px Inter,system-ui,sans-serif;letter-spacing:-.4px}.brand-mark{display:grid;width:32px;height:32px;place-items:center;border-radius:11px;color:#25382c;background:#cce2c8;font:800 16px Inter,system-ui,sans-serif}.side-label{margin:53px 10px 14px;color:#aab9aa;font-size:10px;letter-spacing:1.5px;font-weight:700}.nav-item{display:flex;gap:11px;align-items:center;padding:12px;border-radius:11px;color:#f2f5f1;font-size:13px;font-weight:600}.nav-item-active{background:#354c3c}.nav-symbol{font-size:19px;color:#c7dfc4}.side-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:30px 10px 0;color:#dde8dc;font-size:12px}.online-dot{width:8px;height:8px;border-radius:50%;background:#80c98d;box-shadow:0 0 0 4px #80c98d22}.side-note small{width:100%;margin:0 0 0 16px;color:#aab9aa;font-size:11px}.sidebar-bottom{margin-top:auto;padding:16px 12px 0;border-top:1px solid #ffffff20;display:grid;gap:7px;color:#afbdaf;font-size:11px}.sidebar-bottom strong{color:#eff4ed;font:600 12px DM Sans,sans-serif;overflow-wrap:anywhere}.sidebar-bottom p{margin:6px 0 0;line-height:1.55;color:#aab9aa}.main-area{width:min(100%,1600px);min-width:0;padding:35px clamp(20px,4vw,58px) 26px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{margin:0 0 8px;color:#879286;font-size:10px;font-weight:700;letter-spacing:1.5px}h1,h2,p{margin-top:0}h1{margin-bottom:0;font:700 clamp(23px,3vw,31px) Inter,system-ui,sans-serif;letter-spacing:-1px}h2{margin:0;font:700 19px Inter,system-ui,sans-serif;letter-spacing:-.5px}.top-actions{display:flex;align-items:center;gap:14px}.topbar-copy{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.quiet-button{padding:10px 15px;border:1px solid var(--line);border-radius:10px;color:#39453a;background:#fff;font-size:12px;font-weight:600}.quiet-button:hover{border-color:#bac9b8;background:#fafcf9}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.summary-card{min-height:114px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow);display:grid;gap:3px}.summary-card span{color:var(--muted);font-size:12px;font-weight:600}.summary-card strong{font:700 26px Inter,system-ui,sans-serif;letter-spacing:-1px}.summary-card small{color:#929a90;font-size:10px}.summary-warm strong{color:#aa7837}.summary-blue strong{color:#4f7e9a}.summary-green strong{color:var(--green)}.summary-red strong{color:#b75f54}.workspace-grid{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.65fr);align-items:start;gap:17px}.panel{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow)}.recordings-panel{position:sticky;top:15px;overflow:hidden}.panel-heading{min-height:75px;padding:17px 19px;border-bottom:1px solid #eef0ec;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading .eyebrow{margin-bottom:5px}.count-pill{min-width:27px;padding:5px 8px;border-radius:30px;background:#f0f3ee;color:#657363;text-align:center;font-size:11px;font-weight:700}.recording-list{max-height:calc(100vh - 260px);min-height:150px;overflow:auto;padding:6px}.recording-row{width:100%;padding:11px 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:left;display:flex;align-items:center;gap:10px}.recording-row:hover{background:#f7f9f5}.recording-row-selected{background:#f0f5ee;box-shadow:inset 3px 0 #598063}.recording-icon{display:grid;flex:0 0 31px;height:31px;place-items:center;border-radius:10px;background:#f0f4ed;color:#66826a;font-size:17px}.recording-info{min-width:0;flex:1;display:grid;gap:4px}.recording-info strong{overflow:hidden;color:#333c34;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.recording-info small{color:#8b948a;font-size:10px}.status{flex:0 0 auto;padding:5px 8px;border-radius:30px;color:#777f77;background:#f2f3f1;font-size:9px;font-weight:700;white-space:nowrap}.status-good{color:#367249;background:#ebf5eb}.status-error{color:#a85149;background:#faeeec}.status-active{color:#517994;background:#edf4f8}.review-panel{overflow:hidden}.review-heading{min-height:79px}.muted-copy{margin:17px 20px 16px;max-width:760px;color:#737c72;font-size:12px;line-height:1.6}.result-meta{margin:0 20px 12px;display:flex;gap:17px;color:#7c857b;font-size:10px}.result-meta span+span{padding-left:17px;border-left:1px solid var(--line)}.filter-tabs{margin:0 20px 12px;display:flex;gap:5px;border-bottom:1px solid var(--line)}.filter-tabs button{padding:9px 11px;border:0;border-bottom:2px solid transparent;color:#80887e;background:transparent;font-size:11px;font-weight:600}.filter-tabs button:hover{color:var(--green)}.filter-tabs .filter-active{color:var(--green);border-bottom-color:#527c5c}.window-list{max-height:min(58vh,650px);overflow:auto;padding:1px 20px 14px}.window-card{padding:13px 0 14px;border-bottom:1px solid #edf0eb}.window-card:last-child{border-bottom:0}.window-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.window-top>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.window-top strong{color:#364039;font:700 12px Inter,system-ui,sans-serif}.score-label{color:#818a80;font-size:10px}.listen-button{padding:7px 11px;border:1px solid #dce6da;border-radius:8px;color:#3e6b4c;background:#f6faf4;font-size:10px;font-weight:700}.listen-button:hover{background:#eaf3e8}.score-track{height:4px;margin:10px 0 11px;border-radius:4px;background:#eef0ed;overflow:hidden}.score-track span{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#a9c497,#51794f)}.label-row{display:flex;flex-wrap:wrap;gap:6px}.label-button{padding:6px 10px;border:1px solid #e0e5de;border-radius:7px;color:#737b72;background:#fff;font-size:10px}.label-button:hover{border-color:#9db49a;color:#3d684a}.label-button.label-selected{border-color:#83a084;color:#356445;background:#eef5ed;font-weight:700}.queue-box{margin:16px 20px;padding:14px;border:1px solid #e6ebdf;border-radius:12px;background:#f9fbf7;display:flex;align-items:center;justify-content:space-between;gap:15px}.queue-box div{display:grid;gap:5px}.queue-box strong{font-size:12px}.queue-box small{color:var(--muted);font-size:10px}.primary-button{padding:10px 14px;border:0;border-radius:9px;color:#fff;background:#456c4e;font-size:11px;font-weight:700}.primary-button:hover{background:#355c40}.batch-queue-box{margin:10px 12px 6px;padding:12px;border:1px solid #e6ebdf;border-radius:11px;background:#f9fbf7;display:flex;align-items:center;justify-content:space-between;gap:10px}.batch-queue-box div{display:grid;gap:4px}.batch-queue-box strong{color:#39443a;font-size:11px}.batch-queue-box small{color:var(--muted);font-size:10px;line-height:1.4}.batch-queue-box .primary-button{padding:9px 11px;flex:0 0 auto}.info-banner,.error-banner{margin:14px 20px;padding:11px 13px;border-radius:9px;color:#58745d;background:#eff5ed;font-size:11px;line-height:1.5}.error-banner{border:1px solid #f0d8d5;color:#9b5048;background:#fff5f4}.empty-state{padding:34px 20px;color:#899188;text-align:center;font-size:12px}.list-note{margin:0;padding:0 20px 17px;color:#90988f;font-size:10px}.footer-note{margin-top:16px;color:#858d83;font-size:10px;line-height:1.5}.boot-screen,.config-error{min-height:100vh;padding:30px;display:grid;place-content:center;color:var(--ink);text-align:center}.config-error h1{margin-bottom:12px}.config-error p:not(.eyebrow){max-width:460px;color:var(--muted);line-height:1.6}.sign-in-page{min-height:100vh;display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,.9fr);background:#f4f5f1}.sign-in-intro{padding:clamp(35px,8vw,120px);color:#fff;background:#25382c;display:flex;flex-direction:column;justify-content:center}.sign-in-intro .brand-mark{margin-bottom:30px}.sign-in-intro .eyebrow{color:#b6c8b3}.sign-in-intro h1{max-width:500px;font-size:clamp(31px,5vw,52px);line-height:1.1}.sign-in-intro>p:last-child{max-width:400px;margin-top:17px;color:#c4d1c2;font-size:14px;line-height:1.6}.sign-in-card{padding:35px;display:grid;place-items:center}.clerk-sign-in{width:min(100%,420px)}.clerk-sign-in .empty-state{padding:10px}@media(max-width:1040px){.sidebar{width:215px;flex-basis:215px}.workspace-grid{grid-template-columns:minmax(240px,.75fr) minmax(0,1.5fr)}.summary-card{padding:14px}}@media(max-width:760px){.dashboard-shell{display:block}.sidebar{width:100%;min-height:unset;height:62px;padding:0 18px;flex-direction:row;align-items:center}.brand{padding:0;font-size:16px}.brand-mark{width:29px;height:29px}.side-label,.nav-item,.side-note,.sidebar-bottom{display:none}.main-area{padding:22px 14px 28px}.topbar{align-items:flex-start}.topbar h1{font-size:23px}.top-actions{gap:9px}.quiet-button{padding:8px 10px;font-size:10px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:9px}.summary-card{min-height:95px;padding:12px}.summary-card strong{font-size:22px}.workspace-grid{grid-template-columns:1fr}.recordings-panel{position:static}.recording-list{max-height:250px}.panel-heading{padding:15px}.muted-copy{margin:14px 15px}.result-meta,.filter-tabs{margin-left:15px;margin-right:15px}.window-list{padding-left:15px;padding-right:15px;max-height:none}.queue-box,.info-banner,.error-banner{margin-left:15px;margin-right:15px}.batch-queue-box{margin-left:8px;margin-right:8px;align-items:flex-start}.batch-queue-box .primary-button{font-size:10px;padding:9px}.sign-in-page{grid-template-columns:1fr}.sign-in-intro{min-height:230px;padding:30px 25px}.sign-in-intro .brand-mark{margin-bottom:16px}.sign-in-intro h1{font-size:31px}.sign-in-card{padding:25px 16px}}
