.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:64px;justify-content:space-between;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:var(--color-primary);font-size:1rem;font-weight:600;gap:.75rem;letter-spacing:-.01em}.navbar-logo:before{background:linear-gradient(145deg,var(--color-primary),var(--color-secondary));border-radius:6px;content:"";flex-shrink:0;height:28px;width:28px}.navbar-links{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}.navbar-links button{background:#0000;border:none;border-radius:var(--radius-sm);box-shadow:none;color:var(--color-text-muted);font-size:.875rem;font-weight:500;padding:.5rem .875rem;transition:color .15s ease,background .15s ease}.navbar-links button:before{display:none}.navbar-links button:hover{box-shadow:none;transform:none}.navbar-links button.active,.navbar-links button:hover{background:var(--color-surface-accent);color:var(--color-primary)}.navbar-links button.active{font-weight:600}.navbar-links button.active:after{display:none}@media (max-width:768px){.navbar{flex-direction:column;gap:.75rem;height:auto;padding:.75rem 1rem}.navbar-logo{font-size:.95rem}.navbar-links{justify-content:center;width:100%}}.notifications-container{display:flex;flex-direction:column;gap:.5rem;max-width:380px;position:fixed;right:1rem;top:76px;z-index:2000}.notification{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-text);display:flex;gap:.75rem;padding:.875rem 1rem}.notification-connection,.notification-error,.notification-internal,.notification-server,.notification-validation{border-left:3px solid var(--color-danger)}.notification-warning{border-left:3px solid var(--color-warning)}.notification-message{font-size:.875rem;font-weight:600;line-height:1.4;margin:0 0 .25rem}.notification-suggestion{color:var(--color-text-muted);font-size:.8rem;line-height:1.4;margin:0}.notification-close{background:#0000;border:none;box-shadow:none;color:var(--color-text-muted);cursor:pointer;font-size:1.25rem;line-height:1;min-width:auto;padding:0}.notification-close:hover{background:#0000;box-shadow:none;color:var(--color-text);transform:none}.notification-reload{font-size:.8rem;margin-top:.5rem;padding:.4rem .75rem}.notification-content{flex:1 1}@media (max-width:768px){.notifications-container{left:1rem;max-width:none;right:1rem}}.home-container{background:var(--color-surface-muted);min-height:calc(100vh - 64px);padding:3rem 1.5rem 4rem}.home-content{margin:0 auto;max-width:1040px}.home-header{margin-bottom:3rem;max-width:640px;text-align:left}.home-eyebrow{color:var(--color-secondary);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin:0 0 .5rem;text-transform:uppercase}.home-title{color:var(--color-primary);font-size:2.25rem;font-weight:600;letter-spacing:-.03em;line-height:1.2;margin:0 0 1rem}.home-title:after{display:none}.home-subtitle{color:var(--color-text-muted);font-size:1rem;line-height:1.65;margin:0}.home-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2.5rem}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;text-align:left;transition:box-shadow .2s ease,border-color .2s ease}.feature-card:hover{border-color:#c5d4e0;box-shadow:var(--shadow-md);transform:none}.feature-index{align-items:center;background:var(--color-surface-accent);border-radius:var(--radius-sm);color:var(--color-primary);display:inline-flex;font-size:.75rem;font-weight:700;height:2.25rem;justify-content:center;letter-spacing:.02em;margin-bottom:1rem;width:2.25rem}.feature-card h3{color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 .5rem}.feature-card p{color:var(--color-text-muted);font-size:.875rem;line-height:1.55;margin:0}.home-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}.action-button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);font-size:.9rem;font-weight:600;padding:.7rem 1.5rem;transition:background .15s ease,color .15s ease,border-color .15s ease}.action-button:before{display:none}.action-button.primary{background:var(--color-primary);box-shadow:var(--shadow-sm);color:#fff}.action-button.primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:none}.action-button.secondary{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:none;color:var(--color-primary)}.action-button.secondary:hover{background:var(--color-surface-accent);border-color:var(--color-accent);color:var(--color-primary);transform:none}.home-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.info-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.info-section h4{color:var(--color-primary);font-size:.8rem;font-weight:600;letter-spacing:.06em;margin:0 0 1rem;text-transform:uppercase}.info-section ol,.info-section ul{list-style:none;margin:0;padding:0}.info-section li{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem;line-height:1.5;padding:.65rem 0 .65rem 1.75rem;position:relative}.info-section li:last-child{border-bottom:none}.info-section ol{counter-reset:step}.info-section ol li{counter-increment:step}.info-section ol li:before{align-items:center;background:var(--color-surface-accent);border-radius:4px;color:var(--color-primary);content:counter(step);display:flex;font-size:.7rem;font-weight:700;height:1.25rem;justify-content:center;left:0;position:absolute;top:.65rem;width:1.25rem}.info-section ul li:before{background:var(--color-secondary);border-radius:50%;content:"";height:6px;left:.35rem;position:absolute;top:1rem;width:6px}@media (max-width:900px){.home-features,.home-info{grid-template-columns:1fr}}@media (max-width:768px){.home-container{padding:2rem 1rem 3rem}.home-title{font-size:1.75rem}.home-actions{flex-direction:column}.action-button{text-align:center;width:100%}}.progress-overlay{align-items:center;background:#0f3d5c1f;display:flex;inset:0;justify-content:center;position:fixed;z-index:1500}.progress-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text);font-size:.9rem;font-weight:500;min-width:200px;padding:1.5rem 2rem;text-align:center}.progress-spinner{animation:spin .7s linear infinite;border:3px solid var(--color-surface-muted);border-radius:50%;border-top-color:var(--color-primary);height:36px;margin:0 auto .75rem;width:36px}@keyframes spin{to{transform:rotate(1turn)}}:root{--color-primary:#0f3d5c;--color-primary-hover:#0c3049;--color-secondary:#2d6a8f;--color-accent:#3d8eb8;--color-surface:#fff;--color-surface-muted:#f4f7fa;--color-surface-accent:#e8f1f8;--color-border:#d4dee8;--color-text:#1e2d3a;--color-text-muted:#5a6b7d;--color-success:#1a7f4b;--color-success-bg:#edf7f1;--color-warning:#9a6700;--color-warning-bg:#faf6eb;--color-danger:#b42318;--color-danger-bg:#fef3f2;--shadow-sm:0 1px 2px #0f3d5c0f;--shadow-md:0 4px 16px #0f3d5c14;--shadow-lg:0 12px 32px #0f3d5c1a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--medical-primary:var(--color-primary);--medical-secondary:var(--color-secondary);--medical-accent:var(--color-accent);--medical-light:var(--color-surface-muted);--medical-white:var(--color-surface);--medical-gray:#eef2f6;--medical-dark:var(--color-text);--medical-success:var(--color-success);--medical-warning:var(--color-warning);--medical-danger:var(--color-danger);--medical-border:var(--color-border)}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#f4f7fa;background:var(--color-surface-muted);color:#1e2d3a;color:var(--color-text);font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-sans);margin:0}.medical-container,main{min-height:calc(100vh - 64px)}.medical-container{margin:0 auto;max-width:1140px;padding:2rem 1.5rem 3rem}.page-header{margin-bottom:2rem;text-align:left}.title{color:#0f3d5c;color:var(--color-primary);font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .5rem}.subtitle{color:#5a6b7d;color:var(--color-text-muted);font-size:.95rem;line-height:1.6;margin:0;max-width:42rem}.diagnostic-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.image-panel,.result-panel{display:flex;flex-direction:column;gap:1rem}.panel{background:#fff;background:var(--color-surface);border:1px solid #d4dee8;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f3d5c0f;box-shadow:var(--shadow-sm);padding:1.25rem 1.5rem;text-align:left}.panel:hover{box-shadow:0 4px 16px #0f3d5c14;box-shadow:var(--shadow-md)}.panel h3{color:#0f3d5c;color:var(--color-primary);font-size:.8rem;font-weight:600;letter-spacing:.06em;margin:0 0 1rem;text-transform:uppercase}.preview-img{border:1px solid #d4dee8;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);display:block;margin:0 auto;max-width:100%;width:100%}.preview-img:hover{border-color:#3d8eb8;border-color:var(--color-accent)}.model-info{color:#5a6b7d;color:var(--color-text-muted);font-size:.875rem;margin:0 0 1rem}.toggle-container button{background:#fff;background:var(--color-surface);border:1px solid #d4dee8;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);box-shadow:none;color:#0f3d5c;color:var(--color-primary);font-size:.875rem;font-weight:500;padding:.5rem 1rem}.toggle-container button:hover{background:#e8f1f8;background:var(--color-surface-accent);border-color:#3d8eb8;border-color:var(--color-accent);transform:none}.upload-button,button{background:#0f3d5c;background:var(--color-primary);border:none;border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0f3d5c0f;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.9rem;font-weight:600;padding:.65rem 1.25rem;transition:background .15s ease,box-shadow .15s ease}button:before{display:none}button:hover{background:#0c3049;background:var(--color-primary-hover);box-shadow:0 4px 16px #0f3d5c14;box-shadow:var(--shadow-md);transform:none}button:disabled{background:#c5cdd6;box-shadow:none;color:#fff;cursor:not-allowed}.upload-button{display:inline-block;text-align:center}.upload-section{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.upload-input-hidden{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.upload-hint{font-size:.8rem;line-height:1.5}.empty-state,.upload-hint{color:#5a6b7d;color:var(--color-text-muted);margin:0}.empty-state{font-size:.9rem}.results-display{text-align:left}.predicted-summary{background:#edf7f1;background:var(--color-success-bg);border:1px solid #c6e7d4;border-radius:10px;border-radius:var(--radius-md);margin-bottom:1.25rem;padding:1rem 1.25rem}.predicted-summary h3{color:#1a7f4b;color:var(--color-success);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.predicted-class-main{color:#1e2d3a;color:var(--color-text);font-size:1.125rem;margin:0}.class-note{display:block;font-size:.85rem;font-weight:400;margin-top:.25rem}.class-note,.confidence-value{color:#5a6b7d;color:var(--color-text-muted)}.confidence-value{font-size:.9rem;margin:.5rem 0 0}.probabilities-section h4{color:#1e2d3a;color:var(--color-text);font-size:.95rem;font-weight:600;margin:0 0 .75rem}.prob-table{border-collapse:collapse;font-size:.875rem;width:100%}.prob-table td,.prob-table th{border:1px solid #d4dee8;border:1px solid var(--color-border);padding:.65rem .75rem;text-align:left}.prob-table th{background:#f4f7fa;background:var(--color-surface-muted);color:#5a6b7d;color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.predicted-row{background:#edf7f1;background:var(--color-success-bg)}.predicted-row td{font-weight:500}.class-name-cell{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.predicted-badge{background:#1a7f4b;background:var(--color-success);border-radius:4px;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.04em;padding:.15rem .45rem;text-transform:uppercase}.partial-warning{background:#faf6eb;background:var(--color-warning-bg);border:1px solid #e8dcc0;border-radius:6px;border-radius:var(--radius-sm);color:#9a6700;color:var(--color-warning);font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.bar-chart{margin-top:1.5rem}.bar-chart h5{color:#5a6b7d;color:var(--color-text-muted);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.bar-row{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(100px,1.2fr) 1fr 52px;margin-bottom:.5rem}.bar-row-predicted .bar-fill{background:#1a7f4b;background:var(--color-success)}.bar-label{color:#5a6b7d;color:var(--color-text-muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:#f4f7fa;background:var(--color-surface-muted);border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:#2d6a8f;background:var(--color-secondary);border-radius:4px;height:100%;min-width:2px;transition:width .35s ease}.bar-value{color:#1e2d3a;color:var(--color-text);font-size:.75rem;font-weight:600;text-align:right}.gradcam-viewer h3{color:#0f3d5c;color:var(--color-primary);font-size:.8rem;font-weight:600;letter-spacing:.06em;margin:0 0 .5rem;text-transform:uppercase}.gradcam-note{color:#5a6b7d;color:var(--color-text-muted);font-size:.8rem;line-height:1.5;margin:0 0 1rem}.gradcam-error{color:#b42318;color:var(--color-danger);font-size:.875rem;margin:0}.download-btn,.predict-btn,.report-btn{margin-top:.75rem}.actions-panel{text-align:left}.hint-text{color:#5a6b7d;color:var(--color-text-muted);font-size:.8rem;margin:.5rem 0 0}@media (max-width:900px){.diagnostic-layout{grid-template-columns:1fr}}@media (max-width:768px){.medical-container{padding:1.25rem 1rem 2rem}.title{font-size:1.5rem}}.models-container{margin:0 auto;max-width:960px;min-height:calc(100vh - 64px);padding:2rem 1.5rem 3rem}.models-title{color:var(--color-primary);font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .5rem;text-align:left}.models-title:after,.models-title:before{display:none}.models-page-intro{color:var(--color-text-muted);font-size:.95rem;line-height:1.6;margin:0 0 2rem;text-align:left}.model-meta{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1.5rem;padding:1rem 1.25rem;text-align:left}.model-meta p{color:var(--color-text-muted);margin:.35rem 0}.model-meta strong{color:var(--color-text);font-weight:600}.accuracy-banner{align-items:baseline;background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.accuracy-label{color:var(--color-text-muted);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.accuracy-value{color:var(--color-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em}.models-table{background:var(--color-surface);border:1px solid var(--color-border);border-collapse:collapse;border-radius:var(--radius-md);font-size:.875rem;overflow:hidden;width:100%}.models-table th{background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.models-table th:after{display:none}.models-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:.75rem 1rem}.models-table tbody tr:last-child td{border-bottom:none}.models-table tr:hover{background:var(--color-surface-muted);transform:none}.models-table td:first-child{background:#0000;border-right:none;color:var(--color-text);font-weight:500}.models-table td:not(:first-child):after{display:none}.macro-row{background:var(--color-surface-accent)}.macro-row td{border-top:2px solid var(--color-border);font-weight:600}.metrics-unavailable{color:var(--color-danger);font-size:.95rem;padding:2rem;text-align:center}.models-loading{color:var(--color-text-muted);padding:3rem;text-align:center}.metrics-section{margin-bottom:2.5rem}.section-heading{align-items:baseline;color:var(--color-primary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.75rem;letter-spacing:.06em;margin:0 0 1rem}.section-heading,.subsection-heading{font-weight:600;text-transform:uppercase}.subsection-heading{color:var(--color-text-muted);font-size:.75rem;letter-spacing:.05em;margin:1.5rem 0 .75rem}.session-updated{color:var(--color-success);font-size:.75rem;font-weight:500;letter-spacing:normal;text-transform:none}.metrics-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.25rem}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.25rem}.metric-card.highlight{background:var(--color-surface-accent);border-color:var(--color-primary)}.metric-card-label{color:var(--color-text-muted);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.metric-card-value{color:var(--color-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.metric-card-value-sm{font-size:1rem;line-height:1.3}.metric-card-sub{color:var(--color-text-muted);font-size:.8rem}.active-model-row{background:var(--color-surface-accent)}.active-model-row td{color:var(--color-primary);font-weight:600}.model-badge{background:var(--color-primary);border-radius:4px;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.04em;margin-left:.5rem;padding:.15rem .45rem;text-transform:uppercase;vertical-align:middle}.session-section{border-top:1px solid var(--color-border);padding-top:.5rem}.session-empty{background:var(--color-surface-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.9rem;margin:0;padding:1rem 1.25rem}.comparison-table{margin-bottom:0}.recent-table td:first-child{color:var(--color-text-muted);font-size:.8rem}@media (max-width:768px){.metrics-summary-grid{grid-template-columns:1fr}.models-container{padding:1.25rem 1rem 2rem}.accuracy-banner{align-items:flex-start;flex-direction:column}.models-table{font-size:.8rem}.models-table td,.models-table th{padding:.5rem .65rem}}
/*# sourceMappingURL=main.87c7de45.css.map*/