:root{font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif;color:#e9f0fc;background:#080e19;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #59b9ff;outline-offset:2px}.app{display:flex;min-height:100vh;direction:inherit}.sidebar{width:278px;flex-shrink:0;background:#0b1423;border-inline-end:1px solid #1e2b3d;display:flex;flex-direction:column;transition:width .2s;overflow:hidden}.sidebar.collapsed{width:0;border:0}.brand{height:91px;padding:25px 23px;display:flex;gap:13px;align-items:center;border-bottom:1px solid #1e2b3d;white-space:nowrap}.brandmark{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:#8bd8ff;background:linear-gradient(145deg,#164b75,#13243b);box-shadow:0 0 24px #0a8cc52b}.brandwords{display:flex;flex-direction:column;gap:4px}.brandwords b{font-size:18px;letter-spacing:.1px}.brandwords span{font-size:9px;letter-spacing:2.5px;color:#72a9d6;font-weight:800}.sidebarContent{padding:26px 14px;flex:1;min-height:0;display:flex;flex-direction:column}.sideHead{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a6b9d0;font-weight:800;padding:0 10px 17px}.count{background:#192d43;border-radius:7px;padding:4px 9px;color:#8fcbf4}.search{display:flex;align-items:center;gap:9px;background:#111e30;border:1px solid #25374d;border-radius:10px;padding:11px;color:#8296ac}.search input{min-width:0;background:none;border:0;outline:none;color:#fff;width:100%;font-size:12px}.seriesList{overflow:auto;margin-top:14px}.series{display:flex;gap:10px;align-items:center;background:transparent;border:1px solid transparent;color:#c9d7e8;border-radius:11px;width:100%;padding:12px 8px;text-align:start;margin-bottom:6px}.series:hover,.series.chosen{background:#13263c;border-color:#285578}.seriesIcon{background:#182f49;border-radius:9px;color:#78c5ed;padding:10px}.seriesBody{min-width:0;flex:1}.seriesBody b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seriesBody small{display:block;font-size:10px;color:#8097b2;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noSeries{display:flex;flex-direction:column;align-items:center;color:#526b88;padding:55px 5px;font-size:12px}.sidebarBottom{border-top:1px solid #1e2b3d;padding:19px 17px;color:#6b829a;font-size:10px}.secure{display:flex;gap:9px;color:#80bba9;font-size:11px;line-height:1.8;margin-bottom:18px}.main{min-width:0;flex:1;padding:0 32px 30px;background:radial-gradient(circle at 55% 28%,#122038 0,#090f1b 57%)}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d293b}.heading,.topactions,.actions,.tools,.tool,.toolbarTitle{display:flex;align-items:center;gap:13px}.heading h1{font-size:17px;margin:5px 0 0;font-weight:700}.crumb{font-size:10px;color:#647e9d;letter-spacing:1.5px;font-weight:700}.crumb span{color:#63bff2}.topactions{gap:17px}.status{display:flex;align-items:center;gap:8px;color:#94acc3;font-size:11px}.dot,.liveDot{width:7px;height:7px;border-radius:50%;background:#39d9a1;box-shadow:0 0 9px #39d9a188}.iconbtn{border:0;background:transparent;color:#8da7bf;display:grid;place-items:center;padding:9px;border-radius:8px}.iconbtn:hover{background:#1a2a40;color:#fff}.softbtn{display:inline-flex;gap:9px;align-items:center;background:#172438;border:1px solid #2a3b51;border-radius:9px;color:#c6d7e9;padding:11px 15px;font-size:12px;font-weight:650;white-space:nowrap}.softbtn:hover{border-color:#4d89ad}.avatar{border:1px solid #397eac;background:linear-gradient(135deg,#12618e,#253d6a);border-radius:50%;height:37px;width:37px;color:#cef;font-size:11px;font-weight:800}.workspaceHead{display:flex;justify-content:space-between;align-items:center;padding:30px 0 24px;gap:15px}.workspaceHead h2{margin:0 0 9px;font-size:23px;letter-spacing:-.4px}.workspaceHead p{margin:0;color:#8199b1;font-size:12px}.primarybtn{background:linear-gradient(105deg,#0c92d7,#1174bf);border:1px solid #33a8ee;color:#fff;border-radius:10px;padding:12px 17px;display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;box-shadow:0 6px 20px #0b84d326}.primarybtn:hover{filter:brightness(1.12)}.viewerShell{border:1px solid #29364a;border-radius:15px;overflow:hidden;background:#050a11;box-shadow:0 18px 55px #0004}.viewerToolbar{min-height:59px;display:flex;align-items:center;justify-content:space-between;background:#111c2d;border-bottom:1px solid #263447;padding:9px 17px;gap:10px;flex-wrap:wrap}.toolbarTitle{color:#78c5f1;font-size:11px;font-weight:900;letter-spacing:1px}.toolDivider{height:22px;width:1px;background:#2c3b50;margin:0 5px}.tools{gap:5px}.tool{background:transparent;border:1px solid transparent;border-radius:8px;color:#8298af;padding:8px 11px;font-size:11px;gap:7px}.tool.active{color:#7dd4ff;background:#153a59;border-color:#236a96}.tool:hover{color:#fff;background:#20324a}.viewportTag{border:1px solid #2d455f;color:#829eb8;border-radius:5px;padding:6px 9px;font-size:9px;letter-spacing:1px}.view{height:min(56vh,580px);min-height:385px;position:relative;background:radial-gradient(circle at center,#0d1a2b 0,#050a11 66%);display:flex;align-items:center;justify-content:center;overflow:hidden}.view.drag{outline:2px dashed #4abaf5;outline-offset:-14px}.dicomCanvas{position:absolute;inset:0}.viewOverlay{position:absolute;top:14px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-size:11px;color:#7db3d1}.viewOverlay button{pointer-events:auto;display:flex;align-items:center;gap:5px;background:#15243acb;color:#b9d4e8;border:1px solid #35516d;border-radius:7px;padding:8px}.empty{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:510px;padding:30px 20px}.emptyArt{position:relative;width:145px;height:145px;display:grid;place-items:center;color:#64c6fa;margin-bottom:14px}.rings{position:absolute;border-radius:50%;border:1px solid #24618b}.ring1{inset:3px}.ring2{inset:22px;border-style:dashed;transform:rotate(25deg)}.emptyArt svg{filter:drop-shadow(0 0 22px #009bff80)}.eyebrow{font-size:10px;color:#438cba;letter-spacing:2.5px;font-weight:800}.empty h3{font-size:24px;margin:16px 0 8px}.empty p{font-size:13px;line-height:1.9;color:#859cb3;margin:0 0 22px}.big{padding:14px 22px}.emptyHint{margin-top:19px;color:#5c7188;font-size:10px}.viewerFoot{background:#101a2a;border-top:1px solid #223247;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;color:#6e8aa4;font-size:10px;letter-spacing:.5px;gap:10px}.viewerFoot>div{display:flex;align-items:center;gap:8px}.lower{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.detailCard{display:flex;align-items:center;gap:14px;border:1px solid #23364a;background:#101b2d;border-radius:13px;padding:18px}.detailIcon{width:45px;height:45px;flex-shrink:0;background:#123a3a;border-radius:12px;color:#55d6ac;display:grid;place-items:center}.detailIcon.purple{background:#2a244d;color:#b7a2ff}.detailCard>div:nth-child(2){flex:1}.detailCard b{font-size:12px}.detailCard p{font-size:11px;color:#829ab3;margin:6px 0 0}.green{color:#45d4a5}.notice{display:flex;gap:12px;background:#30231c;border:1px solid #735039;border-radius:10px;margin-top:15px;padding:15px;color:#f0b982;font-size:12px}.notice p{word-break:break-word}.errorFloating{position:absolute;bottom:20px;left:20px;right:20px;background:#411e22dd;border:1px solid #a34e56;border-radius:10px;padding:15px;display:flex;gap:10px;color:#ffd5d8;font-size:12px}@media (max-width:1050px){.sidebar{width:230px}.main{padding:0 18px 22px}.tool span,.topactions .status{display:none}}@media (max-width:720px){.sidebar{position:fixed;z-index:20;height:100vh;box-shadow:15px 0 30px #0008}.sidebar.collapsed{width:0}.main{width:100%}.topbar{height:76px}.workspaceHead{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions button{flex:1;justify-content:center}.viewerToolbar{padding:7px}.view{min-height:360px;height:48vh}.lower{grid-template-columns:1fr}.viewerFoot{font-size:8px}.topactions{gap:5px}.softbtn{padding:9px}.workspaceHead h2{font-size:19px}}.loadingFloating{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;background:#050a11e8;color:#c7eaff;font-size:13px;font-weight:700}.loadingSpinner{width:24px;height:24px;border:3px solid #204966;border-top-color:#62c9ff;border-radius:50%;animation:viewer-spin .8s linear infinite}@keyframes viewer-spin{to{transform:rotate(360deg)}}