:root{color:#18201d;background:#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{align-items:center;background:#245c4f;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:0 14px}button:disabled{cursor:not-allowed;opacity:.62}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #78c7a2;outline-offset:2px}main{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#17211e;color:#eef5ef;display:flex;flex-direction:column;gap:28px;padding:28px 22px}.brand{color:#fff;font-size:1.35rem;font-weight:800}.muted,.topbar p{color:#68736e;margin:8px 0 0}.sidebar .muted{color:#b8c8c0}nav{display:grid;gap:8px}nav a{align-items:center;border-radius:8px;color:#eef5ef;display:flex;gap:10px;padding:10px 12px;text-decoration:none}nav a:hover{background:#24332f}.workspace{display:grid;gap:20px;padding:28px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:20px}h1{font-size:2rem;line-height:1.1;margin:0}.grid{display:grid;gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.segment{background:#fffdf8;border:1px solid #ded8ca;border-radius:8px;padding:18px}.panel-title{align-items:center;color:#26342f;display:flex;font-weight:800;gap:8px;margin-bottom:14px}.field{display:grid;gap:7px;margin-bottom:12px}.field span{color:#4f5b56;font-size:.9rem;font-weight:700}input,select,textarea{background:#fff;border:1px solid #cfc7b9;border-radius:8px;color:#18201d;min-height:42px;padding:10px 12px;width:100%}textarea{min-height:96px;resize:vertical}audio{margin-top:12px;width:100%}.metric,.status-pill,.recording-meta,.cost-row,.table-row,.segment-actions{align-items:center;display:flex;gap:10px;justify-content:space-between}.metric{background:#e1eee8;border-radius:8px;min-width:130px;padding:12px 14px}.metric span{color:#50645d;font-size:.82rem}.metric strong{font-size:1.6rem}.status-pill{background:#26342f;border-radius:999px;justify-content:center;padding:9px 12px}.cost-row,.recording-meta,.table-row{border-top:1px solid #ece5d8;margin-top:12px;padding-top:12px}.segments{display:grid;gap:14px}.segment{display:grid;gap:14px;grid-template-columns:120px 1fr 160px}.segment-fields{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.timestamp{align-self:start;background:#e5eee9;color:#245c4f}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:800;gap:5px;padding:5px 10px}.draft{background:#ede8dd;color:#675b47}.reviewed{background:#dce9f4;color:#27516f}.approved{background:#dceee5;color:#246045}.rejected{background:#f5dfdc;color:#88352f}.locked{align-items:center;background:#f3eee4;border-radius:8px;color:#5e574b;display:flex;gap:10px;padding:14px}.table{display:grid}.live-entry{align-items:center;background:#1d2a26;border:1px solid #31443e;border-radius:8px;color:#eff6f2;display:flex;gap:18px;justify-content:space-between;padding:18px}.live-entry h2,.live-screen h2{font-size:1.25rem;line-height:1.2;margin:0}.live-entry p,.live-header p{color:#b7c8c0;margin:6px 0 0}.live-header p{max-width:520px}.live-screen{background:#07100d;border:1px solid #182a24;border-radius:8px;color:#edf6f1;display:grid;gap:18px;min-height:360px;padding:22px}.live-header,.live-stats{align-items:center;display:flex;gap:14px;justify-content:space-between}.live-kicker,.live-current span,.live-stats span{color:#9db5aa;display:block;font-size:.82rem;font-weight:800;text-transform:uppercase}.quiet-button{background:#17231f;border:1px solid #31443e;color:#dfeee7}.live-progress{align-items:center;display:grid;gap:10px;grid-template-columns:18px repeat(3,1fr)}.live-progress span:not(.pulse){background:#1f342d;border-radius:999px;display:block;height:8px;overflow:hidden;position:relative}.live-progress span:not(.pulse):after{transform:translate(-120%);background:#5dbb91;border-radius:inherit;content:"";display:block;height:100%;width:45%}.live-progress.recording span:not(.pulse):after{animation:liveSweep 2.4s infinite ease-in-out}.live-progress.paused span:not(.pulse):after{transform:translate(0)}.pulse{background:#46564f;border-radius:999px;display:block;height:16px;width:16px}.pulse.active{animation:livePulse 1.3s infinite ease-in-out;background:#5dbb91}.live-stats{align-items:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.live-stats div{background:#101b17;border:1px solid #20362f;border-radius:8px;min-height:94px;padding:14px}.live-stats strong{display:block;font-size:2rem;line-height:1.1;margin-top:10px;overflow-wrap:anywhere}.live-sentences{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.live-current{background:#0d1713;border:1px solid #20362f;border-radius:8px;min-height:110px;padding:16px}.live-current p{color:#d9e8e1;font-size:1.1rem;margin:10px 0 0;overflow-wrap:anywhere}.live-error{background:#35201f;border:1px solid #6d3734;border-radius:8px;color:#ffd9d5;padding:12px 14px}@keyframes livePulse{0%,to{box-shadow:0 0 #5dbb9157}50%{box-shadow:0 0 0 8px #5dbb9100}}@keyframes liveSweep{0%{transform:translate(-120%)}to{transform:translate(230%)}}@media (max-width: 980px){main,.two,.segment,.segment-fields,.live-sentences,.live-stats{grid-template-columns:1fr}.sidebar{position:static}.topbar,.live-entry,.live-header{align-items:flex-start;flex-direction:column}.live-entry button,.live-stats div{width:100%}}