.mobile-cards{display:flex;flex-direction:column;gap:16px}.card{background-color:light-dark(var(--color-primary-light),var(--color-primary-dark));border-radius:8px;box-shadow:0 2px 8px #3c783c1a;border:1px solid #e5e7eb;overflow:hidden}.card-header{background-color:light-dark(var(--color-secondary-dark),var(--color-secondary-light));color:light-dark(#fff,#000);padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.card-title{flex:1}.card-id-link{font-size:16px;font-weight:600;color:light-dark(#000000,#e0e6ef);text-decoration:none}.card-id-label{font-size:16px;font-weight:600;color:light-dark(#fff,#000);text-decoration:none;display:flex;align-items:center}.card-id-link:hover{color:#5585ed;text-decoration:underline}.card-actions{display:flex;gap:12px;align-items:center}.card-content{padding:16px}.card-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:4px 0}.card-info-row:last-child{margin-bottom:0}.card-info-label{font-size:14px;font-weight:500;color:light-dark(#6b7280,#fff);flex-shrink:0;margin-right:12px}.card-info-value{font-size:14px;color:light-dark(#111827,#fff);text-align:right}.header-icon{cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;color:light-dark(#fff,#000);margin-left:12px}.header-icon:hover{background-color:#bfd4fc}@media (min-width: 1024px){.mobile-cards{display:none!important}}.desktop-table{display:none}.table-container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0 auto}table{width:fit-content;table-layout:auto;border-collapse:separate;border-spacing:0;background-color:light-dark(var(--color-primary-light),var(--color-primary-dark));font-family:Segoe UI,Arial,sans-serif;box-shadow:0 2px 8px #3d3c78cc;border-radius:8px;overflow:hidden}th,td{padding:12px 16px;text-align:center}tr{transition:background .2s}tr:hover{background-color:light-dark(var(--color-tertiary-light),var(--color-tertiary-dark))}th{background-color:light-dark(var(--color-secondary-dark),var(--color-secondary-light));color:light-dark(#fff,#000);font-weight:600;letter-spacing:.5px}td{text-align:center;border-bottom:1px solid light-dark(#c8e6c9,#3a4a5a)}tr:last-child td{border-bottom:none}.table-error-message{width:100%;color:red;font-size:.9em;margin-top:.5em;margin-bottom:1rem;text-align:center;word-wrap:break-word;overflow-wrap:break-word}@media (min-width: 1024px){.desktop-table{display:block!important}}.edit-icon{cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;color:#2563eb;margin-left:12px}.edit-icon:hover{background-color:#bfd4fc}.delete-icon{cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;color:#2563eb;margin-left:8px}.delete-icon:hover{background-color:#bfd4fc}.processing-icon{cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;color:#00f;margin-left:8px}.processing-icon:hover{background-color:#bfd4fc}.processing-error-icon{cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;color:red;margin-left:8px}.processing-error-icon:hover{background-color:#c47d6f}.processing-good-icon{cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;color:#05d505;margin-left:8px}.processing-good-icon:hover{background-color:#7db78f}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#202020;--color-primary-light: #ecebeb;--color-primary-dark: #3a4149;--color-secondary-light: #00ffff;--color-secondary-dark: #106e79;--color-tertiary-light: #949090;--color-tertiary-dark: #949090;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-secondary-light);text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block}h1{font-size:3.2em;line-height:1.1}h2{font-size:2em;line-height:1.1;margin:0;padding:.5em 0;width:fit-content}h3{font-size:1.5em;line-height:1.1;margin:0;padding:.2em 0}p{font-size:1em;line-height:1.1;margin:0;padding:.2em}label{font-size:1em;line-height:1.1;margin:0;padding:.2em .2em .2em 0}button{border-radius:.5em;border:1px solid;padding:.7em 1em;font-weight:500;font-family:inherit;background-color:light-dark(var(--color-secondary-dark),var(--color-secondary-light));color:light-dark(#fff,#000000);cursor:pointer;transition:border-color .25s;margin:5px 0}button:hover{border:2px solid;border-color:#000;background-color:#514d4d;color:light-dark(#000,#fff)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input{border-radius:.2em;border:1px solid transparent;margin:0 .1em;font-family:inherit}form{width:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column}form>div{display:flex;justify-content:space-between;align-items:center;width:100%}form>button{margin:1em 0;max-width:100%}div[style*="color: red"]{color:red!important}.page{display:flex;justify-content:center;align-items:center;flex-direction:column}.auth-header-bar{display:flex;justify-content:space-between;align-items:top;width:100%;gap:1em;min-height:fit-content;background-color:light-dark(var(--color-secondary-light),var(--color-secondary-dark))}.progress-bar-outer{width:100%;min-width:100px;background:#eee;border-radius:4px;margin-top:8px;height:16px;overflow:hidden}.progress-bar-inner{background:#4caf50;height:100%;border-radius:4px;transition:width .2s}.error-message{color:red;font-size:.9em;margin-top:.5em;word-wrap:break-word}@media (prefers-color-scheme: light){:root{color-scheme:dark light;color:#000000de;background-color:#eae8e8}a{color:var(--color-secondary-dark)}a:hover{color:#131985}button:hover{background-color:#eaeaea}input{border:1px solid #ccc;background-color:#dcd8d8b9}.progress-bar-outer{background:#dcd8d8b9}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff;position:relative;z-index:1000;height:60px;width:100%;box-sizing:border-box}.nav-right{display:flex;flex-direction:column;position:fixed;top:60px;left:-100%;width:280px;height:calc(100dvh - 60px);background:#fff;transition:left .3s ease;padding:2rem 1.5rem;box-sizing:border-box;overflow-y:auto;z-index:999}.nav-right.nav-menu-open{left:0}.nav-left{display:flex;align-items:center;background-color:#fff;gap:1rem}.nav-links{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.nav-menu-item{text-decoration:none;color:#333;padding:.75rem 1rem;border-radius:6px;transition:all .3s ease;font-weight:500;border:1px solid transparent}.nav-menu-item:hover{background-color:#f8f9fa;color:#007bff;border-color:#e9ecef}.active-nav-item{text-decoration:none;color:#007bff;background-color:#e3f2fd;padding:.75rem 1rem;border-radius:6px;font-weight:600;border:1px solid #bbdefb}.user-info{margin-top:auto;padding-top:2rem;border-top:1px solid #e9ecef}.user-info p{margin-bottom:1rem;color:#666;font-size:.9rem;line-height:1.4}.user-info em{color:#333;font-weight:600}.user-info button{background-color:#87868b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;width:100%}.user-info button:hover{background-color:#4c4c4e;transform:translateY(-1px)}.user-info button:active{transform:translateY(0)}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.nav-menu-icon{display:flex;flex-direction:column;cursor:pointer;gap:4px;padding:.5rem;border-radius:4px;transition:background-color .3s ease;background-color:transparent}.nav-menu-icon:hover{background-color:#f5f5f5}.nav-menu-icon span{width:25px;height:3px;background-color:#333;transition:all .3s ease;border-radius:2px}.nav-menu-icon.nav-menu-open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav-menu-icon.nav-menu-open span:nth-child(2){opacity:0}.nav-menu-icon.nav-menu-open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.logo{height:40px;width:auto}@media (min-width: 1024px){.navbar{padding:1rem 3rem}.nav-menu-icon{display:none}.nav-right{position:static;width:auto;height:auto;background:transparent;flex-direction:row;padding:0;box-shadow:none;right:auto;overflow:visible;align-items:center;gap:2rem}.nav-links{flex-direction:row;gap:1.5rem;margin-bottom:0}.nav-menu-item,.active-nav-item{padding:.5rem 1rem;white-space:nowrap}.user-info{display:flex;align-items:center;gap:1.5rem;margin-top:0;padding-top:0;border-top:none}.user-info p{margin-bottom:0;text-align:right;font-size:.85rem}.user-info button{width:auto;padding:.5rem 1rem;font-size:.9rem}.nav-overlay{display:none}}.dialog{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;box-shadow:#64646f4d 0 7px 29px;background-color:light-dark(#fff,#1a233a);color:light-dark(#000,#e0e6ef);border:2px solid rgb(240,240,240);border-radius:12px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px}.dialog-error-message{color:red;font-size:.9em;margin-top:.5em}.dialog-buttons{display:flex;justify-content:center;align-items:center;width:100%;margin:20px}.dialog-buttons button{margin:0 5px}.client-input{width:26em}.client-text{width:22em}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--color-secondary-light);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px}.case-list-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2em;width:100%;max-width:82rem;margin:0 auto;padding:0 1rem;box-sizing:border-box}.case-list-title{margin:1rem;grid-column:2;text-align:center}.case-list-summaries{grid-column:3;display:flex;flex-direction:column;gap:.5em;align-items:flex-end}.case-list-summary{margin:0;font-weight:400;font-size:smaller}@media (max-width: 1024px){.case-list-header{display:flex;flex-direction:column;align-items:center;gap:.1em;margin:.5em 0}.case-list-title{padding:.3em 0}}.filter-btn{background:none;border:none;border-radius:0;padding:0;margin:0;cursor:pointer;line-height:0;width:auto}button.filter-btn:hover{border:0;background-color:transparent}button.filter-btn:focus,button.filter-btn:focus-visible{outline:0}img{border:none;margin:0;padding:0}.canvas-container{display:flex;flex-direction:column;max-height:100%;position:relative}.canvas-wrapper{min-height:0;display:flex;flex:1;position:relative;justify-content:center}.image-viewer-canvas{background-color:#000;justify-self:center}.image-overlay-text{position:absolute;left:.5em;top:.5em;color:var(--color-secondary-light);font-weight:700;font-size:1em;text-shadow:-.1em -.1em 0 #000,.1em -.1em 0 #000,-.1em .1em 0 #000,.1em .1em 0 #000}div.square-image-viewer{max-width:100%;max-height:100%;min-height:0%;min-width:0%;aspect-ratio:1;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.multi-slice-container{overflow:hidden;display:flex;flex-direction:column;width:100%;height:100%;align-items:center;flex:100}.multi-slice-rows{display:flex;flex-direction:column;width:100%;min-height:0;max-height:100%;align-items:center;font-size:.8em}.multi-slice-row{display:flex;flex-direction:row;flex:1;gap:0}.image-viewer-container{flex:1}.viewstate-context-menu{z-index:1000;display:flex;flex-direction:column;position:absolute}.viewstate-context-menu-btn{background:none;border:none;border-radius:0;margin:0;padding:0}.viewstate-context-menu-btn:hover{border:none}.phase-slider{display:flex;align-items:center;width:auto;flex-shrink:0;margin:0;padding:0;font-size:.8em;background-color:#000}.phase-slider button,.phase-slider button:hover{display:flex;align-items:center;justify-content:center;font-size:1.3em;width:1.3em;height:1.3em;margin:4px;padding:0;border-radius:0;border:0px solid;background-color:#0000;color:#fff}.phase-slider button:focus,.phase-slider button:focus-visible{outline:none}.phase-slider-playpause,.phase-slider-playpause:hover{margin-left:.5em!important}.phase-slider-range{width:50px;flex:1;min-width:50px;max-width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.phase-slider-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:18px;background:var(--thumb-svg) no-repeat center/contain;cursor:pointer}.phase-slider-label{margin-left:8px;flex:0}.phase-slider-fps-label{margin-left:8px;display:flex;align-items:center;font-size:1.2em;color:#fff}.phase-slider-fps-input{width:2.5em;margin-left:4px;box-sizing:content-box;font-size:1em}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fit,132px);gap:2px;width:max-content;max-width:100%;justify-self:center}.thumbnail-grid>.item,.thumbnail-grid>.selected-item{cursor:pointer;transition:border .2s;width:100%;font-size:.85em;background:none;border:none;outline:none;text-align:inherit;font-family:inherit;display:block;color:light-dark(#000,#fff)}.thumbnail-grid>.item{padding:2px}.thumbnail-grid>.selected-item{border:2px solid #1976d2}.series-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help;font-size:90%}.drop-down-list{display:none;flex:0;text-align:center;max-width:100%}@media (max-width: 768px){.drop-down-list{display:block!important}.thumbnail-grid{display:none!important}}.multi-slice-stack{position:relative;margin:4px 4px 0 0}.stack-bg{position:absolute;width:100%;height:100%;background:#7c7b7b;outline:1px solid black}.stack-bg-1{left:4px;bottom:4px;z-index:-2}.stack-bg-2{left:2px;bottom:2px;z-index:-1}.stack-content{position:relative;z-index:0}.series-grid-container{overflow:hidden;display:flex;flex-direction:column;height:100%;align-items:center;position:relative;flex:1}.series-grid{display:grid;width:100%;height:100%;gap:1%;overflow:hidden}div.image-viewer-container{display:flex;flex-direction:column;max-width:100%;max-height:100%;min-width:0;min-height:0;flex:1}div.series-number{display:flex;flex-direction:column;align-items:center}div.button-container{display:flex;justify-content:center;margin:10px 0 0;flex:0}button.multi-slice-button{font-size:1.3rem;border:none;padding:0;margin:2px;background-color:transparent}button.multi-slice-button:hover{color:#646cff;border:none;background-color:transparent}button.multi-slice-button:focus,button.multi-slice-button:focus-visible{outline:none}@media (max-width: 768px){.series-grid{max-height:100%!important;min-height:0;flex:1}div.image-viewer-container{max-height:100%}}.caseview-page{height:100dvh;overflow-y:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.caseview-page div.main-row{display:flex;flex:1;flex-direction:row;width:100%;max-height:100%;overflow:hidden;gap:2.5%}.caseview-page div.thumbnail{width:40%;max-height:100%;overflow-y:scroll}.caseview-page div.image{width:55%;max-height:100%;overflow:hidden}.series-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.caseview-page button.download{background-color:inherit;color:var(--color-secondary-dark);border:none;font-size:larger;padding:.5em}.caseview-page button.download:focus,.caseview-page button.download:focus-visible{outline:none}.caseview-header{display:flex;flex-direction:row;width:100%;background-color:var(--color-primary-light);align-items:center}.caseview-header .logo{width:7em;height:auto;margin:0 0 0 10px}.caseview-header p{color:#000}.caseview-header a{color:var(--color-secondary-dark)}.caseview-button-display{display:flex;flex-grow:1;flex-shrink:0;gap:5px;margin:0 10px;align-items:center;justify-content:center}.caseview-button-display button img{width:3.5em;height:auto}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.caseview-page div.main-row{flex-direction:column!important}.caseview-page .thumbnail{width:100%!important;overflow-y:clip!important;flex:0 0 auto}.caseview-page .image{display:flex!important;flex-direction:column!important;width:100%!important;max-height:100%!important;flex:1;min-height:0}.caseview-header{flex-direction:column;gap:.1em}}.tab-container{display:flex;flex-direction:column;font-family:Segoe UI,Arial,sans-serif;margin:10px 0}.tab-button{padding:12px 16px;background-color:light-dark(var(--color-primary-light),var(--color-primary-dark));color:light-dark(#000,#e0e6ef);font-weight:600;letter-spacing:.5px;cursor:pointer;transition:background .2s;text-align:center;font-family:inherit;font-size:inherit}.tab-button:hover{background-color:light-dark(var(--color-tertiary-light),var(--color-tertiary-dark));border:2px solid #000}.tab-button.active{background-color:light-dark(var(--color-secondary-dark),var(--color-secondary-light));color:light-dark(#fff,#000);font-weight:700}@media (min-width: 1024px){.tab-container{display:flex;flex-direction:row;justify-content:center;margin:10px 0}}