.series-list{display:flex;flex-direction:column;height:100%}.series-list h3{margin:0;padding:.8rem .9rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#b9c5d9;border-bottom:1px solid #3b4556;background:#0000001f}.series-items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding:.5rem}.series-item{display:flex;flex-direction:column;gap:.35rem;padding:.5rem;background:#2a313e;border:1px solid #3f4757;border-radius:4px;cursor:pointer;transition:all .2s}.series-item:hover{background:#354152;border-color:#58aef0}.series-item.selected{background:#19384a;border-color:#31a6f5}.series-thumbnail-container{position:relative;width:100%;aspect-ratio:1;background:#1a202a;border-radius:3px;overflow:hidden;display:flex;align-items:center;justify-content:center}.series-thumbnail{width:100%;height:100%;object-fit:contain;background:#000}.series-thumbnail-placeholder{font-size:1.8rem;opacity:.6}.series-header{display:flex;align-items:flex-start;gap:.4rem}.series-modality{display:flex;align-items:center;justify-content:center;min-width:30px;width:30px;height:30px;background:#3f6a94;border-radius:3px;font-weight:700;font-size:.74rem;color:#fff;flex-shrink:0}.series-item.selected .series-modality{background:#0d649b}.series-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.series-description{margin:0;color:#f0f5ff;font-size:.8rem;line-height:1.3;word-break:break-word;max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.series-info{margin:0;color:#a8b1be;font-size:.72rem;white-space:nowrap}.series-progress-wrap{display:flex;align-items:center;gap:.35rem}.series-progress-track{flex:1;height:5px;border-radius:999px;background:#1a2433;overflow:hidden}.series-progress-fill{height:100%;background:linear-gradient(90deg,#1ea8ff,#51d2ff)}.series-progress-label{min-width:42px;text-align:right;color:#9bb9d9;font-size:.68rem}.toolbar{display:flex;gap:.75rem;align-items:center;padding:.5rem .75rem;background:linear-gradient(to bottom,#2f3440,#1d222c);border-bottom:1px solid #3b4454;flex-wrap:nowrap;min-height:56px}.toolbar-section{display:flex;align-items:center;gap:.35rem}.toolbar-patient{min-width:260px;max-width:360px;flex-direction:column;align-items:flex-start;gap:.1rem}.toolbar-section h2{margin:0;font-size:.92rem;letter-spacing:.02em;color:#f4f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.toolbar-info{color:#a8b0bf;font-size:.78rem}.toolbar-tools{flex:1}.toolbar button{padding:.36rem .62rem;background:#2f3746;border:1px solid #4b5567;color:#dbe6f9;border-radius:3px;cursor:pointer;font-size:.78rem;font-weight:600;transition:background .2s}.toolbar button:hover:not(:disabled){background:#3c475a;border-color:#6199d8}.toolbar button:disabled{opacity:.38;cursor:not-allowed}.toolbar button.active{background:#0a4f7c;border-color:#2eb8ff;color:#fff}.toolbar button.active:hover{background:#15679f}.layout-btn{display:inline-flex;align-items:center;gap:.35rem}.layout-grid{display:grid;gap:2px;width:14px;height:14px}.layout-grid.cells-1{grid-template-columns:1fr;grid-template-rows:1fr}.layout-grid.cells-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.layout-grid.cells-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.layout-cell{border:1px solid #85a6d0;border-radius:1px;background:#0f182573}.toolbar-views,.toolbar-layouts,.toolbar-sync{border-left:1px solid #3e4859;padding-left:.6rem}@media (max-width: 1200px){.toolbar{flex-wrap:wrap}.toolbar-patient{min-width:100%;max-width:none}}.viewer{position:relative;width:100%;height:100%;background:#000;overflow:hidden;display:block}.viewer-canvas{display:block;width:100%;height:100%}.viewer-center-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#d5e7ff;font-size:.95rem;pointer-events:none;text-align:center;padding:1rem}.viewer-badge{position:absolute;background:#00000094;color:#d4deee;font-size:.72rem;font-family:Courier New,monospace;padding:3px 6px;border-radius:3px;pointer-events:none;line-height:1.4;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-badge p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-scrollbar{position:absolute;top:34px;right:8px;bottom:34px;width:20px;display:flex;align-items:center;justify-content:center;background:#080c1299;border:1px solid rgba(70,92,125,.75);border-radius:10px;pointer-events:auto}.viewer-scrollbar input[type=range]{-webkit-appearance:slider-vertical;width:16px;height:100%;writing-mode:bt-lr}.viewer-preload-progress{position:absolute;left:8px;right:36px;bottom:28px;display:flex;align-items:center;gap:8px;background:#080c1294;border:1px solid rgba(66,92,127,.75);border-radius:4px;padding:3px 6px;color:#9dc4ee;font-family:Courier New,monospace;font-size:.68rem}.viewer-preload-track{flex:1;height:4px;border-radius:999px;background:#1a2433;overflow:hidden}.viewer-preload-fill{height:100%;background:linear-gradient(90deg,#1ea8ff,#51d2ff)}.vb-tl{top:6px;left:6px}.vb-tr{top:6px;right:6px}.vb-bl{bottom:6px;left:6px}.vb-br{bottom:6px;right:6px}.mpr-view{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:2px;background:#222}.mpr-pane{position:relative;background:#000;overflow:hidden}.mpr-axial{grid-column:1;grid-row:1}.mpr-sagittal{grid-column:2;grid-row:1}.mpr-coronal{grid-column:1;grid-row:2}.mpr-info{grid-column:2;grid-row:2;background:#111;overflow-y:auto}.mpr-label{position:absolute;top:6px;left:6px;z-index:10;background:#0009;color:#7dd3fc;font-size:.7rem;font-weight:700;font-family:Courier New,monospace;padding:2px 6px;border-radius:3px;letter-spacing:.08em;pointer-events:none}.mpr-canvas{display:block;width:100%;height:100%}.mpr-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;font-size:.8rem;gap:.5rem;z-index:5;pointer-events:none}.mpr-progress-bar{width:60%;height:4px;background:#333;border-radius:2px;overflow:hidden}.mpr-progress-fill{height:100%;background:#667eea;transition:width .2s ease}.mpr-info-content{padding:.75rem 1rem;font-size:.8rem;color:#cbd5e1;line-height:1.6}.mpr-info-content p{margin:.15rem 0}.mpr-info-content hr{border:none;border-top:1px solid #333;margin:.5rem 0}.mpr-hint{color:#64748b;font-size:.75rem;line-height:1.7}.stack-layout{width:100%;height:100%;display:grid;gap:2px;background:#131821;padding:2px}.stack-layout-1x1{grid-template-columns:1fr;grid-template-rows:1fr}.stack-layout-1x2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.stack-layout-2x2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.stack-pane{padding:0;border:1px solid #2c3442;background:#000;position:relative;overflow:hidden;cursor:pointer}.stack-pane.active{border-color:#00b4ff;box-shadow:inset 0 0 0 1px #00b4ff4d}.viewer-page{display:flex;flex-direction:column;height:100%;width:100%;background:#171d27}.viewer-page.loading,.viewer-page.error{display:flex;align-items:center;justify-content:center}.spinner{color:#667eea;font-size:1.2rem}.error-box{text-align:center;color:#ff6b6b;padding:2rem}.error-box h2{margin:0 0 1rem}.viewer-container{display:flex;flex:1;gap:0;overflow:hidden}.viewer-main{flex:1;min-width:0;background:#090d14}.viewer-sidebar{width:300px;background:linear-gradient(to bottom,#252c39,#1a212d);border-right:1px solid #3a4354;overflow-y:auto;display:flex;flex-direction:column}@media (max-width: 1100px){.viewer-sidebar{width:240px}}.studies-page{display:flex;flex-direction:column;height:100%}.studies-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.studies-header h1{margin:0;font-size:2rem}.studies-header p{margin:.5rem 0 0;opacity:.9}.studies-main{flex:1;overflow-y:auto;padding:2rem;background:#1a1a1a}.search-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;margin-bottom:2rem;align-items:flex-end}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;font-size:.9rem}.form-group input,.form-group select{padding:.6em 1em;border:1px solid #404040;border-radius:4px;background:#2a2a2a;color:#fff;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.search-form button{padding:.6em 1.5em;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}.search-form button:hover:not(:disabled){background:#5568d3}.search-form button:disabled{opacity:.6;cursor:not-allowed}.studies-list{flex:1}.empty-state{text-align:center;color:#888;padding:2rem;font-size:1.1rem}.studies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.study-card{background:#2a2a2a;border:1px solid #404040;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .2s}.study-card:hover{border-color:#667eea}.study-header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.study-header h3{margin:0;font-size:1.1rem;flex:1}.study-date{white-space:nowrap;font-size:.9rem;color:#999;padding:.25rem .5rem;background:#1a1a1a;border-radius:3px}.study-info{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.study-info p{margin:0;color:#ccc}.study-info strong{color:#fff}.btn-open{background:#667eea;color:#fff;border:none;padding:.8em 1.2em;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}.btn-open:hover{background:#5568d3}#root{width:100%;height:100%;display:flex;flex-direction:column}main{flex:1;display:flex;overflow:hidden}:root{color:#e8efff;background-color:#10151d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:inherit;background:#10151d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}