body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#06c;--primary-dark:#0052a3;--primary-light:#e8f4f8;--success:#00a651;--warning:#ffb800;--danger:#dc3545;--info:#17a2b8;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #0000001a;--shadow-xl:0 20px 40px #00000026;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;background:var(--gray-50);color:#212121;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#fff;background:var(--white);border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:1rem}.logo{align-items:center;background:linear-gradient(135deg,#06c,#0052a3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.logo-section h1{color:#212121;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin:0}.tagline{color:#757575;color:var(--gray-600);font-size:.875rem;margin:0}.header-stats{display:flex;gap:2rem}.stat-item{align-items:flex-end;display:flex;flex-direction:column}.stat-label{color:#9e9e9e;color:var(--gray-500);letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#212121;color:var(--gray-900);font-size:1.125rem}.status-badge{border-radius:12px;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.status-healthy{background:#00a651;background:var(--success);color:#fff}.status-degraded{background:#ffb800;background:var(--warning);color:#fff}.navigation{background:#fff;background:var(--white);border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.nav-container{display:flex;gap:0;margin:0 auto;max-width:1400px;padding:0 2rem}.nav-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#757575;color:var(--gray-600);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-button:hover{background:#e8f4f8;background:var(--primary-light);color:#06c;color:var(--primary)}.nav-button.active{border-bottom-color:#06c;border-bottom-color:var(--primary);color:#06c;color:var(--primary)}.nav-icon{font-size:1.25rem}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.card{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.prediction-section{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:2rem}.section-header{border-bottom:2px solid #f5f5f5;border-bottom:2px solid var(--gray-100);margin-bottom:2rem;padding-bottom:1rem}.section-header h2{color:#212121;color:var(--gray-900);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.section-header p{color:#757575;color:var(--gray-600);font-size:.9375rem}.prediction-form{width:100%}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.form-section{background:#fafafa;background:var(--gray-50);border:1px solid #eee;border:1px solid var(--gray-200);border-radius:8px;padding:1.5rem}.form-section.full-width{grid-column:1/-1}.form-section h3{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);color:#06c;color:var(--primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.input-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.input-group{display:flex;flex-direction:column;gap:.25rem}.input-group label{color:#616161;color:var(--gray-700);font-size:.875rem;font-weight:500}.required{color:#dc3545;color:var(--danger)}.input-group input,.input-group select{background:#fff;background:var(--white);border:2px solid #e0e0e0;border:2px solid var(--gray-300);border-radius:6px;font-size:.9375rem;padding:.625rem .875rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.input-group input:focus,.input-group select:focus{border-color:#06c;border-color:var(--primary);box-shadow:0 0 0 3px #0066cc1a;outline:none}.input-group input.error{border-color:#dc3545;border-color:var(--danger)}.error-message{color:#dc3545;color:var(--danger);font-size:.75rem;margin-top:.25rem}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.checkbox-label{align-items:center;color:#616161;color:var(--gray-700);cursor:pointer;display:flex;font-size:.9375rem;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;margin:0;width:18px}.image-upload-area{border:2px dashed #e0e0e0;border:2px dashed var(--gray-300);border-radius:8px;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.upload-label{cursor:pointer;display:block}.upload-content{align-items:center;color:#757575;color:var(--gray-600);display:flex;flex-direction:column;gap:.5rem}.upload-icon{font-size:3rem}.upload-hint{color:#9e9e9e;color:var(--gray-500);font-size:.75rem}.file-input{display:none}.image-upload-area:hover{background:#e8f4f8;background:var(--primary-light);border-color:#06c;border-color:var(--primary)}.image-preview-container{align-items:center;display:flex;flex-direction:column;position:relative}.image-preview{border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);max-height:300px;max-width:100%}.btn-remove{background:#dc3545;background:var(--danger);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-remove:hover{background:#b02a37}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#06c,#0052a3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--white);border:2px solid #06c;border:2px solid var(--primary);color:#06c;color:var(--primary)}.btn-secondary:hover:not(:disabled){background:#e8f4f8;background:var(--primary-light)}.btn-large{font-size:1.125rem;padding:1rem 2rem}.form-actions{border-top:1px solid #eee;border-top:1px solid var(--gray-200);display:flex;justify-content:center;margin-top:2rem;padding-top:2rem}.results-container{background:linear-gradient(135deg,#fafafa,#fff);background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 100%);border:1px solid #eee;border:1px solid var(--gray-200);border-radius:12px;margin-top:3rem;padding:2rem}.results-container h2{border-bottom:2px solid #eee;border-bottom:2px solid var(--gray-200);color:#212121;color:var(--gray-900);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.risk-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr;margin-bottom:2rem}.risk-card{background:#fff;background:var(--white);border:3px solid;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;text-align:center}.risk-card h3{color:#616161;color:var(--gray-700);font-size:.875rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.risk-level{font-size:2rem;font-weight:700;margin-bottom:.5rem}.risk-score{color:#757575;color:var(--gray-600);font-size:1.125rem;margin-bottom:.25rem}.confidence{color:#9e9e9e;color:var(--gray-500);font-size:.875rem}.metrics-card{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem}.metrics-card h3{color:#616161;color:var(--gray-700);font-size:1rem;margin-bottom:1rem}.metric-item{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:120px 1fr 60px;margin-bottom:1rem}.metric-item span:first-child{color:#757575;color:var(--gray-600);font-size:.875rem}.metric-item span:last-child{color:#06c;color:var(--primary);font-weight:600;text-align:right}.metric-item.combined-risk{border-top:1px solid #eee;border-top:1px solid var(--gray-200);margin-top:.5rem;padding-top:.5rem}.progress-bar{background:#eee;background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#06c,#0052a3);background:linear-gradient(90deg,var(--primary) 0,var(--primary-dark) 100%);height:100%;transition:width .5s ease}.progress-fill.combined{background:linear-gradient(90deg,#00a651,#06c 50%,#dc3545);background:linear-gradient(90deg,var(--success) 0,var(--primary) 50%,var(--danger) 100%)}.recommendations-section{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:1.5rem}.recommendations-section h3{color:#212121;color:var(--gray-900);font-size:1.125rem;margin-bottom:1rem}.recommendations-list{list-style:none;padding:0}.recommendations-list li{background:#fafafa;background:var(--gray-50);border-left:4px solid #06c;border-left:4px solid var(--primary);border-radius:4px;color:#616161;color:var(--gray-700);font-size:.9375rem;margin-bottom:.5rem;padding:.75rem}.feature-importance{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:1.5rem}.feature-importance h3{align-items:center;color:#212121;color:var(--gray-900);display:flex;font-size:1.125rem;gap:.5rem;margin-bottom:1rem}.importance-bars{display:flex;flex-direction:column;gap:.75rem}.importance-item{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:120px 1fr 60px}.feature-name{color:#757575;color:var(--gray-600);font-size:.75rem;font-weight:500;text-transform:capitalize}.importance-bar-container{background:#eee;background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden}.importance-bar{background:linear-gradient(90deg,#17a2b8,#06c);background:linear-gradient(90deg,var(--info) 0,var(--primary) 100%);border-radius:3px;height:100%;transition:width .5s ease}.importance-value{color:#757575;color:var(--gray-600);font-size:.75rem;font-weight:600;text-align:right}.report-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.prediction-id{color:#9e9e9e;color:var(--gray-500);font-family:Courier New,monospace;font-size:.75rem;text-align:center}.metrics-section{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:2rem}.loading{color:#757575;color:var(--gray-600);font-size:1.125rem;padding:2rem;text-align:center}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.metric-card{background:#fafafa;background:var(--gray-50);border:1px solid #eee;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem}.metric-card h3{color:#06c;color:var(--primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.metric-values{display:flex;flex-direction:column;gap:.75rem}.metric-values .metric-item{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--gray-300);display:flex;justify-content:space-between;padding:.5rem 0}.metric-values .metric-item:last-child{border-bottom:none}.metric-label{color:#757575;color:var(--gray-600);font-size:.875rem;font-weight:500}.metric-value{color:#06c;color:var(--primary);font-size:1rem;font-weight:700}.chart-section{margin-bottom:2rem}.chart-section h3{color:#212121;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.chart-container{background:#fff;background:var(--white);border:1px solid #eee;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem}.chart-placeholder{background:#fafafa;background:var(--gray-50);border-radius:8px;min-height:300px;padding:1rem;position:relative}.chart-header h4{color:#616161;color:var(--gray-700);font-size:1rem;margin-bottom:1rem;text-align:center}.chart-legend{bottom:1rem;display:flex;gap:1rem;left:50%;position:absolute;transform:translateX(-50%)}.legend-item{align-items:center;color:#757575;color:var(--gray-600);display:flex;font-size:.75rem;gap:.5rem}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.clinical{background:#4caf50}.legend-color.image{background:#2196f3}.legend-color.fusion{background:#ff9800}.comparison-section{background:#fff;background:var(--white);border:1px solid #eee;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem}.comparison-section h3{color:#212121;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.comparison-chart{display:flex;flex-direction:column;gap:1.5rem}.comparison-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:100px 1fr}.metric-name{color:#616161;color:var(--gray-700);font-size:.875rem;font-weight:600;text-transform:uppercase}.comparison-bars{display:flex;flex-direction:column;gap:.5rem}.comparison-bar-container{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:100px 1fr 60px}.model-label{color:#757575;color:var(--gray-600);font-size:.75rem;font-weight:500}.comparison-bar{background:#eee;background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden}.comparison-fill{border-radius:4px;height:100%;transition:width .5s ease}.comparison-value{color:#616161;color:var(--gray-700);font-size:.75rem;font-weight:600;text-align:right}.about-section{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:2rem}.about-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.info-card{background:#fafafa;background:var(--gray-50);border:1px solid #eee;border:1px solid var(--gray-200);border-radius:8px;padding:1.5rem}.info-card.warning{background:#ffb8001a;border-color:#ffb800;border-color:var(--warning)}.info-card h3{color:#06c;color:var(--primary);font-size:1.125rem;margin-bottom:1rem}.info-card p{color:#616161;color:var(--gray-700);line-height:1.6;margin-bottom:.5rem}.info-card ul{list-style:none;padding:0}.info-card ul li{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);color:#616161;color:var(--gray-700);font-size:.9375rem;padding:.5rem 0}.info-card ul li:last-child{border-bottom:none}.model-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#757575;color:var(--gray-600);font-size:.75rem;font-weight:500}.stat-value{color:#06c;color:var(--primary);font-size:1rem;font-weight:600}.note{color:#9e9e9e;color:var(--gray-500);font-size:.75rem;font-style:italic}.model-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.model-info-item{background:#fff;background:var(--white);border:1px solid #e0e0e0;border:1px solid var(--gray-300);border-radius:6px;padding:1rem}.model-info-item h4{color:#06c;color:var(--primary);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.model-info-item p{color:#757575;color:var(--gray-600);font-size:.75rem;margin-bottom:.25rem}.app-footer{background:#212121;background:var(--gray-900);color:#fff;color:var(--white);margin-top:auto;padding:3rem 2rem 2rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr;margin:0 auto;max-width:1400px;text-align:center}.footer-section h4{color:#fff;color:var(--white);font-size:1.125rem;margin-bottom:1rem}.footer-section p{color:#bdbdbd;color:var(--gray-400);font-size:.9375rem;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#bdbdbd;color:var(--gray-400);font-size:.9375rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.footer-section a:hover{color:#fff;color:var(--white)}.copyright{border-top:1px solid #424242;border-top:1px solid var(--gray-800);margin-top:1rem;padding-top:1rem}.tagline{color:#9e9e9e;color:var(--gray-500);font-size:.75rem;margin-top:.25rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-top-color:#06c;border:4px solid var(--gray-300);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#757575;color:var(--gray-600);font-size:1.125rem;font-weight:500}.loading-subtext{color:#9e9e9e;color:var(--gray-500);font-size:.875rem;margin-top:.5rem}.toast-container{gap:.5rem;max-width:400px;right:1rem;top:1rem}.toast{animation:slideIn .3s ease forwards;background:#fff;background:var(--white);border-left:4px solid;box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);gap:1rem;justify-content:space-between;padding:1rem 1.25rem;transform:translateX(400px)}.toast.success{border-left-color:#00a651;border-left-color:var(--success)}.toast.error{border-left-color:#dc3545;border-left-color:var(--danger)}.toast.warning{border-left-color:#ffb800;border-left-color:var(--warning)}.toast.info{border-left-color:#17a2b8;border-left-color:var(--info)}.toast-message{color:#424242;color:var(--gray-800);font-size:.875rem;font-weight:500}.toast-close{color:#9e9e9e;color:var(--gray-500);font-size:1.25rem;height:20px;width:20px}.toast-close:hover{color:#424242;color:var(--gray-800)}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.toast.exit{animation:slideOut .3s ease forwards}.trend-lines{height:200px;margin:1rem 0;position:relative;width:100%}.trend-point{background:#06c;background:var(--primary);border-radius:50%;cursor:pointer;height:12px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:12px}.trend-point:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-50%) scale(1.2)}.trend-tooltip{background:#212121;background:var(--gray-900);border-radius:4px;bottom:100%;color:#fff;color:var(--white);font-size:.75rem;left:50%;opacity:0;padding:.5rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);visibility:hidden;white-space:nowrap}.trend-point:hover .trend-tooltip{opacity:1;visibility:visible}.trend-tooltip:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #212121;border-top:5px solid var(--gray-900);content:"";height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}@media (max-width:480px){.main-content{padding:1rem .5rem}.header-content{padding:1rem}.nav-container{padding:0 1rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-section{padding:1rem}.input-row{grid-template-columns:1fr}.toast-container{left:1rem;max-width:none;right:1rem}}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-stats{justify-content:space-between;width:100%}.nav-container{overflow-x:auto;padding:0}.nav-button{min-width:80px;padding:.75rem 1rem}.nav-label{display:none}.footer-content,.form-grid,.risk-summary{grid-template-columns:1fr}.footer-content{gap:2rem;text-align:center}.main-content{padding:1rem}.about-section,.metrics-section,.prediction-section{padding:1.5rem}.metric-item{gap:.5rem;grid-template-columns:100px 1fr 50px}.comparison-row{grid-template-columns:80px 1fr}.comparison-bar-container{gap:.5rem;grid-template-columns:80px 1fr 50px}.importance-item{gap:.5rem;grid-template-columns:100px 1fr 50px}}@media (min-width:769px) and (max-width:1024px){.about-grid,.form-grid,.metrics-grid{grid-template-columns:1fr 1fr}}@media (min-width:1025px){.about-grid,.form-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media print{.form-actions,.nav-container,.report-actions,.toast-container{display:none}.results-container{border:1px solid #bdbdbd;border:1px solid var(--gray-400);box-shadow:none;margin-top:0}.main-content{max-width:none;padding:0}.prediction-section{border:1px solid #bdbdbd;border:1px solid var(--gray-400);box-shadow:none}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:#06c;background:var(--primary);border-radius:4px;color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:9999}.skip-link:focus{top:6px}button:focus,input:focus,select:focus{outline:2px solid #06c;outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast:high){:root{--gray-300:grey;--gray-500:#606060;--gray-600:#404040}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.error-boundary{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem}.error-content{background:#fff;background:var(--white);border:1px solid #dc3545;border:1px solid var(--danger);border-radius:12px;box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);max-width:500px;padding:2rem;text-align:center}.error-content h2{color:#dc3545;color:var(--danger);margin-bottom:1rem}.error-content p{color:#616161;color:var(--gray-700);margin-bottom:1.5rem}.error-details{background:#fafafa;background:var(--gray-50);border:1px solid #e0e0e0;border:1px solid var(--gray-300);border-radius:6px;margin:1rem 0;padding:1rem;text-align:left}.error-details pre{word-wrap:break-word;color:#616161;color:var(--gray-700);font-size:.75rem;white-space:pre-wrap}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;min-width:300px;padding:16px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#00a651;color:#fff}.toast-error{background:#dc3545;color:#fff}.toast-warning{background:#ffb800;color:#fff}.toast-info{background:#17a2b8;color:#fff}.toast-icon{font-size:20px;font-weight:700}.toast-message{flex:1 1}.toast-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;opacity:.8;padding:0;width:24px}.toast-close:hover{opacity:1}.prediction-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-animation{margin-bottom:2rem}.scanner{align-items:center;border:3px solid #e0e0e0;border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.scan-line{animation:scan 2s linear infinite;background:linear-gradient(90deg,#0000,#06c,#0000);height:2px;width:60px}@keyframes scan{0%{transform:translateY(-20px) rotate(0deg)}to{transform:translateY(20px) rotate(1turn)}}.prediction-loading h3{color:#424242;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.loading-steps{align-items:flex-start;flex-direction:column}.loading-steps,.step{display:flex;gap:.75rem}.step{align-items:center;color:#9e9e9e;font-size:.875rem;transition:color .3s ease}.step.active{color:#06c}.step-icon{align-items:center;border-radius:50%;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;width:20px}.step.active .step-icon{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-loader{padding:1rem}.skeleton-header{height:20px;margin-bottom:.75rem}.skeleton-header,.skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-text{height:14px;margin-bottom:.5rem}.skeleton-text.short{width:60%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}
/*# sourceMappingURL=main.c3646d52.css.map*/