nav#mainNav{filter:drop-shadow(0 8px 20px #0000001a);z-index:999;background-color:#fff;border-radius:30px;justify-content:space-between;align-items:center;padding:10px 20px;transition:all .5s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:20px;left:40px;right:40px}nav#mainNav.sticky-nav{filter:drop-shadow(0 4px 10px #0000000d);border-radius:0;top:0;left:0;right:0}#logo{margin-left:15px}.nav-links{align-items:center;gap:5px;display:flex;position:relative}.slide-indicator{z-index:0;background-color:#fe7743;border-radius:50px;transition:all .3s cubic-bezier(.25,1,.5,1);position:absolute}.nav-links a{color:#000;z-index:1;cursor:pointer;border-radius:50px;padding:10px 20px;font-family:sans-serif;font-size:20px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a.active{color:#fff}#g{background-color:#f3f3f3;border-radius:70px;padding:10px 20px}.nav-spacer{width:100px;height:1px}.dropdown-card{z-index:1000;opacity:0;visibility:hidden;background-color:#fff;border-radius:20px;flex-direction:column;gap:10px;min-width:220px;padding:15px;transition:all .3s;display:flex;position:absolute;top:75px;right:-20px;transform:translateY(-10px);box-shadow:0 10px 25px #00000026}.dropdown-card.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-card a{color:#333;border-radius:10px;padding:10px 15px;font-family:sans-serif;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .2s}.dropdown-card a:hover{background-color:#f3f3f3}.dropdown-profile{align-items:center;gap:12px;padding:5px 10px;font-family:sans-serif;font-weight:500;display:flex}.dropdown-profile img{object-fit:cover;border-radius:100px}.menu-item-with-icon{align-items:center;gap:10px;display:flex}.hamburger-btn{cursor:pointer;color:#fe7743;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:none}.hamburger-btn:hover{background-color:#f3f3f3}@media (width<=1023px){nav#mainNav{top:15px;left:20px;right:20px}}@media (width<=767px){nav#mainNav{border-radius:20px;padding:8px 15px;top:10px;left:10px;right:10px}.hamburger-btn{margin-left:auto;display:flex}.nav-spacer{display:none}.slide-indicator{display:none!important}.nav-links#g{background-color:#fff;border-radius:20px;flex-direction:column;gap:10px;width:auto;padding:15px;display:none;position:absolute;top:70px;left:0;right:0;box-shadow:0 10px 25px #0000001a}.nav-links#g.show-mobile{display:flex}.nav-links a{text-align:center;width:100%;padding:12px 20px;font-size:18px}.nav-links a.active{background-color:#fe7743;color:#fff!important}}.dashboard-container{color:#555;padding-bottom:50px;font-family:sans-serif}.dashboard-container .page-header{margin-bottom:18px;animation:.5s .1s both fadeUp;flex-direction:column!important;align-items:flex-start!important;display:flex!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-container .page-header h1{color:var(--text-dark,#1c1c1e);opacity:.8;font-size:30px;font-weight:700;line-height:1.2}.dashboard-container .page-header .date{color:var(--text-soft,#999);margin-top:-10px;margin-bottom:35px;font-size:18px}.review img{z-index:2;opacity:1;width:20px;height:auto;margin-left:8px;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative}.review:hover img{opacity:0;width:0;margin-left:0;transform:translate(15px)}.view-all-btn{pointer-events:auto;color:#fff;cursor:pointer;z-index:10;background-color:#fe7743;border:2px solid #fe7743;border-radius:10px;padding:12px 36px;font-family:sans-serif;font-size:18px;font-weight:700;transition:all .3s cubic-bezier(.25,1,.5,1);position:relative;box-shadow:0 8px 24px #fe77431f}.view-all-btn:hover{color:#fff;background-color:#fe7743;transform:translateY(-2px);box-shadow:0 10px 25px #fe77434d}.view-all-btn:active{transform:translateY(0)}.stats-container{flex-direction:row;gap:30px;margin-top:20px;display:flex}.stat-card{background-color:#fff;border-radius:16px;flex-direction:column;flex:1;justify-content:space-between;min-width:240px;padding:24px 24px 0;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000005}.stat-number{text-align:center;color:#1c1c1e;margin:0;font-size:80px;font-weight:700;line-height:1}.stat-label{text-align:center;border-radius:0;margin:24px -24px 0;padding:15px 12px;font-size:20px;font-weight:700}.pending-label{color:#fe7743;background-color:#ffddbf}.high-risk-label{color:#b20101;background-color:#ff8383}.complete-label{color:#36543a;background-color:#86d392}.dashboard-divider{opacity:.1;background-color:#000;border:none;height:2px;margin:40px 0 30px}.patient-list-header h1{color:#1c1c1e;opacity:.8;margin:0;font-size:26px}.patient-list-container{flex-direction:column;gap:15px;padding-bottom:80px;display:flex;position:relative}.action-col{align-items:flex-end;width:20%}.patient-diagnosis,.patient-name,.patient-queue{color:#1c1c1e;opacity:.85;margin:0;font-size:22px;font-weight:700}.patient-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.patient-risk,.patient-id,.patient-time{margin:8px 0 0;font-size:16px;font-weight:600}.patient-id,.patient-time{color:#555;opacity:.75}.view-all-container{z-index:10;pointer-events:none;justify-content:center;align-items:flex-end;height:150px;display:flex;position:absolute;bottom:0;left:0;right:0}.blur-overlay{-webkit-backdrop-filter:blur(6px);pointer-events:none;background:linear-gradient(#ececec00 0%,#ecececf5 65%,#ececec 100%);border-radius:0 0 12px 12px;position:absolute;inset:0 -12px;-webkit-mask-image:linear-gradient(#0000 0%,#000 85%);mask-image:linear-gradient(#0000 0%,#000 85%)}@media (width<=1023px){.stats-container{gap:20px}.stat-card{min-width:auto;padding:16px 16px 0}.stat-number{font-size:60px}.stat-label{margin:16px -16px 0;padding:12px 8px;font-size:16px}.patient-diagnosis,.patient-name,.patient-queue{font-size:18px}.patient-risk,.patient-id,.patient-time{font-size:14px}}@media (width<=767px){.dashboard-container .page-header{flex-direction:column;align-items:flex-start;gap:8px}.dashboard-container .page-header .date{margin-top:0;margin-bottom:15px}.stats-container{flex-direction:column;gap:15px}.stat-card{min-height:auto}.stat-number{font-size:50px}.stat-label{padding:10px;font-size:16px}.patient-card{flex-direction:column;align-items:flex-start;gap:15px;padding:20px}.patient-col{width:100%!important;padding-left:0!important}.action-col{align-items:flex-start}.review{width:100%;margin-right:0}.patient-name{white-space:normal}.view-all-container{height:120px}}.diagnostic-container{color:#555;padding:30px 0 250px;font-family:DM Sans,sans-serif}.diagnostic-container .page-header{margin-bottom:18px;animation:.5s .1s both fadeUp;flex-direction:column!important;align-items:flex-start!important;display:flex!important}.filter-btn{cursor:pointer;background:#fff;border:1px solid #00000008;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;box-shadow:0 8px 24px #0000000a}.filter-btn:hover{border-color:#fe774326;transform:translateY(-2px);box-shadow:0 10px 25px #fe774326}.filter-btn:hover img{transform:rotate(30deg)}.filter-btn.active{background:#fe7743;border-color:#fe7743;box-shadow:0 8px 20px #fe77434d}.filter-dropdown-card{z-index:1000;opacity:0;visibility:hidden;background:#fff;border:1px solid #0000000a;border-radius:20px;width:max-content;min-width:210px;padding:14px;font-family:Inter,sans-serif;transition:all .4s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:60px;right:calc(100% + 12px);transform:translateY(-15px);box-shadow:0 15px 35px #0000001f,0 5px 15px #0000000d}.filter-section-title{color:#999;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.filter-option input[type=radio]{appearance:none;cursor:pointer;border:2px solid #d1d5db;border-radius:50%;outline:none;width:18px;height:18px;margin-right:12px;transition:all .2s;position:relative}.filter-option input:checked{background-color:#fe7743;border-color:#fe7743}.filter-option input[type=radio]:checked:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;display:block;position:absolute;top:4px;left:4px}.filter-option input:checked+span{color:#fe7743;font-weight:600}.review{cursor:pointer;z-index:1;background-color:#0000;border:2px solid #fe7743;border-radius:50px;justify-content:center;align-items:center;width:160px;height:44px;margin-right:20px;transition:all .4s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative;overflow:hidden}.review:before{content:"";z-index:-1;background-color:#fe7743;width:0;height:100%;transition:width .4s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.review:hover:before{width:100%}.review p{color:#fe7743;z-index:2;font-size:18px;font-weight:600;transition:color .3s;position:relative;margin:0!important}.review:hover p{color:#fff}.review span.arrow{z-index:2;color:#fe7743;margin-left:8px;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative}.review:hover span.arrow{opacity:0;transform:translate(15px)}.page-title{color:#1c1c1e;opacity:.8;margin:0;font-size:30px;font-weight:700}.page-subtitle{color:#999;margin-top:5px;margin-bottom:30px;font-size:18px}.search-wrapper{background:#fff;border:1px solid #00000008;border-radius:50px;flex:1;align-items:center;padding:8px 20px;display:flex;box-shadow:0 10px 30px #0000000d}.filter-tabs-container{gap:16px;margin-top:20px;display:flex}.filter-tab-btn{color:#0009;cursor:pointer;background:#fff;border:none;border-radius:30px;justify-content:center;align-items:center;height:35px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #00000008}.filter-tab-btn.active{color:#fff;background:#fe7743;box-shadow:0 6px 16px #fe774340}.filter-tab-btn:hover:not(.active){color:#fe7743;background:#fe77430d}.filter-tab-btn.all-tab,.filter-tab-btn.high-tab{width:85px}.filter-tab-btn.medium-tab{width:137px}.filter-tab-btn.low-tab{width:104px}.patient-list-header{margin-top:35px;margin-bottom:15px}.header-title{color:#000;opacity:.7;margin:0;font-size:25px;font-weight:700}.no-patients-alert{text-align:center;color:#999;background-color:#fff;border-radius:12px;padding:40px;font-size:18px;box-shadow:0 4px 16px #00000008}.patient-list-container{flex-direction:column;gap:15px;display:flex;position:relative}.patient-card{background-color:#fff;border-radius:12px;flex-direction:row;align-items:center;padding:20px 24px;transition:transform .2s;display:flex;box-shadow:0 4px 16px #00000008}.patient-card:hover{transform:translateY(-2px)}.patient-col{flex-direction:column;justify-content:center;display:flex}.diagnosis-col{width:25%;padding-left:10px}.info-col{width:35%}.queue-col{width:20%}.action-col{justify-content:flex-end;width:20%;display:flex}.patient-diagnosis{color:#1c1c1e;opacity:.85;margin:0;font-size:25px;font-weight:700}.patient-risk{margin:10px 0 0;font-size:18px;font-weight:600}.patient-name{color:#1c1c1e;opacity:.85;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:25px;font-weight:700;overflow:hidden}.patient-id{color:#555;opacity:.75;margin:10px 0 0;font-size:18px;font-weight:600}.patient-queue{color:#1c1c1e;opacity:.85;margin:0;font-size:25px;font-weight:700}.patient-time{color:#555;opacity:.75;margin:10px 0 0;font-size:18px;font-weight:600}@media (width<=1023px){.search-filter-row{max-width:80%}.patient-diagnosis,.patient-name,.patient-queue{font-size:20px}.patient-risk,.patient-id,.patient-time{font-size:16px}}@media (width<=767px){.diagnostic-container{padding-top:10px!important;padding-bottom:80px!important}.diagnostic-container .page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-title{font-size:24px}.page-subtitle{margin-top:0;margin-bottom:20px;font-size:16px}.search-filter-row{max-width:100%}.filter-tabs-container{flex-wrap:nowrap!important;gap:6px!important}.filter-tab-btn{white-space:nowrap!important;flex:1!important;width:auto!important;min-width:0!important;padding:0 4px!important;font-size:13px!important}.patient-card{flex-direction:column;align-items:flex-start;gap:15px;padding:20px}.patient-col{width:100%!important;padding-left:0!important}.action-col{justify-content:flex-start;margin-top:5px}.review{width:100%}.patient-name{white-space:normal}.filter-dropdown-card{top:60px!important;left:auto!important;right:0!important}}.login-page-container{box-sizing:border-box;background-color:#ececec;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.login-left-panel{box-sizing:border-box;background-color:#fe7743;border-radius:20px 0 0 20px;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:500px;height:550px;padding:40px;display:flex}.login-brand-text{color:#fff;text-align:right;flex-direction:column;display:flex}.login-brand-text h1{margin:0;font-family:DM Sans,sans-serif;font-size:50px;line-height:1.2}.login-card{box-sizing:border-box;background-color:#f5f6fa;border-radius:0 20px 20px 0;flex-direction:column;justify-content:center;align-items:center;width:440px;height:550px;padding:40px;font-family:Inter,sans-serif;display:flex;box-shadow:20px 20px 60px #0000000d}.logo-container{text-align:center;justify-content:center;width:100%;margin-bottom:25px;display:flex}.logo-container img{max-width:40%;height:auto}.login-form{flex-direction:column;gap:18px;width:100%;display:flex}.form-group{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.input-wrapper{width:100%;position:relative}.input-wrapper input{box-sizing:border-box;color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;height:48px;padding:12px 48px 12px 16px;font-family:Inter,sans-serif;font-size:15px;transition:all .25s cubic-bezier(.4,0,.2,1)}.input-wrapper input:focus{border-color:#fe7743;outline:none;box-shadow:0 0 0 4px #fe77431a}.eye-toggle{cursor:pointer;color:#94a3b8;z-index:10;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.eye-toggle:hover{color:#fe7743}.eye-icon{pointer-events:none;width:20px;height:20px}.error-container{color:#e11d48;box-sizing:border-box;background-color:#fff1f2;border:1px solid #ffe4e6;border-radius:10px;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13.5px;font-weight:500;animation:.3s fadeIn;display:flex}.form-divider{background:#e2e8f0;border:none;width:100%;height:1px;margin:8px 0}.btn-login{color:#fff;cursor:pointer;background:#fe7743;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #fe77434d}.btn-login:hover{background:#e86330;transform:translateY(-1px);box-shadow:0 6px 20px #fe774366}.arrow-icon{width:18px;height:18px;transition:transform .2s}.btn-login:hover .arrow-icon{transform:translate(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.diagnostic-workspace-page{--orange:#fe7743;--orange-light:#fff0e6;--orange-mid:#fed7aa;--red:#ef4444;--red-light:#fee2e2;--green:#10b981;--blue:#2a59f5;--yellow:#fbbf24;--purple:#d946ef;--bg:#ececec;--card-bg:#fff;--text-dark:#1c1c1e;--text-mid:#555;--text-soft:#8e8e93;--border:#e5e7eb;--radius-lg:20px;--radius-md:16px;--font:"DM Sans", sans-serif;box-sizing:border-box;min-height:100vh;font-family:var(--font);color:var(--text-dark);-webkit-font-smoothing:antialiased;background-color:#ececec;padding-top:10px}.dummy-content{box-sizing:border-box}.diagnostic-workspace-page .page-header{justify-content:space-between;align-items:center;width:100%;margin-top:0;margin-bottom:30px;display:flex}.header-left,.header-right{flex:1}.header-left{justify-content:flex-start;align-items:center;display:flex}.header-center{flex:1;justify-content:center;align-items:center;display:flex}.arrow-container img{opacity:.7;display:block}.eye-tab{color:var(--text-dark);opacity:.65;cursor:pointer;text-align:center;border-radius:100px;min-width:40px;padding:8px 28px;font-size:15px;font-weight:700;transition:all .25s cubic-bezier(.25,1,.5,1)}.eye-tab.active{background-color:var(--orange);color:#fff;opacity:1;box-shadow:0 4px 10px #fe774333}.main-workspace-grid{flex-direction:row;align-items:stretch;gap:40px;width:100%;margin-top:10px;display:flex}.fundus-viewer-card{border:1px solid #ffffff08;flex-direction:column;justify-content:center;align-items:center;display:flex;background-color:#0a0a0c!important;padding:35px 24px!important}.patient-info-card{flex-direction:column;flex:1;gap:24px;display:flex;padding:32px 24px!important}.card-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.queue-label{color:var(--text-soft);margin:0;font-size:18px;font-weight:600}.patient-details-list{flex-direction:column;gap:24px;margin-top:8px;padding-left:20px;display:flex}.detail-title{color:var(--text-soft);margin:0 0 6px;font-size:20px;font-weight:500}.detail-value{margin:0;font-size:25px;font-weight:700}.detail-value.text-dark{color:var(--text-dark)}.detail-row-group{flex-direction:row;gap:40px;display:flex}.biomarker-card{flex-direction:column;gap:20px;display:flex}.progression-nav-link{color:var(--orange);align-items:center;gap:6px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .25s;display:inline-flex}.progression-nav-link:hover{transform:translate(4px)}.oct-image-container{border-radius:12px;width:100%;position:relative;overflow:hidden}.oct-img{object-fit:cover;object-position:top;border-radius:12px;width:100%;height:450px;display:block}.fullscreen-modal-trigger{cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:absolute;bottom:15px;right:15px}.fullscreen-modal-trigger:hover{background-color:#000000bf;transform:scale(1.08)}.biomarker-legend-row{flex-wrap:wrap;gap:20px;margin-top:5px;font-size:14px;font-weight:700;display:flex}.legend-item{color:var(--text-dark);opacity:.85;align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.blue-dot{background-color:var(--blue)}.green-dot{background-color:var(--green)}.red-dot{background-color:var(--red)}.yellow-dot{background-color:var(--yellow)}.purple-dot{background-color:var(--purple)}.copilot-card{flex-direction:column;flex:1;gap:20px;display:flex}.copilot-report-body{flex-direction:column;gap:15px;display:flex}.report-title{color:var(--text-soft);letter-spacing:.2px;margin:0 0 6px;font-size:14px;font-weight:700}.report-desc{color:#2c2c2e;text-align:justify;margin:0;font-size:17px;font-weight:500;line-height:1.5}.copy-action-wrapper{justify-content:flex-end;margin-top:5px;display:flex}.copy-to-his-btn{cursor:pointer;color:var(--text-soft);font-family:var(--font);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.copy-to-his-btn:hover{color:var(--text-dark);background-color:#f2f2f7}.workspace-actions-row{gap:20px;width:100%;margin-top:10px;display:flex}.edit-workspace-btn{border:2.5px solid var(--orange);color:var(--orange);font-family:var(--font);cursor:pointer;background-color:#fff;border-radius:100px;flex:1;padding:15px 0;font-size:17px;font-weight:700;transition:all .3s cubic-bezier(.25,1,.5,1)}.edit-workspace-btn:hover{background-color:var(--orange-light);transform:translateY(-2px)}.approve-workspace-btn{background-color:var(--orange);color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:100px;flex:1.8;padding:17px 0;font-size:17px;font-weight:700;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:0 8px 20px #fe774340}.approve-workspace-btn:hover{background-color:#e56330;transform:translateY(-2px);box-shadow:0 12px 24px #fe774359}.approve-workspace-btn.approved-state{color:var(--text-soft)!important;border:2.5px solid var(--text-soft)!important;box-shadow:none!important;background-color:#fff!important;padding:14.5px 0!important;transform:none!important}.modal-overlay-show{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0006;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}#modalContainer{box-sizing:border-box;background-color:#fff;border-radius:24px;flex-direction:column;gap:24px;width:680px;max-width:90%;max-height:90vh;padding:36px 40px;animation:.25s cubic-bezier(.25,1,.5,1) forwards scaleUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000026}.modal-close-circle-btn{cursor:pointer;background-color:#ff3b30;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #ff3b304d}.modal-close-circle-btn:hover{transform:scale(1.1)}.modal-section-title{color:var(--text-soft);letter-spacing:.2px;margin:0 0 16px;font-size:15px;font-weight:700}.modal-radio-group{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.modal-radio-label{color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:16px;font-weight:600;display:inline-flex}.modal-text-input{width:120px;font-size:14px;font-weight:600;font-family:var(--font);box-sizing:border-box;border:1.5px solid #d1d5db;border-radius:8px;outline:none;margin-left:4px;padding:6px 12px;transition:all .2s}.modal-textarea.action-box{height:90px}.modal-divider{border:0;border-top:1.5px solid #ececec;width:100%;margin:0}.modal-submit-center{justify-content:center;margin-top:5px;display:flex}#modalSaveBtn{background-color:var(--orange);color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:100px;padding:14px 54px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:0 6px 16px #fe774340}#modalSaveBtn:hover{background-color:#e56330;transform:translateY(-2px)}#modalSaveBtn.saved-state{color:var(--orange)!important;border:2.5px solid var(--orange)!important;box-shadow:none!important;background-color:#fff!important;padding:11.5px 54px!important;transform:none!important}#octModalContainer{box-sizing:border-box;background-color:#fff;border-radius:24px;flex-direction:column;gap:20px;width:880px;max-width:95%;max-height:90vh;padding:32px 40px;animation:.25s cubic-bezier(.25,1,.5,1) forwards scaleUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000026}.oct-modal-header{justify-content:flex-start;align-items:center;margin-bottom:5px;display:flex}.oct-back-link{color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.85;align-items:center;gap:8px;font-size:18px;font-weight:600;transition:all .2s;display:inline-flex}.oct-back-link:hover{opacity:1}.oct-back-link:hover .arrow-back{transform:translate(-4px)}.arrow-back{line-height:0;transition:transform .2s;display:inline-block}.oct-modal-block{flex-direction:column;gap:12px;display:flex}.pill-label.sub-label{margin:0;padding:4px 14px;font-size:13px}.oct-modal-img-wrapper{border:1px solid #0000000d;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 4px 12px #00000005}.oct-modal-img-wrapper img{object-fit:cover;object-position:top;pointer-events:none;width:100%;height:300px;display:block;overflow:hidden}.grayscale-filter img{filter:grayscale()brightness(.95)contrast(1.1)}@keyframes scaleUp{0%{transform:scale(.95)}to{transform:scale(1)}}@media (width<=991px){.main-workspace-grid{flex-direction:column;gap:24px}.col-left,.col-right{width:100%!important}.oct-img{height:350px}.patient-info-card{flex:none}}@media (width<=767px){.diagnostic-workspace-page{padding-top:5px}.diagnostic-workspace-page .page-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:20px}.header-left,.header-center,.header-right{justify-content:flex-start;width:100%}.header-center{justify-content:center;margin:5px 0}.back-btn{font-size:16px}.eye-tab{padding:6px 20px;font-size:14px}.fundus-viewer-card{padding:20px 10px!important}#fundusContainer{max-width:280px}#dragLineContainer{left:-10px;right:-10px}.patient-details-list{gap:16px;padding-left:0}.detail-title{font-size:16px}.detail-value{font-size:20px}.detail-row-group{gap:20px}.oct-img{height:250px}.biomarker-legend-row{justify-content:flex-start;gap:12px}.legend-item{font-size:13px}.workspace-actions-row{flex-direction:column;gap:12px}.edit-workspace-btn,.approve-workspace-btn{width:100%;padding:14px 0;font-size:16px}#modalContainer{gap:16px;width:95%;max-width:95%;padding:24px 20px}.modal-close-circle-btn{top:15px;right:15px}.modal-radio-group{gap:12px}.modal-radio-label{width:100%;font-size:14px}.modal-text-input{width:100%;margin-top:8px;margin-left:0}.modal-textarea{height:90px;font-size:14px}.modal-textarea.action-box{height:80px}#modalSaveBtn{width:100%;padding:12px 0}#modalSaveBtn.saved-state{padding:9.5px 0!important}#octModalContainer{gap:15px;width:95%;max-width:95%;padding:20px}.oct-modal-img-wrapper img{height:180px}}.mask-selector-wrapper{-webkit-user-select:none;user-select:none;background-color:#f3f3f3;border:1px solid #0000000d;border-radius:100px;align-items:center;padding:3px;display:inline-flex}.mask-tab{color:var(--text-dark);opacity:.65;cursor:pointer;text-align:center;border-radius:100px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .25s cubic-bezier(.25,1,.5,1)}.mask-tab.active{background-color:var(--orange);color:#fff;opacity:1;box-shadow:0 2px 6px #fe774326}.mask-tab:not(.active):hover{opacity:1;background-color:#0000000d}.oct-overlay-toggle{z-index:10;-webkit-backdrop-filter:blur(8px);position:absolute;top:15px;right:15px;box-shadow:0 4px 12px #00000026;background-color:#fffc!important}.progression-container{color:#555;padding:30px 0 10px;font-family:DM Sans,sans-serif}.progression-container .page-header{margin-bottom:10px;flex-direction:column!important;align-items:flex-start!important;display:flex!important}.page-title{opacity:.8;color:#1c1c1e;margin:0;font-size:30px;font-weight:700}.page-subtitle-container{justify-content:space-between;align-items:center;width:100%;max-width:50%;margin-top:5px;margin-bottom:0;display:flex}.page-subtitle{color:#999;font-size:18px}.search-filter-row{z-index:100;align-items:center;gap:15px;width:100%;max-width:50%;display:flex;position:relative}.search-container{box-sizing:border-box;background:#fff;border:1px solid #00000008;border-radius:50px;flex:1;align-items:center;padding:8px 20px;display:flex;box-shadow:0 10px 30px #0000000d}.search-icon{opacity:.5;margin-right:12px;display:block}.search-input{color:#1c1c1e;background:0 0;border:none;outline:none;flex:1;font-family:DM Sans,sans-serif;font-size:18px;font-weight:500}.filter-dropdown-container{position:relative}.filter-btn{cursor:pointer;background-color:#fff;border:1px solid #00000008;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;box-shadow:0 8px 24px #0000000a}.filter-btn img{transition:all .4s cubic-bezier(.25,1,.5,1);display:block}.filter-btn.active{background-color:#fe7743;border-color:#fe7743;box-shadow:0 8px 20px #fe77434d}.filter-btn.active img{filter:brightness(0)invert();transform:rotate(90deg)}.filter-dropdown-card{z-index:1000;opacity:0;visibility:hidden;background-color:#fff;border:1px solid #0000000a;border-radius:20px;width:200px;padding:14px;font-family:Inter,sans-serif;transition:all .4s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:60px;transform:translateY(-15px);box-shadow:0 15px 35px #0000001f,0 5px 15px #0000000d}.filter-dropdown-card.show{opacity:1;visibility:visible;transform:translateY(0)}.filter-dropdown-title{color:#999;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.filter-option{cursor:pointer;-webkit-user-select:none;user-select:none;color:#1c1c1e;align-items:center;padding:8px 0;font-size:16px;font-weight:500;transition:color .2s;display:flex}.filter-option:hover{color:#fe7743}.filter-option input[type=radio]{cursor:pointer;margin-right:12px}.filter-option.selected{color:#fe7743;font-weight:600}.table-container{background-color:#fff;border-radius:16px;margin-top:20px;padding:20px 24px;box-shadow:0 4px 16px #00000008}.table-header{color:#000;opacity:.8;border-bottom:1.5px solid #e5e7eb;grid-template-columns:15% 25% 15% 20% 13% 12%;margin-top:20px;margin-bottom:12px;padding-bottom:20px;font-size:20px;font-weight:600;display:grid}.table-header-col-left{text-align:left}.table-header-col-action{justify-content:flex-end;width:100%;display:flex}.table-header-action-inner{text-align:left;width:160px;margin-right:20px}.patient-row{color:#1c1c1e;border-bottom:1px solid #ececec;grid-template-columns:15% 25% 15% 20% 13% 12%;align-items:center;padding:16px 0;font-size:18px;font-weight:500;display:grid}.patient-row:last-child{border-bottom:none}.patient-cell-left{text-align:left}.patient-cell-bold{text-align:left;font-weight:600}.patient-cell-muted{text-align:left;color:#555}.patient-cell-trend{align-items:center;gap:8px;font-weight:600;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.patient-cell-action{justify-content:flex-end;align-items:center;display:flex}.view-trend-btn{cursor:pointer;color:#fe7743;z-index:1;background-color:#0000;border:2px solid #fe7743;border-radius:50px;justify-content:center;align-items:center;width:160px;height:44px;margin-right:20px;font-size:18px;font-weight:600;transition:all .4s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative;overflow:hidden}.view-trend-btn:before{content:"";z-index:-1;background-color:#fe7743;width:0;height:100%;transition:width .4s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.view-trend-btn:hover{color:#fff}.view-trend-btn:hover:before{width:100%}.view-trend-btn span.arrow{z-index:2;margin-left:8px;font-size:20px;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative}.view-trend-btn:hover span.arrow{opacity:0;transform:translate(15px)}.table-divider{opacity:.2}.pagination-container{justify-content:flex-end;align-items:center;gap:8px;margin-top:15px;font-family:DM Sans,sans-serif;display:flex}.page-arrow{opacity:.8;cursor:pointer;background-color:#f3f3f3;border-radius:12px;width:40px;height:40px;padding:9px;transition:all .2s}.page-arrow:hover{opacity:1;background-color:#e5e7eb}.active-page{color:#fff;-webkit-user-select:none;user-select:none;background-color:#25343f;border-radius:12px;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 12px #25343f26}@media (width<=1023px){.page-subtitle-container,.search-filter-row{max-width:80%}.table-header{grid-template-columns:18% 22% 18% 18% 12% 12%;font-size:16px}.patient-row{grid-template-columns:18% 22% 18% 18% 12% 12%;font-size:15px}.view-trend-btn{width:120px;height:38px;margin-right:10px;font-size:15px}.view-trend-btn span.arrow{font-size:16px}}@media (width<=767px){.progression-container{padding-top:10px!important}.progression-container .page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-title{font-size:24px}.page-subtitle-container{max-width:100%;margin-top:0;margin-bottom:20px}.page-subtitle{font-size:16px}.search-filter-row{max-width:100%}.table-container{margin-top:15px;padding:15px}.table-header{display:none}.patient-row{background-color:#f9f9fb;border:1px solid #00000008;border-radius:12px;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:15px;padding:20px 15px;display:flex}.patient-row:last-child{margin-bottom:0}.patient-cell-bold{order:1;font-size:18px}.patient-cell-left:first-child{color:#8e8e93;order:2;font-size:14px}.patient-cell-left:first-child:before{content:"ID: ";font-weight:600}.patient-cell-muted{order:3;font-size:14px}.patient-cell-muted:before{content:"Last Visit: ";color:#1c1c1e;font-weight:600}.patient-cell-left:nth-child(4){order:4;font-size:16px;font-weight:600}.patient-cell-left:nth-child(4):before{content:"Stage: ";color:#8e8e93;font-weight:500}.patient-cell-trend{order:5;font-size:16px}.patient-cell-trend:before{content:"Trend: ";color:#8e8e93;margin-right:4px;font-weight:500}.patient-cell-action{order:6;width:100%;margin-top:5px}.view-trend-btn{width:100%;height:44px;margin-right:0;font-size:16px}.pagination-container{justify-content:center}.filter-dropdown-card{top:60px!important;left:auto!important;right:0!important}}:root{--orange:#fe7743;--orange-light:#fff0e6;--orange-mid:#fed7aa;--red:#ef4444;--red-light:#fee2e2;--green:#10b981;--blue:#2a59f5;--yellow:#fbbf24;--purple:#d946ef;--bg:#ececec;--card-bg:#fff;--text-dark:#1c1c1e;--text-mid:#555;--text-soft:#8e8e93;--border:#e5e7eb;--radius-lg:20px;--radius-md:16px;--font:"DM Sans", sans-serif}.progression-summary-container{padding:30px 0 10px}.progression-summary-page{font-family:var(--font);color:var(--text-dark);margin-top:-20px;padding-top:0!important}.workspace-grid{flex-direction:row;align-items:stretch;gap:20px;width:100%;margin-top:10px;display:flex}.col-left{flex-direction:column;flex-shrink:0;gap:20px;width:22%;display:flex}.col-center{flex-direction:column;flex-shrink:0;gap:20px;width:38%;display:flex}.col-right{flex-direction:column;flex:1;gap:20px;display:flex}.premium-card{background-color:var(--card-bg);border-radius:var(--radius-md);box-sizing:border-box;border:1px solid #00000005;padding:24px;box-shadow:0 4px 20px #00000008}.pill-label{color:var(--text-soft);background-color:#fff;border:1px solid #1c1c1e26;border-radius:50px;width:fit-content;margin:0;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.timeline-container{flex-direction:column;gap:15px;margin-top:15px;display:flex;position:relative}.timeline-item{flex-direction:row;gap:12px;display:flex;position:relative}.timeline-left{flex-direction:column;align-items:center;display:flex;position:relative}.timeline-line{border-left:2px dashed #d1d5db;width:2px;position:absolute;top:24px;bottom:-24px}.timeline-item:last-child .timeline-line{display:none}.timeline-dot{z-index:2;background-color:#fff;border:2px solid #a1a1aa;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.timeline-dot.active{border-color:var(--orange)}.timeline-dot:after{content:"";background-color:#a1a1aa;border-radius:50%;width:8px;height:8px}.timeline-dot.active:after{background-color:var(--orange)}.timeline-content{text-align:left;flex:1}.timeline-box{box-sizing:border-box;border-radius:12px;flex-direction:column;gap:4px;width:100%;padding:10px 12px;transition:background-color .2s;display:flex}.timeline-box.active{background-color:var(--orange-light)}.timeline-box.active .timeline-detection{color:#e25c30;font-weight:700}.timeline-box .timeline-detection{color:var(--text-soft);font-weight:500}.fundus-viewer-card{background-color:#0a0a0c;border:1px solid #ffffff08;flex-direction:column;justify-content:center;align-items:center;padding:35px 24px;display:flex}#fundusContainer{aspect-ratio:1;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:100%;max-width:420px;display:flex;position:relative;overflow:visible}.fundus-img{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%;display:block}#dragLineContainer{cursor:ns-resize;-webkit-user-select:none;user-select:none;z-index:10;align-items:center;height:32px;margin-top:-16px;display:flex;position:absolute;left:-30px;right:-20px}.drag-white-line{pointer-events:none;background-color:#ffffffd9;border-radius:2px;flex:1;height:3px;box-shadow:0 0 6px #0009}#dragBadge{color:#1c1c1e;pointer-events:none;text-align:center;background-color:#fff;border-radius:20px;min-width:16px;margin-left:-5px;padding:4px 10px;font-size:13px;font-weight:800;box-shadow:0 2px 10px #0006}.eye-selector-wrapper{-webkit-user-select:none;user-select:none;background-color:#fff;border:1.5px solid #0000000d;border-radius:100px;align-items:center;padding:4px;display:inline-flex;box-shadow:0 4px 12px #0000000d}.eye-tab{color:var(--text-dark);opacity:.65;cursor:pointer;text-align:center;background-color:#0000;border-radius:100px;min-width:40px;padding:8px 28px;font-size:15px;font-weight:700;transition:all .25s cubic-bezier(.25,1,.5,1)}.eye-tab:not(.active):hover{opacity:1;background-color:#f5f5f7}.eye-tab.active{box-shadow:0 4px 10px #fe774333;background-color:var(--orange)!important;color:#fff!important;opacity:1!important}.oct-comparison-wrapper{flex-direction:column;gap:16px;width:100%;display:flex}.oct-card-view{border:1px solid #00000014;border-radius:12px;width:100%;height:250px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000005}.oct-card-view img{object-fit:cover;object-position:top;width:100%;height:400px;display:block;overflow:hidden}.scan-selector-row{justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:5px;display:flex}.scan-label{color:var(--text-soft);font-size:16px;font-weight:600}.custom-select-wrapper{width:70%;position:relative}.custom-select{appearance:none;width:100%;font-family:var(--font);color:var(--text-dark);cursor:pointer;box-sizing:border-box;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s}.custom-select:focus{border-color:var(--orange)}.select-arrow{pointer-events:none;color:var(--text-dark);position:absolute;top:50%;right:15px;transform:translateY(-50%)}.legend-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:1;background-color:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-radio-input{appearance:none;cursor:pointer;border:2.5px solid #d1d5db;border-radius:50%;outline:none;justify-content:center;align-items:center;width:20px;height:20px;margin:0;transition:all .2s;display:inline-flex;position:relative}.modal-radio-input:checked{border-color:var(--orange)}.modal-radio-input:checked:after{content:"";background-color:var(--orange);border-radius:50%;width:10px;height:10px;position:absolute}.modal-text-input{font-size:15px;font-weight:600;font-family:var(--font);box-sizing:border-box;border:1.5px solid #d1d5db;border-radius:8px;outline:none;padding:10px 14px;transition:all .2s}.modal-textarea{color:#2c2c2e;width:100%;height:110px;font-size:16px;line-height:1.5;font-family:var(--font);resize:none;box-sizing:border-box;border:1.5px solid #d1d5db;border-radius:12px;outline:none;padding:14px 16px;font-weight:500;transition:all .2s;box-shadow:inset 0 2px 4px #00000005}.modal-textarea:focus,.modal-text-input:focus{border-color:var(--orange)!important;box-shadow:0 0 0 3px #fe774326!important}#exportBtn{color:var(--orange);border:2.5px solid var(--orange);background-color:#fff;transition:all .25s cubic-bezier(.25,1,.5,1)}#exportBtn:hover{background-color:var(--orange-light)}#exportBtn.success{transform:scale(.98);color:#6b7280!important;box-shadow:none!important;background-color:#e5e7eb!important;border-color:#d1d5db!important}.page-header{justify-content:space-between;align-items:center;width:100%;margin-top:30px;margin-bottom:30px;display:flex}.header-left,.header-center,.header-right{align-items:center;width:33.33%;display:flex}.header-left{justify-content:flex-start}.header-center{justify-content:center}.header-right{justify-content:flex-end}.back-btn{color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.85;align-items:center;gap:10px;font-size:18px;font-weight:600;transition:all .25s cubic-bezier(.25,1,.5,1);display:inline-flex}.back-btn:hover{opacity:1}.back-btn:hover .arrow-container{transform:translate(-4px)}.arrow-container{line-height:0;transition:transform .25s cubic-bezier(.25,1,.5,1);display:inline-block}#modalContainer{background-color:#fff;border-radius:24px;flex-direction:row;gap:30px;width:880px;max-width:95%;max-height:90vh;padding:40px;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000026}.modal-timeline-col{border-radius:var(--radius-md);box-sizing:border-box;text-align:left;border:1.5px solid #e5e7eb;flex-direction:column;width:33%;padding:20px;display:flex}.modal-form-col{text-align:left;flex-direction:column;flex:1;gap:20px;display:flex}#fullViewContainer{background-color:#fff;border-radius:24px;flex-direction:column;gap:20px;width:880px;max-width:95%;max-height:90vh;padding:30px;display:flex;overflow-y:auto;box-shadow:0 20px 50px #00000026}@media (width<=1023px){.workspace-grid{flex-direction:column;gap:24px}.col-left,.col-center,.col-right{width:100%!important}.timeline-container{max-width:100%}.oct-card-view{height:280px}.oct-card-view img{height:350px}}@media (width<=767px){.progression-summary-page{margin-top:-10px;padding-top:5px}.progression-summary-page .page-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:20px}.header-left,.header-center,.header-right{justify-content:flex-start;width:100%}.header-center{justify-content:center;margin:5px 0}.back-btn{font-size:16px}.eye-tab{padding:6px 20px;font-size:14px}.fundus-viewer-card{padding:20px 10px!important}#fundusContainer{max-width:280px}#dragLineContainer{left:-20px;right:-10px}.oct-card-view{height:180px}.oct-card-view img{height:260px}.scan-selector-row{flex-direction:column;align-items:stretch;gap:8px}.custom-select-wrapper{width:100%}.biomarker-legend-row{justify-content:flex-start;gap:12px}.report-desc{font-size:15px}.detail-row-group{flex-direction:row;gap:20px}.detail-title{font-size:16px}.detail-value{font-size:20px}.modal-overlay{padding:10px}#modalContainer{flex-direction:column;gap:16px;width:95%;max-width:95%;padding:24px 20px}.modal-timeline-col,.modal-form-col{width:100%!important}#fullViewContainer{gap:15px;width:95%;max-width:95%;padding:20px}.modal-radio-group{flex-direction:column;align-items:flex-start;gap:12px}.modal-radio-label{width:100%;font-size:14px}.modal-text-input{width:100%;margin-top:8px}.modal-textarea{height:90px;font-size:14px}#modalSaveBtn{width:100%;padding:12px 0}#exportBtn{width:100%;padding:14px 0;font-size:16px}}html,body{box-sizing:border-box;background-color:#ececec;margin:0;padding:0}*,:before,:after{box-sizing:border-box}.main-layout-container{background-color:#ececec;flex-direction:column;min-height:100vh;display:flex}.main-content-wrapper{flex:1;padding:110px 40px 40px;overflow-y:auto}@media (width<=1023px){.main-content-wrapper{padding:105px 20px 20px}}@media (width<=767px){.main-content-wrapper{padding:75px 15px 15px}}