:root{color:#1b1f27;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.appShell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#10141c;color:#f6f7fb;padding:20px}.brand{display:flex;align-items:center;gap:12px}.brand.large{margin-bottom:18px}.brandMark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#2f7d68;color:#fff;font-weight:800}.brand span,.topbar p,.metricCard span,.hint{color:#727b8c;display:block;font-size:13px;margin:2px 0 0}.sidebar .brand span{color:#aab3c3}.navList{display:grid;gap:6px;margin-top:28px}.navList button,.userBox button{align-items:center;border:0;border-radius:8px;display:flex;gap:10px}.navList button{background:transparent;color:#c9d0dd;padding:11px 12px;text-align:left}.navList button.active,.navList button:hover{background:#242b38;color:#fff}.main{min-width:0}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between;padding:18px 28px}.topbar h1{font-size:24px;line-height:1.2;margin:0}.userBox{align-items:center;display:flex;gap:12px}.userBox button{background:#eef1f5;color:#202632;height:38px;justify-content:center;width:38px}.content{padding:28px}.split{display:grid;gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.metricGrid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.metricCard,.loginPanel,.createPanel{background:#fff;border:1px solid #e1e5eb;border-radius:8px}.metricCard{padding:18px}.metricCard strong{display:block;font-size:30px;margin-top:8px}h2{align-items:center;display:flex;font-size:18px;gap:8px;margin:0 0 12px}table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 0 0 1px #e1e5eb;margin:0 0 22px;overflow:hidden;table-layout:fixed;width:100%}th,td{border-bottom:1px solid #edf0f4;padding:12px 14px;text-align:left;word-break:break-word}th{background:#f8f9fb;color:#5d6675;font-size:13px;font-weight:700}.loginPage{align-items:center;background:#eef1f5;display:grid;min-height:100vh;padding:22px}.loginPanel{display:grid;gap:14px;margin:auto;max-width:420px;padding:24px;width:100%}label{color:#4c5564;display:grid;font-size:13px;font-weight:700;gap:7px}input,select{background:#fff;border:1px solid #cfd6e1;border-radius:8px;color:#1b1f27;padding:11px 12px;width:100%}.primary{background:#2f7d68;border:0;border-radius:8px;color:#fff;font-weight:700;padding:12px 14px}.error,.status.warning,.formError,.formSuccess{align-items:center;background:#fff3e8;border:1px solid #ffc68a;border-radius:8px;color:#8a4a00;display:flex;gap:8px;padding:10px 12px}.formSuccess{background:#eaf7f2;border-color:#9dd8c3;color:#17624f}.managementLayout{display:grid;gap:26px}.formGrid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.createPanel{align-content:start;display:grid;gap:12px;padding:16px}.createPanel h2{margin-bottom:2px}.status{color:#667085;margin-bottom:14px}.empty{background:#fff;border:1px dashed #cfd6e1;border-radius:8px;color:#667085;padding:22px}.workstationControls{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(220px,360px) 1fr}.workstationControls span{background:#fff;border:1px solid #e1e5eb;border-radius:8px;color:#4b5565;min-width:0;overflow-wrap:anywhere;padding:11px 12px}.roiLayout{display:grid;gap:18px}.roiToolbar{background:#fff;border:1px solid #e1e5eb;border-radius:8px;display:grid;gap:14px;padding:16px}.uploadForm{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(120px,.7fr)) auto}.uploadForm .primary,.roiActions .primary{align-items:center;display:inline-flex;gap:8px;justify-content:center}.roiEditor{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 340px}.roiCanvasPanel,.roiSidePanel{background:#fff;border:1px solid #e1e5eb;border-radius:8px}.roiCanvasPanel{min-width:0;padding:14px}.roiImageBox{background:#10141c;position:relative;width:100%}.roiImageBox img{display:block;height:auto;width:100%}.roiOverlay{cursor:crosshair;top:0;right:0;bottom:0;left:0;position:absolute;width:100%;height:100%}.roiEmpty{min-height:420px;display:grid;place-items:center}.roiSidePanel{align-content:start;display:grid;gap:14px;padding:16px}.segmented{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.segmented button,.roiActions button,.roiListItem button{background:#fff;border:1px solid #cfd6e1;border-radius:8px;color:#273142;padding:10px}.segmented button.active{background:#eef5f2;font-weight:800}.roiActions{display:grid;gap:8px}.roiList{display:grid;gap:14px}.roiList h3{font-size:14px;margin:0 0 8px}.roiListItem{align-items:center;border:1px solid #edf0f4;border-radius:8px;display:flex;justify-content:space-between;gap:10px;padding:9px 10px}.roiListItem button{display:grid;flex:0 0 34px;height:34px;place-items:center;padding:0}.transcriptLayout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 420px}.transcriptPanel{background:#fff;border:1px solid #e1e5eb;border-radius:8px;display:grid;gap:14px;align-content:start;padding:16px;min-width:0}.filterBar,.timelineSearch{align-items:end;display:grid;gap:12px}.filterBar{grid-template-columns:repeat(2,minmax(180px,1fr)) minmax(120px,.5fr) auto}.timelineSearch{grid-template-columns:minmax(0,1fr) auto}.filterBar .primary,.timelineSearch .primary{align-items:center;display:inline-flex;gap:8px;justify-content:center}.transcriptList{display:grid;gap:10px}.paginationBar{align-items:center;display:flex;justify-content:space-between;gap:12px}.paginationBar span{color:#667085;font-size:13px}.paginationBar div{align-items:center;display:flex;gap:8px}.paginationBar button{background:#fff;border:1px solid #cfd6e1;border-radius:8px;color:#273142;padding:8px 10px}.paginationBar button:disabled{color:#a0a8b5;cursor:not-allowed}.transcriptItem{border:1px solid #edf0f4;border-radius:8px;display:grid;gap:8px;padding:12px}.transcriptItem p{font-size:15px;line-height:1.5;margin:0}.transcriptMeta,.transcriptIds{display:flex;flex-wrap:wrap;gap:8px}.transcriptMeta span,.transcriptIds span{background:#f3f5f8;border-radius:8px;color:#596474;font-size:12px;padding:4px 7px}@media(max-width:860px){.appShell,.split,.metricGrid,.formGrid,.uploadForm,.roiEditor,.transcriptLayout,.filterBar,.timelineSearch,.workstationControls{grid-template-columns:1fr}.sidebar{padding:14px}.navList{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.topbar{align-items:flex-start;gap:12px;padding:18px}.content{padding:18px}}