*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5;color:#333;background-color:#f5f5f5;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5em}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1em}a{color:#007bff;text-decoration:none;transition:color .3s ease}a:hover{color:#3399a3;text-decoration:underline}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit}input:focus,textarea:focus,select:focus{outline:none}button{cursor:pointer;border:none;background:none;padding:0}button:disabled{cursor:not-allowed}ul,ol{margin-bottom:1em;padding-left:2em}li{margin-bottom:.25em}table{border-collapse:collapse;width:100%;margin-bottom:1em}th,td{padding:.75em;text-align:left;border-bottom:1px solid #ddd}th{font-weight:600;background-color:#f8f9fa}code{font-family:Consolas,Monaco,Courier New,monospace;font-size:.875em;background-color:#f5f5f5;padding:.125em .25em;border-radius:3px}pre{font-family:Consolas,Monaco,Courier New,monospace;font-size:.875em;background-color:#f5f5f5;padding:1em;border-radius:4px;overflow-x:auto;margin-bottom:1em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.clearfix:after{content:"";display:table;clear:both}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{background-color:gray;border-radius:20px;border:3px solid grey;margin-right:5px}*{scrollbar-width:8px}::selection{background-color:#007bff;color:#fff}::-moz-selection{background-color:#007bff;color:#fff}.navbar-logo-image{background:#fff;padding:10px;border-radius:50%;height:50px;width:50px;display:flex;align-items:center;justify-content:center}.navbar-logo-text{justify-content:center;align-content:center;padding-left:10px;font-size:20px;color:#fff;font-weight:"bold"}.navbar-logo-container{display:flex;flex-direction:row}.navbar-logo-text{justify-content:center;align-content:center;padding-left:10px;font-size:20px;color:#fff;font-weight:700}@media (max-width: 1000px){.navbar-logo-text{display:none}.navbar-logo-image{display:block}.navbar-logo-container{align-items:center;justify-content:center}}.navbar-logo-text.closed{display:none}.navbar-logo-image.closed{display:block}.navbar-logo-container.closed{align-items:center;justify-content:center}.nav-link{display:block;width:100%;text-decoration:none;font-weight:400;border-radius:8px;margin-bottom:5px}.nav-link:hover{background-color:#ffffff1a;text-decoration:none}.nav-link.active{font-weight:1000}.nav-item{display:flex;align-items:left;padding-top:10px;padding-bottom:10px}.nav-icon{margin-right:10px}@media (max-width: 1000px){.nav-item-title{display:none}.nav-link{display:block;width:100%;text-decoration:none;font-weight:400;border-radius:8px;margin-bottom:5px;padding:0}.nav-item{display:flex;justify-content:center;align-items:center;width:100%}.nav-item svg{display:flex;justify-content:center;align-items:center;width:100%;margin:0}.nav-link.active .nav-icon{stroke:#1b5e20}}.nav-item-title.closed{display:none}.nav-link.closed{display:block;width:100%;text-decoration:none;font-weight:400;border-radius:8px;margin-bottom:5px;padding:0}.nav-item.closed{display:flex;justify-content:center;align-items:center;width:100%}.nav-item.closed svg{display:flex;justify-content:center;align-items:center;width:100%;margin:0}.navbar{background:#5fed7a;height:100vh;padding:30px 15px;width:240px}.navitem-container{display:flex;width:100%;height:90%;flex-direction:column;justify-content:space-between}.navbar-toggle-button{display:flex;flex-direction:row-reverse;cursor:pointer}@media (max-width: 1000px){.navbar{padding-right:10px;padding-left:10px;width:100px}.navbar-toggle-button,.navbar-toggle-button.closed,.logout-text{display:none}}.navitem-container.closed{padding-right:10px;padding-left:10px}.navbar.closed{width:100px}.navbar-toggle-button.closed{justify-content:center;align-items:center}.logout-text.closed{display:none}@media (max-width: 500px){.navbar{display:none;width:0px}}.layout{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.breadcrumbs-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:35px 35px 20px}@media (max-width: 1000px){.navbar-container{width:100px}}@media (max-width: 500px){.navbar-container{width:0px}.breadcrumbs-container{flex-direction:row-reverse;justify-content:space-between;padding:10px}}.breadcrumb-text{text-decoration:none;color:#cbd5e1}.breadcrumb-slash{color:#cbd5e1}.breadcrumb-text:hover,.breadcrumb-slash:hover{color:#fff}@media (max-width: 500px){.breadcrumb-container{display:none}}.menu-icon-mobile{display:none}@media (max-width: 500px){.menu-icon-mobile{display:block}}.chat-container-wrapper{display:flex;flex-direction:column;height:100%;color:"#FFFFFF";background:"#1F2937"}.chat-messages{flex:1;overflow-y:auto;padding:15px;min-height:350px;color:#fff;background:linear-gradient(to bottom right,#1e293b,#0f172a);border-radius:10px}.chat-messages::-webkit-scrollbar{width:0px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555}.empty-chat{display:flex;align-items:center;justify-content:center;min-height:200px}.message{margin:10px 0;padding:10px;border-radius:5px;animation:fadeIn .3s ease-in}.message.medical-provider{background:#2563eb;text-align:right}.message.patient{background:#059669;text-align:left}.message.system{background:#4b5563;text-align:center;font-style:italic}.message.ai-thinking{background:#4b5563;text-align:left;font-style:italic;opacity:.8}.message.error{color:#dc3545;font-style:italic}.message-prefix{font-weight:700}.message-content{display:inline-block;word-wrap:break-word;max-width:100%}.thinking-dots{display:inline-block;margin-left:5px}.thinking-dots span{display:inline-block;animation:blink 1.4s infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3}30%{opacity:1}}.chat-input-form,.diagnosis-form{width:100%}.input-area{display:flex;gap:10px;margin:10px 0}.chat-input-form{background:linear-gradient(to bottom right,#1e293b,#0f172a)}.chat-input,.diagnosis-input{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px;font-family:inherit}.chat-input:focus,.diagnosis-input:focus{outline:none;border-color:#5fed7a;box-shadow:0 0 0 2px #007bff40}.chat-input:disabled,.diagnosis-input:disabled{background:#f5f5f5;cursor:not-allowed}.send-button,.submit-button{padding:10px 20px;background:#5fed7a;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:background .3s ease;min-width:80px}.send-button:hover:not(:disabled),.submit-button:hover:not(:disabled){background:#3399a3}.send-button:disabled,.submit-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.65}.loading{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #5FED7A;border-radius:50%;animation:spin 1s linear infinite}.diagnosis-section{margin-top:20px;padding:15px;background:#f0f8ff;border-radius:5px}.diagnosis-section h3{margin:0 0 10px;color:#333;font-size:18px}.avatar-section{flex:0 0 60%;background:#000;border-radius:8px;position:relative;min-height:500px;max-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column}.avatar-video{max-width:880px;width:100%;height:100%;border-radius:8px;object-fit:contain}.avatar-placeholder{color:#fff;text-align:center;font-size:18px;opacity:.7}.avatar-hint{font-size:14px;margin-top:10px;opacity:.6}.avatar-status{position:absolute;top:2px;left:10px;background:#000000b3;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px}.avatar-controls{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:10px}.connect-btn,.disconnect-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:14px}.connect-btn{background:#5fed7a;color:#000}.connect-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.connect-btn.connecting{background:#ffc107;color:#212529;cursor:wait}.connect-btn.connecting:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid #212529;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}.connect-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.disconnect-btn{background:#dc3545;color:#fff}.disconnect-btn:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #0003}@media (max-width: 1200px){.avatar-section{flex:0 0 55%}}@media (max-width: 992px){.avatar-section{flex:1 1 100%;margin-bottom:20px;min-height:300px}}.speech-btn{padding:10px 20px;background:#3399a3;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:14px;min-width:120px}.speech-btn:hover:not(:disabled){background:#3399a3;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.speech-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.speech-btn.speech-btn-active{background:#dc3545;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 #dc354500}}.speech-recognition-container{margin:15px 0;text-align:center}.speech-status{font-size:12px;color:#666;margin-bottom:10px;padding:8px;border-radius:4px;background:#f5f5f5;transition:all .3s ease;min-height:24px;display:flex;align-items:center;justify-content:center}.speech-status.listening{color:#dc3545;font-weight:700;background:#fee;animation:pulse-bg 2s ease-in-out infinite}@keyframes pulse-bg{0%,to{background:#fee}50%{background:#fdd}}.speech-status.error{color:#dc3545;background:#fee}.speech-status.offline{background:#ffe6e6;color:#721c24}.speech-controls{display:none}.transcript-preview{font-size:14px;font-style:italic;max-width:500px;padding:8px 12px;border-radius:4px;margin:8px auto 0;border:1px solid #e0e0e0;background:#f8f9fa;min-height:20px;display:flex;align-items:center;justify-content:center}.interim-text{color:#007bff;background:#007bff1a;padding:4px 8px;border-radius:3px;animation:typing 1.5s infinite}.waiting-completion{color:#ffc107;background:#ffc1071a;padding:4px 8px;border-radius:3px;animation:waiting 2s ease-in-out infinite}.final-text{color:#28a745;background:#28a7451a;padding:4px 8px;border-radius:3px;font-weight:600}@keyframes typing{0%,to{opacity:1}50%{opacity:.6}}@keyframes waiting{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.8}}.voice-activity{display:inline-block;width:12px;height:12px;border-radius:50%;background:#28a745;margin-left:8px;animation:voice-pulse 1s ease-in-out infinite}@keyframes voice-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 768px){.transcript-preview{max-width:100%;font-size:13px}}@media (max-width: 1000px){.diagnosis-session-container{display:none}}.slide-layout-container{display:none}@media (max-width: 1000px){.slide-layout-container{display:block}}.home-page{max-width:1200px;margin:0 auto}.home-page h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;font-weight:300}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.feature-card{border-radius:12px;padding:2.5rem;box-shadow:0 4px 6px #00000012;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transform:translate(-100%);transition:transform .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.feature-card:hover:before{transform:translate(0)}.feature-card h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600}.feature-card p{font-size:1.05rem;line-height:1.6;margin:0 0 2rem}.btn{display:inline-block;padding:.75rem 2rem;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.btn-primary{color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{color:#333;border:2px solid #e9ecef}.btn-secondary:hover{background:#e9ecef;border-color:#dee2e6;transform:translateY(-2px)}.status-section{border-radius:12px;padding:2rem;box-shadow:0 4px 6px #00000012}.status-section h3{margin:0 0 1.5rem;font-size:1.3rem;text-align:center}.status-section ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-section li{padding:1rem;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border:2px solid transparent;transition:all .3s ease}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;border-radius:12px;margin-bottom:3rem;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-section h1{font-size:3rem;margin:0 0 1rem;font-weight:700;position:relative;z-index:1}.hero-section p{font-size:1.3rem;margin:0;opacity:.9;position:relative;z-index:1}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:2rem 0}.stat-item{text-align:center;padding:1rem}.stat-item .stat-number{font-size:2rem;font-weight:700;color:#667eea;display:block;margin-bottom:.5rem}.stat-item .stat-label{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.home-page h2{font-size:2rem;margin-bottom:2rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem}.feature-card h3{font-size:1.3rem}.hero-section h1{font-size:2rem}.hero-section p{font-size:1.1rem}.status-section ul{grid-template-columns:1fr}}.feature-card.loading{pointer-events:none;opacity:.6}.feature-card.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.feature-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 4px 15px #667eea4d}.alert-banner{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.alert-banner.info{background:#cfe2ff;border-color:#b6d4fe}.alert-banner.success{background:#d1e7dd;border-color:#badbcc}.alert-banner.error{background:#f8d7da;border-color:#f5c2c7}.alert-banner-icon{font-size:1.5rem}.alert-banner-content{flex:1}.alert-banner-title{font-weight:600;margin-bottom:.25rem;color:#333}.alert-banner-message{color:#666;font-size:.95rem}.case-selector{margin:20px 0;text-align:center}.case-selector h3{margin-bottom:15px;color:#333;font-size:20px}.case-list{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px;justify-content:center}.case-btn{padding:8px 15px;background:#3399a3;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:100px}.case-btn:hover:not(:disabled){background:#3399a3;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.case-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.65}.case-btn.active{background:#5fed7a}.case-btn.active:hover{background:#218838}.random-btn{background:#6c757d}.random-btn:hover:not(:disabled){background:#5a6268}.current-case{margin-top:10px;font-size:14px;color:#666;font-style:italic}.case-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#666}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #5FED7A;border-radius:50%;animation:spin 1s linear infinite}.no-cases{padding:20px;color:#666;font-style:italic}@media (max-width: 768px){.case-list{flex-direction:column;align-items:center}.case-btn{width:200px}}.config-section{background:#f9f9f9;padding:15px;border-radius:5px;margin-bottom:20px;border:1px solid #e0e0e0}.config-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.config-header h3{margin:0;font-size:18px;color:#333}.config-toggle{background:none;border:1px solid #ddd;border-radius:3px;width:24px;height:24px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.config-toggle:hover{background:#f0f0f0}.config-content{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.config-note{font-size:14px;color:#666;margin-bottom:15px;font-style:italic}.api-status-grid{display:grid;gap:10px;margin-bottom:20px}.api-status-item{display:grid;grid-template-columns:30px 150px 1fr;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.status-icon{font-size:18px}.status-label{font-weight:600;color:#333}.status-desc{font-size:13px;color:#666}.status-loading,.status-error{text-align:center;padding:20px;color:#666}.status-error{color:#dc3545}.api-costs{background:#f0f0f0;padding:15px;border-radius:4px;margin-bottom:15px}.api-costs h4{margin:0 0 10px;font-size:14px;color:#333}.api-costs ul{margin:0;padding-left:20px;font-size:13px;color:#666}.api-costs li{margin:5px 0}.refresh-button{background:#5fed7a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s ease}.refresh-button:hover:not(:disabled){background:#3399a3}.refresh-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.65}.diagnostic-page{min-height:100vh;background-color:#f5f5f5}.container{font-family:Roboto,sans-serif;max-width:1400px;margin:0 auto;padding:0 20px;background-color:#f5f5f5}.container>h2{text-align:center;color:#333;margin-bottom:30px;font-size:28px}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f5f5f5}.app-loading .loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #5FED7A;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.app-loading p{color:#666;font-size:18px}.field-framework{font-size:14px;color:#666;font-style:italic}.main-content{display:flex;gap:20px}.avatar-speech-container{width:100%}.chat-section{flex:0 0 38%;display:flex;flex-direction:column;height:760px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a}@media (max-width: 1200px){.container{max-width:100%;padding:15px}.main-content{flex-direction:column}.chat-section{flex:1 1 auto;max-height:none}}@media (max-width: 768px){.container>h2{font-size:24px;margin-bottom:20px}.field-selector{flex-direction:column;align-items:stretch}.field-select{width:100%}}.text-center{text-align:center}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body.offline .container:before{content:"🔴 You appear to be offline. Some features may not work properly.";display:block;background:#dc3545;color:#fff;padding:10px;text-align:center;margin-bottom:20px;border-radius:4px}.clinical-field-title{font-size:24px;font-weight:600;padding-bottom:5px}.clinical-field-info{padding-left:20px;padding-top:20px}.clinical-field-description{font-size:14px;margin-top:5px;opacity:.8}.clinical-field-options{padding-left:20px;padding-top:10px;padding-bottom:5px;font-size:14px;font-weight:500}.clinical-field-selection{padding:10px 20px 20px}.cases-page{max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h2{margin-bottom:.5rem}.page-header p{font-size:1.1rem}.field-filter{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.field-filter label{font-weight:600;color:#333}.loading-container{text-align:center;padding:3rem}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.case-card{background:#fff;height:100%;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.case-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.case-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.case-header h3{margin:0;font-size:1.2rem;flex:1}.difficulty-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.difficulty-badge.easy{background-color:#d4edda;color:#155724}.difficulty-badge.medium{background-color:#fff3cd;color:#856404}.difficulty-badge.hard{background-color:#f8d7da;color:#721c24}.case-preview{margin-bottom:1rem;color:#666;font-size:.95rem;line-height:1.5}.case-details{background:#f8f9fa;padding:1rem;border-radius:4px;margin-bottom:1rem}.detail-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.detail-item:last-child{margin-bottom:0}.detail-label{font-weight:600}.view-details-btn{width:100%;padding:.75rem;background:#5fed7a;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background .3s ease}.view-details-btn:hover{background:#3399a3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:8px;max-width:800px;max-height:90vh;overflow-y:auto;padding:2rem;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#666;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .3s ease}.modal-close:hover{background:#f5f5f5}.case-full-details section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.case-full-details section:last-child{border-bottom:none}.case-full-details h3{color:#333;margin-bottom:1rem}.case-full-details p{margin-bottom:.5rem;line-height:1.6}.case-full-details ul{margin:0;padding-left:1.5rem}.case-full-details li{margin-bottom:.5rem}.diagnosis-section{background:#f0f8ff;padding:1.5rem;border-radius:4px;border:1px solid #b8daff}.correct-diagnosis{color:#004085;font-size:1.1rem}