:root{font-family:Inter,system-ui,Arial,sans-serif;color:#f0f3fa;background:#0b111d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{height:74px;background:#111a29;border-bottom:1px solid #29334a;padding:14px max(22px,4vw);display:flex;align-items:center;justify-content:space-between}.brand strong{font-size:23px;letter-spacing:-.7px}.brand span{color:#ef535a}.brand small{display:block;letter-spacing:1.7px;font-size:10px;color:#96a6c1;margin-top:3px}main{max-width:1450px;padding:34px 25px 70px;margin:auto}h1{font-size:29px;margin:0 0 8px}h2{font-size:19px;margin:0 0 18px}h3{font-size:15px;margin:0 0 12px}p{color:#a1afc4;margin:6px 0 17px}.card{background:#131e2d;border:1px solid #2c394d;border-radius:14px;padding:25px}.narrow{width:min(460px,100%);margin:60px auto}.layout{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:20px}.hero{margin:0 0 28px}.hint{font-size:13px;line-height:1.6}label{display:block;color:#c2cee0;font-size:13px;margin:18px 0}input[type=text],input[type=password],input[type=file]{display:block;width:100%;border:1px solid #3b4b62;background:#0b1524;color:white;border-radius:9px;padding:12px;margin:8px 0}button{border:0;background:#dc404b;border-radius:8px;color:white;padding:12px 18px;cursor:pointer;font-weight:650}button:disabled{opacity:.5;cursor:not-allowed}button:hover{filter:brightness(1.12)}button.secondary{background:#24344b;color:#e5ebf6}button.tiny{padding:7px 10px;font-size:12px}.hidden{display:none!important}.error{color:#ff8490!important}.success{color:#79e3b3!important}.study{padding:16px 0;border-bottom:1px solid #2d3a4b;display:flex;gap:15px;align-items:center;justify-content:space-between}.study strong{display:block}.study small{color:#91a0b9}.study .actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.progress{height:9px;background:#2e3d52;border-radius:20px;overflow:hidden}.progress>div{background:#ec525c;height:100%;width:0%}.viewerhead{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 20px}.tools{display:flex;flex-wrap:wrap;gap:8px}.viewerlayout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px}.sidebar{padding:18px;max-height:76vh;overflow:auto}.seriesitem{padding:12px;border-radius:8px;margin:8px 0;background:#1b293b;cursor:pointer;font-size:13px;overflow-wrap:anywhere}.seriesitem.active{background:#394763;outline:1px solid #ef535a}.seriesitem small{display:block;color:#aab5c7;margin-top:4px}.viewport{background:#04070b;border:1px solid #27344a;border-radius:13px;position:relative;min-height:65vh;overflow:hidden}#dicomElement{height:calc(65vh - 55px);min-height:350px;touch-action:none}.overlay{pointer-events:none;position:absolute;top:18px;left:20px;color:#a5b7ce;font-size:13px}.viewerfoot{height:55px;display:flex;align-items:center;gap:15px;padding:0 18px;border-top:1px solid #172333;color:#c9d4e4;font-size:13px}#slice{flex:1;accent-color:#ef535a}footer{text-align:center;color:#687991;padding:0 20px 22px;font-size:12px}@media(max-width:800px){.layout,.viewerlayout{grid-template-columns:1fr}main{padding:20px 12px}.sidebar{max-height:220px}.study{align-items:flex-start;flex-direction:column}.study .actions{justify-content:flex-start}.viewport{min-height:440px}#dicomElement{height:385px;min-height:385px}}