:root{--bg:#101417;--panel:#171d22;--panel-soft:#202830;--border:#2d3942;--text:#eef4f7;--muted:#9eabb4;--accent:#47c6b1;--accent-strong:#60d6ff;--warning:#f5bb5f;--reading-case-approved:#38c46b;--reading-case-submitted:#f59b32;--reading-case-feedback:#9b6dff}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.homePending{display:grid;min-height:100vh;place-items:center}.homePending p{margin:0;color:var(--muted);font-size:16px}.workspace{display:grid;grid-template-columns:248px 1fr;min-height:100vh;background:linear-gradient(90deg,rgba(71,198,177,.08),transparent 38%),var(--bg)}.sidebar{border-right:1px solid var(--border);padding:20px 16px;background:rgba(18,23,27,.92)}.brand{display:flex;align-items:center;gap:12px;min-height:48px}.brandMark{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(71,198,177,.45);border-radius:8px;color:var(--accent);background:#12221f;font-weight:800}.brand span,.brand strong{display:block}.brand span{margin-top:2px;color:var(--muted);font-size:12px}.navList{display:grid;grid-gap:8px;gap:8px;margin-top:32px}.iconButton,.navItem,.studyRow,.toolButton{border:1px solid transparent;color:var(--text);background:transparent}.navItem{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:8px;color:var(--muted);text-align:left}.navItem.active,.navItem:hover{border-color:var(--border);color:var(--text);background:var(--panel-soft)}.mainPanel{min-width:0}.topbar{display:grid;grid-template-columns:40px minmax(180px,520px) auto;align-items:center;grid-gap:12px;gap:12px;min-height:72px;padding:16px 24px;border-bottom:1px solid var(--border)}.iconButton,.toolButton{display:grid;place-items:center;width:40px;height:40px;border-color:var(--border);border-radius:8px;background:rgba(255,255,255,.03)}.iconButton:hover,.toolButton:hover{border-color:rgba(96,214,255,.55)}.searchBox{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--muted)}.searchBox input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.searchBox input::placeholder{color:var(--muted)}.topActions{display:flex;justify-content:flex-end;gap:8px}.contentGrid{display:grid;grid-template-columns:minmax(300px,390px) minmax(420px,1fr);grid-gap:20px;gap:20px;padding:20px 24px 24px}.studyList,.viewerShell{min-width:0}.sectionHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.sectionHeader h1{margin:0;font-size:24px;line-height:1.2}.sectionHeader span{color:var(--muted);font-size:13px}.studyRows{display:grid;grid-gap:10px;gap:10px}.studyRow{display:grid;grid-template-columns:72px 1fr auto;grid-gap:8px 12px;gap:8px 12px;align-items:center;width:100%;min-height:78px;padding:14px;border-color:var(--border);border-radius:8px;background:var(--panel);text-align:left}.studyRow:hover{border-color:rgba(71,198,177,.6)}.studyId{color:var(--accent);font-size:13px;font-weight:700}.studyRow span:not(.studyId),.studyRow time{color:var(--muted);font-size:13px}.studyRow time{grid-column:2/4}.viewerShell{position:relative;display:grid;grid-template-rows:52px minmax(460px,1fr) 44px;overflow:hidden;min-height:620px;border:1px solid var(--border);border-radius:8px;background:#0b0f12}.viewerToolbar{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--border);background:var(--panel)}.imageStage{display:grid;place-items:center;padding:28px}.scanFrame{position:relative;width:min(74vh,680px);max-width:100%;aspect-ratio:1;overflow:hidden;border:1px solid #31404a;border-radius:8px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 32px),radial-gradient(circle at center,#d9e2e3 0 8%,#7c8a8e 17%,#263139 31%,#090c0e 58%)}.scanGlow{position:absolute;inset:15%;border:1px solid rgba(96,214,255,.28);border-radius:50%}.scanLine{position:absolute;left:12%;right:12%;height:1px;background:rgba(71,198,177,.45)}.scanLine.one{top:38%}.scanLine.two{top:50%;background:rgba(245,187,95,.55)}.scanLine.three{top:62%}.viewerFooter{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;background:var(--panel)}@media (max-width:920px){.workspace{grid-template-columns:1fr}.sidebar{display:none}.contentGrid{grid-template-columns:1fr}.viewerShell{min-height:520px}}@media (max-width:620px){.topbar{grid-template-columns:40px 1fr}.topActions{display:none}.contentGrid{padding:16px}.studyRow{grid-template-columns:1fr auto}.studyId,.studyRow time{grid-column:1/3}.viewerFooter{align-items:flex-start;flex-direction:column;justify-content:center;gap:2px}}