:root{--color-sky-50: #e3f2fd;--color-sky-100: #bbdefb;--color-sky-200: #90caf9;--color-sky-300: #81d4fa;--color-sky-400: #64b5f6;--color-sky-500: #42a5f5;--color-sky-600: #1976d2;--color-sky-700: #1565c0;--color-success: #66bb6a;--color-success-light: #81c784;--color-warning: #ffca28;--color-warning-light: #ffd54f;--color-error: #ef5350;--color-error-light: #e57373;--color-critical: #ef5350;--color-critical-light: #ffebee;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 15px;--radius-xl: 20px;--radius-2xl: 25px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-blue: 0 4px 16px rgba(33, 150, 243, .2);--transition-fast: .2s ease;--transition-base: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:linear-gradient(135deg,var(--color-sky-50) 0%,var(--color-sky-100) 100%);min-height:100vh;color:var(--color-gray-800);line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-sky-50);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color-sky-300);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-sky-400)}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background:#fffffff2;border-radius:0 var(--radius-2xl) var(--radius-2xl) 0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{background:linear-gradient(135deg,var(--color-sky-400) 0%,var(--color-sky-500) 100%);padding:var(--space-lg);color:#fff}.sidebar-top-row{display:flex;justify-content:space-between;align-items:center}.language-selector{display:flex;align-items:center;gap:var(--space-xs);background:#fff3;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.language-selector:hover{background:#ffffff4d}.language-icon{font-size:14px}.language-select{background:transparent;border:none;color:#fff;font-size:12px;font-weight:500;cursor:pointer;outline:none;font-family:var(--font-family)}.language-select option{color:var(--color-gray-800);background:var(--color-white)}.logo{display:flex;align-items:center;gap:var(--space-sm);font-size:20px;font-weight:600}.logo-icon{font-size:28px}.user-info{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#fff3;border-radius:var(--radius-md);font-size:13px}.user-name{font-weight:600}.user-role{opacity:.9;font-size:12px}.queue-section{flex:1;overflow-y:auto;padding:var(--space-md)}.section-label{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);padding-left:var(--space-sm)}.patient-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-sm);cursor:pointer;transition:all var(--transition-base);border:2px solid transparent}.patient-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-sky-200)}.patient-card.active{border-color:var(--color-sky-500);background:var(--color-sky-50)}.patient-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xs)}.patient-name{font-weight:600;font-size:14px;color:var(--color-gray-800)}.patient-age{font-size:12px;color:var(--color-gray-500)}.patient-procedure{font-size:12px;color:var(--color-gray-600);margin-bottom:var(--space-xs)}.patient-meta{display:flex;justify-content:space-between;align-items:center}.patient-date{font-size:11px;color:var(--color-gray-400)}.status-badge{font-size:10px;padding:2px 8px;border-radius:20px;font-weight:600}.status-pending{background:var(--color-warning-light);color:#795548}.status-progress{background:var(--color-sky-100);color:var(--color-sky-700)}.status-done{background:var(--color-success-light);color:#2e7d32}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:#fffc;border-bottom:1px solid var(--color-gray-200)}.patient-info-bar{display:flex;align-items:center;gap:var(--space-lg)}.patient-title{display:flex;align-items:center;gap:var(--space-sm)}.patient-title h1{font-size:18px;font-weight:600;color:var(--color-gray-800)}.patient-nhc{font-size:12px;color:var(--color-gray-500);background:var(--color-gray-100);padding:2px 8px;border-radius:var(--radius-sm)}.extraction-status{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-success-light);border-radius:var(--radius-md);font-size:12px;color:#2e7d32}.top-actions{display:flex;gap:var(--space-sm)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base);border:none;font-family:var(--font-family)}.btn-primary{background:linear-gradient(135deg,var(--color-sky-400) 0%,var(--color-sky-500) 100%);color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f34d}.btn-success{background:linear-gradient(135deg,var(--color-success) 0%,#4caf50 100%);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #66bb6a4d}.btn-outline{background:#ffffffe6;color:var(--color-gray-700);border:2px solid var(--color-gray-200)}.btn-outline:hover{border-color:var(--color-sky-300);background:var(--color-white)}.report-container{flex:1;display:flex;overflow:hidden}.section-nav{width:220px;background:#fffffff2;border-right:1px solid var(--color-gray-200);overflow-y:auto;padding:var(--space-md)}.nav-title{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-sm);margin-bottom:var(--space-sm)}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:13px;color:var(--color-gray-700);margin-bottom:var(--space-xs);position:relative}.nav-item:hover{background:var(--color-sky-50);color:var(--color-sky-700)}.nav-item.active{background:var(--color-sky-500);color:#fff}.nav-item.critical{border-left:3px solid var(--color-error)}.nav-item.critical.active{background:var(--color-error)}.nav-icon{font-size:16px;width:24px;text-align:center}.nav-number{font-size:10px;font-weight:700;color:var(--color-gray-400);margin-right:var(--space-xs)}.nav-item.active .nav-number{color:#ffffffb3}.nav-status{margin-left:auto;width:8px;height:8px;border-radius:50%}.nav-status.complete{background:var(--color-success)}.nav-status.partial{background:var(--color-warning)}.nav-status.empty{background:var(--color-gray-300)}.nav-status.error{background:var(--color-error)}.nav-divider{height:1px;background:var(--color-gray-200);margin:var(--space-md) 0}.report-content{flex:1;overflow-y:auto;padding:var(--space-lg);background:var(--color-gray-50)}.section-panel{background:#fffffffa;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-lg);overflow:hidden}.section-header{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-sky-50) 0%,var(--color-sky-100) 100%);border-bottom:1px solid var(--color-sky-200);display:flex;align-items:center;gap:var(--space-md)}.section-header.critical{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-bottom-color:var(--color-error-light)}.section-icon{font-size:24px}.section-title-group{flex:1}.section-number{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase}.section-title{font-size:16px;font-weight:600;color:var(--color-gray-800)}.section-objective{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);font-size:12px;color:var(--color-gray-600)}.section-objective-icon{color:var(--color-warning)}.section-status-badge{font-size:11px;padding:4px 12px;border-radius:15px;font-weight:600}.section-status-badge.complete{background:var(--color-success-light);color:#2e7d32}.section-status-badge.partial{background:var(--color-warning-light);color:#795548}.section-status-badge.empty{background:var(--color-gray-200);color:var(--color-gray-600)}.section-body{padding:var(--space-lg)}.subsection{margin-bottom:var(--space-xl)}.subsection:last-child{margin-bottom:0}.subsection-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-gray-200)}.subsection-icon{font-size:18px}.subsection-title{font-size:14px;font-weight:600;color:var(--color-gray-700)}.subsection-title.critical{color:var(--color-error)}.critical-badge{font-size:10px;padding:2px 8px;border-radius:10px;background:var(--color-error);color:#fff;font-weight:600;margin-left:var(--space-sm)}.field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.field-grid.narrow{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.field-grid.wide{grid-template-columns:1fr}.field-card{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--space-md);transition:all var(--transition-base);border:2px solid transparent;cursor:pointer}.field-card:hover{background:var(--color-white);border-color:var(--color-sky-200);box-shadow:var(--shadow-sm)}.field-card.critical{background:#fff8f8;border-color:var(--color-error-light)}.field-card.warning{background:#fffde7;border-color:var(--color-warning)}.field-card.missing{background:var(--color-gray-100);border:2px dashed var(--color-gray-300)}.field-label{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.3px;margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.field-label .critical-indicator{color:var(--color-error)}.field-value{font-size:14px;color:var(--color-gray-800);font-weight:500}.field-value.empty{color:var(--color-gray-400);font-style:italic}.field-value.highlight{color:var(--color-error);font-weight:600}.field-evidence{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--color-gray-200)}.evidence-link{font-size:11px;color:var(--color-sky-600);cursor:pointer;display:flex;align-items:center;gap:4px}.evidence-link:hover{text-decoration:underline}.confidence-dot{width:8px;height:8px;border-radius:50%;margin-left:auto}.confidence-high{background:var(--color-success)}.confidence-medium{background:var(--color-warning)}.confidence-low{background:var(--color-error)}.medication-list{display:flex;flex-direction:column;gap:var(--space-sm)}.medication-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-gray-50);border-radius:var(--radius-md);transition:all var(--transition-base)}.medication-item:hover{background:var(--color-white);box-shadow:var(--shadow-sm)}.medication-item.warning{background:#fff8e1;border-left:4px solid var(--color-warning)}.medication-item.critical{background:#ffebee;border-left:4px solid var(--color-error)}.medication-name{font-weight:600;font-size:14px;color:var(--color-gray-800);flex:1}.medication-dose{font-size:13px;color:var(--color-gray-600)}.medication-action{font-size:11px;padding:4px 10px;border-radius:15px;font-weight:600}.action-continue{background:var(--color-success-light);color:#2e7d32}.action-suspend{background:var(--color-error-light);color:#c62828}.action-adjust{background:var(--color-warning-light);color:#795548}.asa-card{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-lg);background:linear-gradient(135deg,var(--color-sky-50) 0%,var(--color-sky-100) 100%);border-radius:var(--radius-xl);border:2px solid var(--color-sky-300)}.asa-badge{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-sky-500) 0%,var(--color-sky-600) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;box-shadow:var(--shadow-blue);flex-shrink:0}.asa-content{flex:1}.asa-title{font-size:14px;font-weight:600;color:var(--color-sky-700);margin-bottom:var(--space-xs)}.asa-description{font-size:13px;color:var(--color-gray-600);margin-bottom:var(--space-md)}.asa-factors{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.asa-factor{font-size:11px;padding:4px 10px;border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-sky-200)}.conclusion-card{padding:var(--space-lg);border-radius:var(--radius-xl);border:2px solid}.conclusion-card.apto{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:var(--color-success)}.conclusion-card.condicions{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-color:var(--color-warning)}.conclusion-card.no-apto{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:var(--color-error)}.conclusion-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.conclusion-icon{font-size:40px}.conclusion-status{font-size:20px;font-weight:700}.conclusion-card.apto .conclusion-status{color:#2e7d32}.conclusion-card.condicions .conclusion-status{color:#f57f17}.conclusion-card.no-apto .conclusion-status{color:#c62828}.conclusion-label{font-size:12px;color:var(--color-gray-500)}.conditions-list{background:#ffffffb3;border-radius:var(--radius-md);padding:var(--space-md)}.condition-item{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:13px;color:var(--color-gray-700);margin-bottom:var(--space-sm)}.condition-item:last-child{margin-bottom:0}.risk-table{width:100%;border-collapse:collapse}.risk-table th{text-align:left;font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;padding:var(--space-sm) var(--space-md);background:var(--color-gray-100);border-bottom:1px solid var(--color-gray-200)}.risk-table td{padding:var(--space-md);border-bottom:1px solid var(--color-gray-100);font-size:13px}.risk-level{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px;border-radius:15px;font-size:11px;font-weight:600}.risk-level.low{background:var(--color-success-light);color:#2e7d32}.risk-level.medium{background:var(--color-warning-light);color:#795548}.risk-level.high{background:var(--color-error-light);color:#c62828}.plan-card{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm)}.plan-label{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;margin-bottom:var(--space-xs)}.plan-value{font-size:14px;color:var(--color-gray-800);font-weight:500}.action-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:#fffffff2;border-top:1px solid var(--color-gray-200)}.progress-info{display:flex;align-items:center;gap:var(--space-md)}.progress-bar{width:200px;height:8px;background:var(--color-gray-200);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-sky-400) 0%,var(--color-success) 100%);border-radius:10px;transition:width var(--transition-base)}.progress-text{font-size:12px;color:var(--color-gray-600)}.action-buttons{display:flex;gap:var(--space-sm)}.source-panel{width:320px;background:#fffffff2;border-left:1px solid var(--color-gray-200);display:flex;flex-direction:column;overflow:hidden}.source-header{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-sky-100) 0%,var(--color-sky-200) 100%);border-bottom:1px solid var(--color-sky-300);font-weight:600;font-size:14px;color:var(--color-sky-700);display:flex;align-items:center;gap:var(--space-sm)}.source-list{flex:1;overflow-y:auto;padding:var(--space-md)}.source-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--space-sm);cursor:pointer;transition:all var(--transition-base);border:2px solid transparent}.source-item:hover{background:var(--color-sky-50);border-color:var(--color-sky-200)}.source-item.active{background:var(--color-sky-100);border-color:var(--color-sky-400)}.source-icon{font-size:24px}.source-info{flex:1}.source-name{font-size:13px;font-weight:600;color:var(--color-gray-800)}.source-date{font-size:11px;color:var(--color-gray-500)}.source-status{width:10px;height:10px;border-radius:50%}.source-status.processed{background:var(--color-success)}.source-status.processing{background:var(--color-warning);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.source-preview{padding:var(--space-md);border-top:1px solid var(--color-gray-200);max-height:200px;overflow-y:auto}.preview-title{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;margin-bottom:var(--space-sm)}.preview-text{font-size:12px;color:var(--color-gray-700);line-height:1.6}.highlight{background:linear-gradient(135deg,#fff59d,#ffee58);padding:1px 4px;border-radius:4px}@media (max-width: 1400px){.source-panel{width:280px}.section-nav{width:200px}}@media (max-width: 1200px){.source-panel{display:none}.field-grid{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.sidebar{width:240px}.section-nav{display:none}.field-grid{grid-template-columns:1fr}}