@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--cn-teal: #0e8f7e;--cn-teal-dark: #0a6f62;--cn-teal-700: #095a50;--cn-ink: #0f2e2a;--cn-mint: #e6f5f1;--cn-mint-2: #d3ece5;--cn-amber: #e8a13a;--cn-amber-soft: #fbeccd;--cn-paper: #fbfaf7;--bg: #f4f6f5;--surface: #ffffff;--surface-2: #fbfaf7;--border: #e6e3da;--border-strong: #d8d4c8;--text: #16201d;--text-muted: #5d6b67;--text-faint: #8a958f;--green: #15916b;--green-bg: #e3f5ec;--blue: #2563c9;--blue-bg: #e6eefb;--amber-text: #9a6612;--amber-bg: #fbeccd;--red: #c0392f;--red-bg: #fbe7e4;--grey-bg: #eceae3;--shadow-sm: 0 1px 2px rgba(15, 46, 42, .06), 0 1px 1px rgba(15, 46, 42, .04);--shadow-md: 0 6px 18px rgba(15, 46, 42, .08);--shadow-lg: 0 18px 48px rgba(15, 46, 42, .16);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 22px;--sidebar-w: 256px;--topbar-h: 64px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:15px;line-height:1.5}h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em;color:var(--cn-ink);line-height:1.15}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--cn-mint-2)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#d6d2c7;border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#c3beb0;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.cn-row{display:flex;align-items:center}.cn-row-between{display:flex;align-items:center;justify-content:space-between}.cn-col{display:flex;flex-direction:column}.cn-gap-1{gap:4px}.cn-gap-2{gap:8px}.cn-gap-3{gap:12px}.cn-gap-4{gap:16px}.cn-gap-6{gap:24px}.cn-grow{flex:1}.cn-wrap{flex-wrap:wrap}.cn-muted{color:var(--text-muted)}.cn-faint{color:var(--text-faint)}.cn-mono{font-variant-numeric:tabular-nums}.cn-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-center{text-align:center}.cn-kicker{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cn-teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease,color .15s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--cn-mint-2);outline-offset:1px}.btn-primary{background:var(--cn-teal);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--cn-teal-dark)}.btn-secondary{background:var(--surface);color:var(--cn-ink);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-faint)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--grey-bg);color:var(--text)}.btn-danger{background:var(--surface);color:var(--red);border-color:#eccfcb}.btn-danger:hover:not(:disabled){background:var(--red-bg)}.btn-sm{padding:6px 11px;font-size:13px;border-radius:7px}.btn-lg{padding:12px 22px;font-size:15px}.btn-icon{padding:8px}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:22px 24px}.card-hover{transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-strong)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;line-height:1.5;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-green{background:var(--green-bg);color:var(--green)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-amber{background:var(--amber-bg);color:var(--amber-text)}.badge-grey{background:var(--grey-bg);color:var(--text-muted)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-teal{background:var(--cn-mint);color:var(--cn-teal-dark)}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:7px;background:var(--cn-mint);color:var(--cn-teal-dark)}.field{display:flex;flex-direction:column;gap:7px}.label{font-size:13px;font-weight:600;color:var(--text)}.hint{font-size:12px;color:var(--text-faint)}.input,.select,.textarea{width:100%;font-family:inherit;font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--cn-teal);box-shadow:0 0 0 3px var(--cn-mint-2)}.textarea{resize:vertical;min-height:120px;line-height:1.6}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235d6b67' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 6 8 10 12 6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;cursor:pointer}.table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}.table thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:12px 16px;border-bottom:1px solid var(--border)}.table tbody td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text)}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.table .row-click{cursor:pointer}.tab{display:inline-flex;align-items:center;gap:7px;background:transparent;border:none;border-bottom:2px solid transparent;padding:10px 16px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease}.tab:hover{color:var(--text)}.tab-active{color:var(--cn-teal-dark);border-bottom-color:var(--cn-teal)}.skeleton{background:linear-gradient(90deg,#ecebe5 25%,#f4f3ee 37%,#ecebe5 63%);background-size:400% 100%;animation:cn-shimmer 1.4s ease infinite;border-radius:8px}@keyframes cn-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes cn-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cn-fade-in{animation:cn-fade-in .4s ease both}@keyframes cn-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cn-blink{50%{opacity:0}}.cn-caret{display:inline-block;width:2px;height:1.05em;background:var(--cn-teal);vertical-align:text-bottom;margin-left:1px;animation:cn-blink 1s step-end infinite}@keyframes cn-spin{to{transform:rotate(360deg)}}.cn-spin{animation:cn-spin .8s linear infinite}.page{padding:32px 40px 64px;max-width:1240px;margin:0 auto}.page-wide{max-width:1480px}.page-header{margin-bottom:26px}.page-title{font-size:26px}.page-sub{color:var(--text-muted);margin-top:6px;font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-grid-5{grid-template-columns:repeat(5,1fr);gap:14px}.stat-grid-5 .card-pad{padding:16px 18px}.stat-grid-5 .stat{font-size:25px}.stat-grid-5 .stat-label{font-size:12px;margin-top:6px}.stat{font-size:30px;font-weight:800;color:var(--cn-ink);line-height:1;font-variant-numeric:tabular-nums}.stat-accent{color:var(--cn-teal)}.stat-label{font-size:13px;color:var(--text-muted);margin-top:8px}@media(max-width:920px){.page{padding:22px 18px 56px}}.rec-dot{width:11px;height:11px;border-radius:50%;background:var(--red);animation:cn-pulse 1s ease-in-out infinite;flex-shrink:0}@keyframes cn-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.55}}.countdown-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--cn-teal);color:#fff;font-size:18px;font-weight:800}.segment-row{display:flex;align-items:center;gap:8px}.segment-row.low-confidence .input{border-color:var(--amber-text);background:var(--amber-bg)}.segment-time{font-size:11px;color:var(--text-faint);min-width:44px;text-align:right}.transcript-line{display:flex;gap:10px;padding:8px 12px;margin-bottom:4px;border-radius:10px;transition:background .25s ease,box-shadow .25s ease}#root{width:100%;min-height:100vh}.table-wrap{width:100%;overflow-x:auto}.app-shell{display:grid;gap:1rem;animation:rise-in .46s ease-out}.hero{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:1.2rem;border:1px solid var(--border);border-radius:1rem;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--ink-soft)}h1{margin:.15rem 0;font-size:clamp(1.5rem,3vw,2.25rem)}.subtitle{margin:0;color:var(--ink-soft)}.user-picker{display:grid;gap:.25rem;font-weight:600}.user-picker select{border-radius:.65rem;border:1px solid var(--border);padding:.45rem .65rem}.panel{padding:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--panel)}.panel-hint{margin-top:0;color:var(--ink-soft)}.recorder-actions{display:flex;flex-wrap:wrap;gap:.65rem}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.meta-field{display:flex;flex-direction:column;gap:.35rem;font-weight:600;color:var(--ink-soft)}.meta-field input,.meta-field select{border:1px solid var(--border);border-radius:.6rem;padding:.45rem .6rem;background:#fff;font-weight:400}.library-header{display:flex;align-items:center;justify-content:space-between}.library-table{width:100%;border-collapse:collapse}.library-table th,.library-table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border)}.library-table tr.selected{background:#0000000a}.link-button{background:none;border:none;color:var(--warn);cursor:pointer;padding:0;font:inherit;text-decoration:underline}.spinner-row{display:flex;align-items:center;gap:.75rem}.spinner{width:1.5rem;height:1.5rem;border:3px solid var(--border);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.record-countdown{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;font-weight:600;color:var(--ink-soft)}.countdown-number{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--accent);color:#fff;font-size:1.4rem;animation:pulse 1s ease-in-out infinite}.record-indicator{display:flex;align-items:center;gap:.6rem;margin-top:.75rem;font-weight:700;color:var(--warn)}.rec-dot{width:.9rem;height:.9rem;border-radius:50%;background:var(--warn);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.55}}.file-input-label{display:inline-flex;align-items:center;gap:.5rem;border:1px dashed var(--border);border-radius:.75rem;padding:.45rem .75rem;background:#fff}.file-input-label input{max-width:210px}.status{color:var(--ok);font-weight:600}.error{color:var(--warn);font-weight:600}.transcript-editor,.case-note-editor,.readonly-block{width:100%;border:1px solid var(--border);border-radius:.75rem;padding:.75rem;background:#fff}.readonly-block{min-height:210px;white-space:pre-wrap}.speaker-labels{margin-bottom:.9rem}.speaker-label-grid{display:flex;flex-wrap:wrap;gap:.75rem}.speaker-label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600}.speaker-label input{border:1px solid var(--border);border-radius:.5rem;padding:.35rem .5rem;background:#fff}.segment-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem}.segment-row{display:flex;align-items:center;gap:.5rem}.segment-row.low-confidence .segment-text{border-color:var(--warn);background:#c2410c0f}.segment-speaker{flex:0 0 auto;border:1px solid var(--border);border-radius:.5rem;padding:.4rem .5rem;background:#fff}.segment-text{flex:1 1 auto;border:1px solid var(--border);border-radius:.5rem;padding:.4rem .55rem;background:#fff}.segment-time{flex:0 0 auto;font-size:.75rem;color:#64748b;min-width:3rem;text-align:right}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 .9rem}.chip{font-size:.85rem;border-radius:999px;padding:.3rem .55rem;background:#014f8614}.chip.warning{background:#c2410c1a}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@keyframes rise-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:880px){.hero{align-items:start;flex-direction:column}.editor-grid{grid-template-columns:1fr}}