:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #a5b4fc;--color-secondary: #64748b;--color-secondary-dark: #475569;--color-secondary-light: #94a3b8;--color-success: #10b981;--color-success-dark: #059669;--color-success-light: #6ee7b7;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-warning-light: #fbbf24;--color-error: #ef4444;--color-error-dark: #dc2626;--color-error-light: #f87171;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-info-light: #93c5fd;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-accent: #e2e8f0;--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-accent: #94a3b8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}.dark-theme{--color-primary: #818cf8;--color-primary-dark: #6366f1;--color-primary-light: #c7d2fe;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-accent: #475569;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #1e293b;--border-primary: #334155;--border-secondary: #475569;--border-accent: #64748b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3)}.font-small{--text-xs: .6875rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem}.font-large{--text-xs: .875rem;--text-sm: 1rem;--text-base: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem}.compact-mode{--space-xs: .125rem;--space-sm: .25rem;--space-md: .5rem;--space-lg: .75rem;--space-xl: 1rem;--space-2xl: 1.5rem}.high-contrast{--color-primary: #0000ff;--color-primary-dark: #000080;--text-primary: #000000;--text-secondary: #000000;--bg-primary: #ffffff;--bg-secondary: #ffffff;--border-primary: #000000;--border-secondary: #000000}.high-contrast.dark-theme{--color-primary: #ffff00;--color-primary-dark: #ffcc00;--text-primary: #ffffff;--text-secondary: #ffffff;--bg-primary: #000000;--bg-secondary: #000000;--border-primary: #ffffff;--border-secondary: #ffffff}.reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.no-animations *{animation:none!important;transition:none!important}body{background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);line-height:1.5;transition:background-color var(--transition-normal),color var(--transition-normal)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);gap:var(--space-xs)}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.btn-success{background-color:var(--color-success);color:var(--text-inverse);border-color:var(--color-success)}.btn-success:hover{background-color:var(--color-success-dark);border-color:var(--color-success-dark)}.btn-warning{background-color:var(--color-warning);color:var(--text-inverse);border-color:var(--color-warning)}.btn-warning:hover{background-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}.btn-error{background-color:var(--color-error);color:var(--text-inverse);border-color:var(--color-error)}.btn-error:hover{background-color:var(--color-error-dark);border-color:var(--color-error-dark)}.form-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.form-input:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-error{color:var(--color-error);font-size:var(--text-xs);margin-top:var(--space-xs)}.card{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{padding:var(--space-lg);border-bottom:1px solid var(--border-primary)}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-lg);border-top:1px solid var(--border-primary);background-color:var(--bg-secondary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;transition:opacity var(--transition-normal)}.modal-backdrop.show{opacity:1}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background-color:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);max-width:90vw;max-height:90vh;overflow:hidden;transition:all var(--transition-normal)}.modal.show{transform:translate(-50%,-50%) scale(1)}.toast{position:fixed;top:var(--space-lg);right:var(--space-lg);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-md);z-index:var(--z-toast);transform:translate(100%);transition:transform var(--transition-normal)}.toast.show{transform:translate(0)}.toast-success{border-left:4px solid var(--color-success)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-error{border-left:4px solid var(--color-error)}.toast-info{border-left:4px solid var(--color-info)}@media (max-width: 640px){:root{--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem}.modal{width:95vw;max-width:none;margin:var(--space-sm)}.btn{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}.card-header,.card-body,.card-footer{padding:var(--space-md)}.toast{top:var(--space-sm);right:var(--space-sm);left:var(--space-sm);transform:translateY(-100%)}.toast.show{transform:translateY(0)}}@media (min-width: 641px) and (max-width: 1024px){.modal{max-width:80vw}}@media (min-width: 1025px){.modal{max-width:70vw}.card:hover{transform:translateY(-2px)}}@media (min-width: 1440px){.modal{max-width:60vw}}.role-physician .workflow-card.analysis{border-color:var(--color-primary);background-color:#6366f10d}.role-resident .guidance-panel{display:block}.role-resident .advanced-features{opacity:.6;pointer-events:none}.role-nurse .simplified-interface{display:block}.role-nurse .complex-features{display:none}.role-admin .analytics-panel,.specialty-emergency .urgent-indicators{display:block}.specialty-emergency .workflow-card.emergency{order:-1}.specialty-surgery .procedure-templates,.specialty-cardiology .cardiac-specific,.experience-student .learning-aids{display:block}.experience-student .expert-features{display:none}.experience-expert .advanced-shortcuts{display:block}.experience-expert .basic-guidance{display:none}.screen-reader-mode .sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:var(--text-inverse);padding:8px;text-decoration:none;border-radius:var(--radius-md);z-index:var(--z-tooltip)}.skip-link:focus{top:6px}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.no-print{display:none!important}.print-break{page-break-before:always}.print-avoid-break{page-break-inside:avoid}}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.border{border:1px solid var(--border-primary)}.border-t{border-top:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.border-l{border-left:1px solid var(--border-primary)}.border-r{border-right:1px solid var(--border-primary)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.z-toast{z-index:var(--z-toast)}:root{--text-primary: #111827 !important;--text-secondary: #374151 !important;--text-tertiary: #4b5563 !important}.text-secondary{color:#374151!important}.text-muted{color:#6b7280!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],textarea,select{color:#111827!important;background-color:#fff!important}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280!important;opacity:1!important}input::placeholder,textarea::placeholder{color:#6b7280!important;opacity:1!important}.dark-theme input[type=text],.dark-theme input[type=email],.dark-theme input[type=password],.dark-theme input[type=number],.dark-theme input[type=date],.dark-theme textarea,.dark-theme select{color:#f8fafc!important;background-color:#1e293b!important}.dark-theme input::-moz-placeholder,.dark-theme textarea::-moz-placeholder{color:#94a3b8!important}.dark-theme input::placeholder,.dark-theme textarea::placeholder{color:#94a3b8!important}input:focus,textarea:focus,select:focus{color:#111827!important}.dark-theme input:focus,.dark-theme textarea:focus,.dark-theme select:focus{color:#f8fafc!important}:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--border-radius: .5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition: all .2s ease-in-out}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--gray-800);background-color:var(--gray-50)}.dashboard-container{max-width:1400px;margin:0 auto;padding:1rem;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--gray-200);margin-bottom:2rem}.dashboard-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;color:var(--gray-900)}.dashboard-icon{font-size:2rem}.dashboard-controls{display:flex;align-items:center;gap:1rem}.performance-indicator{display:flex;gap:1rem;font-size:.75rem;color:var(--gray-500)}.perf-metric{display:flex;flex-direction:column;align-items:center}.perf-label{font-weight:500}.perf-value{font-weight:600;color:var(--primary-color)}.settings-btn{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--gray-600);padding:.5rem;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.settings-btn:hover{background:var(--gray-200);color:var(--gray-700)}.workflow-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.workflow-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1.5rem;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.workflow-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.workflow-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color);transform:scaleX(0);transition:transform .3s ease}.workflow-card:hover:before{transform:scaleX(1)}.workflow-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.workflow-icon.blue{color:#3b82f6}.workflow-icon.green{color:#10b981}.workflow-icon.purple{color:#8b5cf6}.workflow-icon.orange{color:#f59e0b}.workflow-icon.teal{color:#14b8a6}.workflow-icon.indigo{color:#6366f1}.workflow-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--gray-900)}.workflow-description{color:var(--gray-700);margin:0 0 1rem;font-size:.875rem}.workflow-status{display:flex;justify-content:flex-end}.status-indicator{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-indicator.ready{background:var(--gray-100);color:var(--gray-700)}.status-indicator.loading{background:#dbeafe;color:#1e40af;animation:pulse 2s infinite}.status-indicator.active{background:#dcfce7;color:#166534}.status-indicator.error{background:#fee2e2;color:#991b1b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tab-system{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:2rem}.tab-system.hidden{display:none}.tab-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--gray-200)}.tab-list{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-list::-webkit-scrollbar{display:none}.tab-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);white-space:nowrap;min-width:0}.tab-item:hover{background:var(--gray-100)}.tab-item.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.tab-icon{font-size:1rem;flex-shrink:0}.tab-title{font-weight:500;overflow:hidden;text-overflow:ellipsis}.tab-close{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;border-radius:.25rem;opacity:.7;transition:var(--transition);flex-shrink:0}.tab-close:hover{opacity:1;background:#0000001a}.tab-item.active .tab-close:hover{background:#fff3}.tab-controls{display:flex;gap:.5rem}.add-tab-btn,.close-all-btn{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--gray-700);padding:.5rem;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.add-tab-btn:hover,.close-all-btn:hover{background:var(--gray-200);color:var(--gray-800)}.interface-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);min-height:400px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:100}.loading-spinner{width:2rem;height:2rem;border:2px solid var(--gray-200);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.dashboard-container{padding:.5rem;margin:.5rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start}.dashboard-title{font-size:1.25rem}.workflow-cards{grid-template-columns:1fr;gap:1rem}.workflow-card{padding:1rem}.tab-header{flex-direction:column;gap:1rem;align-items:stretch}.tab-list{justify-content:flex-start}.tab-item{padding:.5rem .75rem}.performance-indicator{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.dashboard-container{margin:0;border-radius:0}.workflow-card{padding:.75rem}.workflow-icon{font-size:2rem}.workflow-title{font-size:1.125rem}.tab-item{padding:.5rem;min-width:120px}.tab-title{font-size:.875rem}}@media (prefers-color-scheme: dark){:root{--gray-50: #111827;--gray-100: #1f2937;--gray-200: #374151;--gray-300: #4b5563;--gray-400: #6b7280;--gray-500: #9ca3af;--gray-600: #d1d5db;--gray-700: #e5e7eb;--gray-800: #f3f4f6;--gray-900: #f9fafb}body{background-color:var(--gray-50);color:var(--gray-700)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.workflow-card:focus,.tab-item:focus,.settings-btn:focus,.add-tab-btn:focus,.close-all-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){.workflow-card,.tab-item{border-width:2px}.status-indicator{border:1px solid currentColor}}@media print{.dashboard-controls,.tab-controls,.workflow-status{display:none}.workflow-card{-moz-column-break-inside:avoid;break-inside:avoid;box-shadow:none;border:1px solid #000}}.tab-item{color:#111827!important;font-weight:500!important}.tab-item:hover{color:#000!important}.tab-item.active{color:#fff!important}.workflow-title{color:#111827!important}.workflow-description{color:#374151!important}.navigation-system{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin-bottom:1rem;border:1px solid var(--gray-200);overflow:hidden;transition:var(--transition)}.navigation-system.hidden{display:none}.navigation-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.workflow-progress{flex:1;max-width:300px}.progress-bar{background:#fff3;height:6px;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{background:#fff;height:100%;border-radius:3px;transition:width .3s ease;width:0%}.progress-text{font-size:.875rem;font-weight:500;opacity:.9}.navigation-controls{display:flex;gap:.5rem;align-items:center}.guided-mode-btn,.close-nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;font-size:.875rem}.guided-mode-btn:hover,.close-nav-btn:hover{background:#fff3}.close-nav-btn{padding:.5rem}.navigation-content{padding:1.5rem}.breadcrumbs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}.breadcrumbs::-webkit-scrollbar{height:4px}.breadcrumbs::-webkit-scrollbar-track{background:transparent}.breadcrumbs::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.breadcrumb-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--gray-100);border-radius:var(--border-radius);font-size:.875rem;white-space:nowrap;transition:var(--transition);position:relative}.breadcrumb-item.clickable{cursor:pointer}.breadcrumb-item.clickable:hover{background:var(--gray-200)}.breadcrumb-item.active{background:var(--primary-color);color:#fff}.breadcrumb-item.completed{background:var(--success-color);color:#fff}.breadcrumb-item.completed.clickable:hover{background:#059669}.breadcrumb-icon{width:20px;height:20px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.breadcrumb-item.active .breadcrumb-icon,.breadcrumb-item.completed .breadcrumb-icon{background:#ffffff4d}.breadcrumb-text{font-weight:500}.current-step{margin-bottom:1.5rem}.step-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem}.step-description{color:var(--gray-600);margin:0;line-height:1.5}.step-navigation{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.nav-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.nav-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.nav-btn:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;transform:none}.prev-btn{background:var(--gray-600)}.prev-btn:hover:not(:disabled){background:var(--gray-700)}.quick-actions{display:flex;gap:.5rem;padding:1rem 1.5rem;background:var(--gray-50);border-top:1px solid var(--gray-200)}.quick-action-btn{background:#fff;border:1px solid var(--gray-300);color:var(--gray-700);padding:.5rem .75rem;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.quick-action-btn:hover{background:var(--gray-100);color:var(--gray-800);border-color:var(--gray-400)}.guided-highlight{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #6366f11a!important;background-color:#6366f105!important}.guided-required{position:relative}.guided-required:after{content:"*";position:absolute;top:.5rem;right:.5rem;color:var(--error-color);font-weight:700;font-size:1.2rem;pointer-events:none}.validation-error{border-color:var(--error-color)!important;box-shadow:0 0 0 3px #ef44441a!important;background-color:#ef444405!important}.pulse-highlight{animation:pulseHighlight 2s ease-in-out}@keyframes pulseHighlight{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 10px #6366f100}}@media (max-width: 768px){.navigation-header{flex-direction:column;gap:1rem;align-items:stretch}.workflow-progress{max-width:none}.navigation-controls{justify-content:space-between}.guided-mode-btn span{display:none}.navigation-content{padding:1rem}.breadcrumbs{gap:.25rem}.breadcrumb-item{padding:.375rem .5rem;font-size:.75rem}.breadcrumb-text{display:none}.breadcrumb-icon{width:24px;height:24px}.step-navigation{flex-direction:column;gap:.5rem}.nav-btn{justify-content:center;padding:.75rem}.quick-actions{flex-wrap:wrap;padding:.75rem}.quick-action-btn{flex:1;min-width:0;justify-content:center}}@media (max-width: 480px){.navigation-system{margin:0 -.5rem 1rem;border-radius:0}.navigation-header{padding:.75rem 1rem}.progress-text{font-size:.75rem}.navigation-content{padding:.75rem}.step-title{font-size:1.125rem}.step-description{font-size:.875rem}.breadcrumb-item{padding:.25rem .375rem}.breadcrumb-icon{width:20px;height:20px;font-size:.6875rem}.quick-actions{padding:.5rem}.quick-action-btn{padding:.5rem;font-size:.75rem}}@media (prefers-reduced-motion: reduce){.progress-fill,.breadcrumb-item,.nav-btn,.quick-action-btn{transition:none}.pulse-highlight{animation:none}}@media (prefers-contrast: high){.navigation-system{border-width:2px}.breadcrumb-item{border:1px solid currentColor}.nav-btn,.quick-action-btn{border-width:2px}.guided-highlight{border-width:3px!important}}.guided-mode-btn:focus,.close-nav-btn:focus,.nav-btn:focus,.quick-action-btn:focus,.breadcrumb-item.clickable:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-color-scheme: dark){.navigation-system{background:var(--gray-100);border-color:var(--gray-300)}.navigation-content{background:var(--gray-100)}.step-title{color:var(--gray-900)}.step-description{color:var(--gray-700)}.breadcrumb-item{background:var(--gray-200);color:var(--gray-700)}.breadcrumb-item.clickable:hover{background:var(--gray-300)}.quick-actions{background:var(--gray-200);border-color:var(--gray-300)}.quick-action-btn{background:var(--gray-100);border-color:var(--gray-400);color:var(--gray-800)}.quick-action-btn:hover{background:var(--gray-200);color:var(--gray-900)}}@media print{.navigation-system{display:none}}.navigation-loading{opacity:.6;pointer-events:none}.navigation-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center}html{scroll-behavior:smooth}input.guided-highlight,textarea.guided-highlight,select.guided-highlight{animation:gentleGlow 2s ease-in-out infinite alternate}@keyframes gentleGlow{0%{box-shadow:0 0 0 3px #6366f11a}to{box-shadow:0 0 0 3px #6366f133}}.help-tooltip{position:relative;display:inline-block}.help-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--gray-900);color:#fff;padding:.5rem;border-radius:var(--border-radius);font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;z-index:1000}.help-tooltip:hover:after{opacity:1}.step-completed{background:var(--success-color);color:#fff}.workflow-completed{border-color:var(--success-color);background:#10b9810d}.step-error{background:var(--error-color);color:#fff}.workflow-error{border-color:var(--error-color);background:#ef44440d}.side-panel-tab{color:#111827!important;font-weight:500!important}.side-panel-tab:hover{color:#000!important;font-weight:600!important}.side-panel-tab.active-tab{color:#4f46e5!important;font-weight:600!important}.tab-button,.progress-tab,.hpi-tab,.discharge-tab,.rounding-tab,.rounding-plan-tab,.consult-tab,.integrated-tab{color:#111827!important;font-weight:500!important}.tab-button:hover,.progress-tab:hover,.hpi-tab:hover,.discharge-tab:hover,.rounding-tab:hover,.rounding-plan-tab:hover,.consult-tab:hover,.integrated-tab:hover{color:#000!important;font-weight:600!important}.tab-button.active-tab,.progress-tab.active-progress-tab,.hpi-tab.active-hpi-tab,.discharge-tab.active-discharge-tab,.rounding-tab.active-rounding-tab,.rounding-plan-tab.active-rounding-plan-tab,.consult-tab.active-consult-tab,.integrated-tab.active-integrated-tab{color:#3730a3!important;font-weight:600!important}
