:root{--bg-primary:#0f1117;--bg-secondary:#161a23;--bg-tertiary:#1c2130;--bg-card:#1c2130d9;--bg-card-hover:#242a3a;--text-primary:#e2e4ea;--text-secondary:#8b92a5;--text-muted:#565e72;--color-running:#34d399;--color-running-glow:#34d39933;--color-ready:#f5a623;--color-ready-glow:#f5a62333;--color-waiting:#f87171;--color-waiting-glow:#f8717133;--color-terminated:#4b5563;--color-accent:#6366f1;--color-accent-glow:#6366f133;--color-info:#60a5fa;--color-warning:#fbbf24;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-accent:#6366f140;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 20px #6366f11f;--font-display:"Outfit",-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:50%;--transition-fast:150ms ease;--transition-medium:300ms ease;--transition-slow:500ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{background:#0f1117;background:var(--bg-primary);color:#e2e4ea;color:var(--text-primary);font-family:Outfit,-apple-system,sans-serif;font-family:var(--font-display);line-height:1.6;overflow-x:hidden}.app,body{min-height:100vh}.app{position:relative}.background-grid{background-image:linear-gradient(#6366f105 1px,#0000 0),linear-gradient(90deg,#6366f105 1px,#0000 0);background-size:60px 60px;inset:0}.background-glow,.background-grid{pointer-events:none;position:fixed;z-index:0}.background-glow{background:radial-gradient(circle at 25% 15%,#6366f10a 0,#0000 45%),radial-gradient(circle at 75% 85%,#34d39905 0,#0000 40%);height:200%;left:-50%;top:-50%;width:200%}.header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#161a23;background:var(--bg-secondary);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-medium);box-shadow:0 1px 0 #ffffff0a;display:flex;justify-content:space-between;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);position:relative;z-index:10}.header-content{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.logo{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.logo-icon{filter:drop-shadow(0 0 10px rgba(99,102,241,.2));filter:drop-shadow(0 0 10px var(--color-accent-glow));font-size:2rem}.logo h1{color:#e2e4ea;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:1.4rem;font-weight:700;letter-spacing:-.5px;text-transform:uppercase}.tagline{color:#565e72;color:var(--text-muted);font-size:.8rem;letter-spacing:.3px;margin-top:1px}.tagline .highlight{color:#6366f1;color:var(--color-accent);font-weight:500}.header-meta{gap:16px;gap:var(--spacing-md)}.header-meta,.time-badge{align-items:center;display:flex}.time-badge{background:#1c2130d9;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);flex-direction:column;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.time-badge .label{color:#565e72;color:var(--text-muted);font-size:.7rem;letter-spacing:1px;text-transform:uppercase}.time-badge .value{color:#60a5fa;color:var(--color-info);font-size:1.5rem;font-weight:600}.status-badge,.time-badge .value{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono)}.status-badge{border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);font-size:.85rem;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.status-badge.running{background:#34d39914;border-color:#34d39966;color:#34d399;color:var(--color-running)}.status-badge.paused{color:#8b92a5;color:var(--text-secondary)}.status-badge.complete{background:#60a5fa14;border-color:#60a5fa66;color:#60a5fa;color:var(--color-info)}.main-content{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:300px minmax(0,1fr) 320px;margin:0 auto;max-width:1800px;min-height:calc(100vh - 200px);overflow:hidden;padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl);position:relative;z-index:5}.center-panel,.left-panel,.right-panel{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg);min-width:0;overflow:hidden}.algorithm-info,.control-panel,.metrics-dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c2130d9;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);padding:24px;padding:var(--spacing-lg)}.control-panel h2,.metrics-dashboard h2{align-items:center;color:#e2e4ea;color:var(--text-primary);display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:1.1rem;font-weight:600;gap:8px;gap:var(--spacing-sm);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.panel-icon{font-size:1.25rem}.control-section{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:24px;padding-bottom:var(--spacing-lg)}.control-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.control-section h3{align-items:center;color:#8b92a5;color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.algorithm-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.algo-button{align-items:flex-start;background:#1c2130;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.algo-button:hover{background:#242a3a;background:var(--bg-card-hover);border-color:#ffffff1a;border-color:var(--border-medium)}.algo-button.active{background:#6366f11f;border-color:#6366f1;border-color:var(--color-accent)}.algo-button .algo-name{color:#e2e4ea;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.9rem;font-weight:600}.algo-button .algo-desc{color:#565e72;color:var(--text-muted);font-size:.7rem;margin-top:2px}.slider-container{margin-top:8px;margin-top:var(--spacing-sm)}.quantum-slider,.speed-slider{-webkit-appearance:none;appearance:none;background:#1c2130;background:var(--bg-tertiary);border-radius:3px;height:6px;outline:none;width:100%}.quantum-slider::-webkit-slider-thumb,.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6366f1;background:var(--color-accent);border-radius:50%;box-shadow:0 0 10px #6366f133;box-shadow:0 0 10px var(--color-accent-glow);cursor:pointer;height:18px;-webkit-transition:transform .15s ease;transition:transform .15s ease;-webkit-transition:transform var(--transition-fast);transition:transform var(--transition-fast);width:18px}.quantum-slider::-webkit-slider-thumb:hover,.speed-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.quantum-value,.speed-value{color:#6366f1;color:var(--color-accent);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.9rem;font-weight:600}.slider-labels{display:flex;font-size:.7rem;justify-content:space-between;margin-top:4px;margin-top:var(--spacing-xs)}.slider-hint,.slider-labels{color:#565e72;color:var(--text-muted)}.slider-hint{font-size:.75rem;margin-top:8px;margin-top:var(--spacing-sm)}.sim-controls{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.sim-button{align-items:center;background:#1c2130;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);color:#e2e4ea;color:var(--text-primary);cursor:pointer;display:flex;font-family:Outfit,-apple-system,sans-serif;font-family:var(--font-display);font-size:.85rem;gap:4px;gap:var(--spacing-xs);justify-content:center;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.sim-button:hover:not(:disabled){background:#242a3a;background:var(--bg-card-hover);border-color:#ffffff1a;border-color:var(--border-medium)}.sim-button:disabled{cursor:not-allowed;opacity:.4}.sim-button.play:hover:not(:disabled){border-color:#34d399;border-color:var(--color-running)}.sim-button.pause:hover:not(:disabled){border-color:#f5a623;border-color:var(--color-ready)}.btn-icon{font-size:1rem}.process-controls{flex-direction:column}.process-button,.process-controls{display:flex;gap:8px;gap:var(--spacing-sm)}.process-button{align-items:center;background:#1c2130;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);color:#e2e4ea;color:var(--text-primary);cursor:pointer;font-family:Outfit,-apple-system,sans-serif;font-family:var(--font-display);font-size:.85rem;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.process-button:hover:not(:disabled){background:#242a3a;background:var(--bg-card-hover)}.process-button.io:disabled{cursor:not-allowed;opacity:.4}.add-process-form{background:#1c2130;background:var(--bg-tertiary);border-radius:10px;border-radius:var(--radius-md);margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.form-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.form-row label{color:#8b92a5;color:var(--text-secondary);font-size:.8rem}.form-row input{background:#161a23;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#e2e4ea;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.85rem;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);width:100px}.form-row input:focus{border-color:#6366f1;border-color:var(--color-accent);outline:none}.form-actions{display:flex;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-md)}.btn-confirm{background:#6366f1;background:var(--color-accent);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-weight:500}.btn-cancel,.btn-confirm{cursor:pointer;flex:1 1;padding:8px;padding:var(--spacing-sm)}.btn-cancel{background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#8b92a5;color:var(--text-secondary)}.demo-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.demo-button{align-items:flex-start;background:#1c2130;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;padding:8px;padding:var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast)}.demo-button:hover{background:#242a3a;background:var(--bg-card-hover);border-color:#6366f1;border-color:var(--color-accent)}.demo-name{color:#e2e4ea;color:var(--text-primary);font-size:.85rem;font-weight:500}.demo-desc{color:#565e72;color:var(--text-muted);font-size:.7rem}.cpu-visualizer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c2130d9;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);padding:24px;padding:var(--spacing-lg)}.cpu-header{justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.cpu-header,.cpu-header h2{align-items:center;display:flex}.cpu-header h2{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:1.1rem;font-weight:600;gap:8px;gap:var(--spacing-sm)}.cpu-icon{font-size:1.25rem}.quantum-display{background:#1c2130;background:var(--bg-tertiary);border-radius:6px;border-radius:var(--radius-sm);color:#8b92a5;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.85rem;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.quantum-display strong{color:#6366f1;color:var(--color-accent)}.cpu-container{padding:32px;padding:var(--spacing-xl);position:relative}.cpu-circuit-bg,.cpu-container{align-items:center;display:flex;justify-content:center}.cpu-circuit-bg{inset:0;opacity:.3;position:absolute}.circuit-svg{color:#6366f1;color:var(--color-accent);height:100%;width:100%}.cpu-core{align-items:center;background:linear-gradient(135deg,#1c2130,#161a23);background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:2px solid #ffffff1a;border:2px solid var(--border-medium);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;height:200px;justify-content:center;position:relative;transition:all .3s ease;transition:all var(--transition-medium);width:280px}.cpu-core.active{border-color:#34d399;border-color:var(--color-running)}.cpu-core.idle{border-color:#ffffff0f;border-color:var(--border-subtle)}.cpu-core.switching{border-color:#6366f1;border-color:var(--color-accent)}.cpu-activity-ring{inset:-15px;pointer-events:none;position:absolute}.cpu-activity-ring svg{height:100%;width:100%}.cpu-process-area{align-items:center;display:flex;justify-content:center;min-height:120px;padding:16px;padding:var(--spacing-md);width:100%}.running-process-display{width:100%}.cpu-idle{align-items:center;color:#565e72;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.idle-icon{font-size:2rem;opacity:.5}.idle-text{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:1rem}.idle-hint{font-size:.8rem;opacity:.6}.context-switch-indicator{align-items:center;color:#6366f1;color:var(--color-accent);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.switch-spinner{font-size:2rem}.switch-cost{color:#fbbf24;color:var(--color-warning);font-size:.75rem;font-weight:500}.cpu-label{bottom:8px;bottom:var(--spacing-sm);color:#565e72;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.7rem;letter-spacing:1px;position:absolute}.data-flow-indicators{color:#34d399;color:var(--color-running);display:flex;font-size:1.5rem;justify-content:space-between;padding:0 16px;padding:0 var(--spacing-md);position:absolute;width:100%}.cpu-tooltip{font-size:.85rem;margin-top:16px;margin-top:var(--spacing-md);min-height:40px}.tooltip-warning{background:#fbbf2414;border:1px solid #fbbf2433;border-radius:6px;border-radius:var(--radius-sm);color:#fbbf24;color:var(--color-warning);padding:8px;padding:var(--spacing-sm)}.tooltip-info{color:#565e72;color:var(--text-muted)}.process-block{background:#1c2130;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);box-sizing:border-box;min-width:0;overflow:hidden;padding:16px;padding:var(--spacing-md);position:relative;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.process-block:before{background:#6366f1;background:var(--process-color,var(--color-accent));bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.process-glow{border-radius:inherit;inset:0;pointer-events:none;position:absolute}.process-running{border-color:#34d39999}.process-running .process-glow{box-shadow:inset 0 0 16px #34d39933;box-shadow:inset 0 0 16px var(--color-running-glow)}.process-ready{border-color:#f5a62380}.process-ready .process-glow{box-shadow:inset 0 0 12px #f5a62333;box-shadow:inset 0 0 12px var(--color-ready-glow)}.process-waiting{border-color:#f8717180}.process-waiting .process-glow{box-shadow:inset 0 0 12px #f8717133;box-shadow:inset 0 0 12px var(--color-waiting-glow)}.process-terminated{border-color:#4b5563;border-color:var(--color-terminated);opacity:.6}.process-header{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.process-state-icon{font-size:.9rem}.process-running .process-state-icon{color:#34d399;color:var(--color-running)}.process-ready .process-state-icon{color:#f5a623;color:var(--color-ready)}.process-waiting .process-state-icon{color:#f87171;color:var(--color-waiting)}.process-name{color:#e2e4ea;color:var(--text-primary);font-size:.95rem;font-weight:600}.process-name,.queue-badge{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono)}.queue-badge{background:#6366f1;background:var(--color-accent);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:.7rem;margin-left:auto;padding:2px 6px}.process-progress-container{background:#161a23;background:var(--bg-secondary);border-radius:4px;height:8px;overflow:hidden;position:relative}.process-progress-bar{background:linear-gradient(90deg,#6366f1,#ffffff4d);background:linear-gradient(90deg,var(--process-color,var(--color-accent)) 0,#ffffff4d 100%);border-radius:4px;height:100%;position:absolute;transition:width .3s ease;transition:width var(--transition-medium)}.process-progress-text{color:#e2e4ea;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.65rem;position:absolute;right:4px;right:var(--spacing-xs);text-shadow:0 0 4px #0f1117;text-shadow:0 0 4px var(--bg-primary);top:50%;transform:translateY(-50%)}.process-details{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);margin-top:8px;margin-top:var(--spacing-sm);padding-top:8px;padding-top:var(--spacing-sm)}.detail-row{display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:2px}.detail-label{color:#565e72;color:var(--text-muted)}.detail-value{color:#8b92a5;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono)}.kill-button{align-items:center;background:#ef444433;border:none;border-radius:50%;border-radius:var(--radius-full);color:#f87171;color:var(--color-waiting);cursor:pointer;display:flex;font-size:1rem;height:20px;justify-content:center;opacity:0;position:absolute;right:4px;right:var(--spacing-xs);top:4px;top:var(--spacing-xs);transition:all .15s ease;transition:all var(--transition-fast);width:20px}.process-block:hover .kill-button{opacity:1}.kill-button:hover{background:#ef444466}.process-state-label{bottom:4px;bottom:var(--spacing-xs);color:#565e72;color:var(--text-muted);font-size:.65rem;letter-spacing:.5px;position:absolute;right:8px;right:var(--spacing-sm);text-transform:uppercase}.process-block.compact{flex-shrink:0;max-width:120px;min-width:80px;padding:8px;padding:var(--spacing-sm);width:auto}.process-block.compact .process-header{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.process-block.compact .process-details,.process-block.compact .process-state-label{display:none}.queues-container{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr 260px;min-width:0;overflow:hidden}.ready-queue,.waiting-queue{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c2130d9;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);min-width:0;overflow:hidden;padding:24px;padding:var(--spacing-lg)}.queue-header{margin-bottom:16px;margin-bottom:var(--spacing-md)}.queue-header h3{align-items:center;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:1rem;font-weight:600;gap:8px;gap:var(--spacing-sm)}.queue-icon{font-size:1.1rem}.process-count{background:#f5a623;background:var(--color-ready);border-radius:50%;border-radius:var(--radius-full);color:#0f1117;color:var(--bg-primary);font-size:.8rem;margin-left:8px;margin-left:var(--spacing-sm);padding:2px 8px}.process-count.waiting{background:#f87171;background:var(--color-waiting)}.queue-hint{color:#565e72;color:var(--text-muted);display:block;font-size:.75rem;margin-top:4px;margin-top:var(--spacing-xs)}.single-queue{min-height:100px}.fifo-indicator{align-items:center;color:#565e72;color:var(--text-muted);display:flex;font-size:.75rem;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md)}.fifo-line{background:linear-gradient(90deg,#ffffff0f,#6366f1,#ffffff0f);background:linear-gradient(90deg,var(--border-subtle),var(--color-accent),var(--border-subtle));flex:1 1;height:1px}.queue-processes{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);max-height:180px;overflow-y:auto;padding:8px 0;padding:var(--spacing-sm) 0}.queue-processes::-webkit-scrollbar{height:4px;width:4px}.queue-processes::-webkit-scrollbar-track{background:#0000}.queue-processes::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--border-medium);border-radius:4px}.queue-slot{align-items:center;display:flex;flex-shrink:1;gap:4px;gap:var(--spacing-xs);min-width:0}.queue-connector{color:#6366f1;color:var(--color-accent);font-size:1.2rem}.mlfq-queues{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.mlfq-level{background:#1c2130;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);padding:16px;padding:var(--spacing-md)}.mlfq-level.level-0{border-color:#34d39940}.mlfq-level.level-1{border-color:#f5a62340}.mlfq-level.level-2{border-color:#f8717140}.level-header{align-items:center;display:flex;font-size:.8rem;gap:8px;gap:var(--spacing-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.level-label{color:#8b92a5;color:var(--text-secondary);font-weight:500}.level-quantum{color:#6366f1;color:var(--color-accent);margin-left:auto}.level-count,.level-quantum{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono)}.level-count{background:#161a23;background:var(--bg-secondary);border-radius:6px;border-radius:var(--radius-sm);font-size:.75rem;padding:2px 6px}.level-processes{flex-wrap:wrap;min-height:40px}.demotion-arrow,.level-processes{display:flex;gap:8px;gap:var(--spacing-sm)}.demotion-arrow{align-items:center;color:#565e72;color:var(--text-muted);font-size:.75rem;justify-content:center;margin-top:8px;margin-top:var(--spacing-sm)}.demotion-arrow .arrow{color:#fbbf24;color:var(--color-warning);font-size:1rem}.mlfq-quantum-config h3{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.mlfq-quantum-config .slider-hint{margin-bottom:16px;margin-bottom:var(--spacing-md);margin-top:0}.mlfq-slider-row{background:#1c2130;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.mlfq-slider-row:last-child{margin-bottom:0}.mlfq-slider-high{border-color:#34d39940}.mlfq-slider-medium{border-color:#f5a62340}.mlfq-slider-low{border-color:#f8717140}.mlfq-slider-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.mlfq-queue-name{color:#8b92a5;color:var(--text-secondary);font-size:.78rem;font-weight:500}.mlfq-queue-value{color:#6366f1;color:var(--color-accent);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.9rem;font-weight:600}.mlfq-slider-high .mlfq-slider-input::-webkit-slider-thumb{background:#34d399;box-shadow:0 0 10px #34d39966}.mlfq-slider-medium .mlfq-slider-input::-webkit-slider-thumb{background:#f5a623;box-shadow:0 0 10px #f5a62366}.mlfq-slider-low .mlfq-slider-input::-webkit-slider-thumb{background:#f87171;box-shadow:0 0 10px #f8717166}.empty-queue,.empty-queue-message{align-items:center;color:#565e72;color:var(--text-muted);display:flex;flex-direction:column;font-size:.85rem;justify-content:center;padding:24px;padding:var(--spacing-lg)}.empty-icon{font-size:1.5rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.empty-hint{font-size:.75rem;opacity:.7}.waiting-processes{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.waiting-slot{position:relative}.io-indicator{align-items:center;background:#ff44661a;border-radius:6px;border-radius:var(--radius-sm);color:#f87171;color:var(--color-waiting);display:flex;font-size:.75rem;gap:8px;gap:var(--spacing-sm);margin-top:4px;margin-top:var(--spacing-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.queue-education{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);color:#565e72;color:var(--text-muted);font-size:.8rem;margin-top:16px;margin-top:var(--spacing-md);padding-top:16px;padding-top:var(--spacing-md)}.queue-education strong{color:#6366f1;color:var(--color-accent)}.center-tabs{background:#ffffff0a;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);display:flex;gap:4px;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:4px;width:-webkit-fit-content;width:fit-content}.center-tab-btn{background:#0000;border:none;border-radius:8px;border-radius:calc(var(--radius-md) - 2px);color:#565e72;color:var(--text-muted);cursor:pointer;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.78rem;font-weight:600;padding:7px 18px;transition:all .18s ease;white-space:nowrap}.center-tab-btn:hover{background:#ffffff0f;color:#8b92a5;color:var(--text-secondary)}.center-tab-btn.active{background:#6366f1;background:var(--color-accent);box-shadow:0 2px 8px #6366f166;color:#fff}.compare-panel{background:#1c2130d9;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;padding:24px;padding:var(--spacing-lg)}.compare-panel-header{margin-bottom:16px;margin-bottom:var(--spacing-md)}.compare-panel-header h3{color:#e2e4ea;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:1rem;font-weight:600;margin-bottom:4px}.compare-subtitle{color:#565e72;color:var(--text-muted);font-size:.8rem}.algo-cmp-root{flex-direction:column}.algo-cmp-root,.algo-selector-bar{display:flex;gap:16px;gap:var(--spacing-md)}.algo-selector-bar{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);flex-wrap:wrap;padding:10px 14px}.algo-selector-label{color:#565e72;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.75rem;font-weight:600;white-space:nowrap}.algo-selector-pills{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.algo-pill{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-medium);border-radius:20px;color:#565e72;color:var(--text-muted);cursor:pointer;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.75rem;font-weight:700;gap:4px;letter-spacing:.03em;padding:5px 13px;transition:all .15s ease}.algo-pill.off:hover{background:#ffffff0d;border-color:#ffffff1a;border-color:var(--border-medium);color:#8b92a5;color:var(--text-secondary)}.algo-pill.on{box-shadow:0 0 8px #0003}.algo-pill-check{font-size:.6rem;opacity:.85}.algo-selector-hint{font-size:.68rem;margin-left:auto;white-space:nowrap}.algo-cmp-empty,.algo-selector-hint{color:#565e72;color:var(--text-muted)}.algo-cmp-empty{align-items:center;display:flex;flex-direction:column;font-size:.9rem;gap:10px;justify-content:center;padding:32px 0;padding:var(--spacing-xl) 0}.algo-cmp-empty-icon{font-size:2rem;opacity:.25}.algo-cmp-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.algo-cmp-card{background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:16px;padding:var(--spacing-md);transition:border-color .2s ease}.algo-cmp-card:hover{border-color:#ffffff1a;border-color:var(--border-medium)}.algo-cmp-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.algo-cmp-badge{border:1px solid;border-radius:6px;padding:2px 10px}.algo-cmp-badge-name{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.78rem;font-weight:800;letter-spacing:.04em}.algo-cmp-subtitle{color:#565e72;color:var(--text-muted);font-size:.73rem}.algo-cmp-gantt-wrap{background:#00000026;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);overflow:hidden;padding:6px 4px 4px}.mini-gantt-wrapper{align-items:flex-start;display:flex}.mini-gantt-labels{border-right:1px solid #ffffff0f;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;width:36px}.mini-row-label{align-items:center;border-bottom:1px solid #ffffff0a;box-sizing:border-box;display:flex;gap:3px;padding:0 4px}.mini-label-dot{border-radius:50%;flex-shrink:0;height:5px;width:5px}.mini-label-text{color:#565e72;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.6rem;font-weight:700;overflow:hidden;white-space:nowrap}.mini-gantt-scroll{flex:1 1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.mini-gantt-scroll::-webkit-scrollbar{display:none}.mini-gantt-canvas{min-width:100%;position:relative}.mini-grid-line{background:#ffffff0d;position:absolute;top:0;width:1px}.mini-row{align-items:center;display:flex;right:0}.mini-row,.mini-row-bg{left:0;position:absolute}.mini-row-bg{background:#ffffff03;border-bottom:1px solid hsla(0,0%,100%,.035);height:100%;top:0}.mini-exec-bar{align-items:center;border-radius:3px;box-sizing:border-box;display:flex;height:14px;justify-content:center;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);transition:filter .1s}.mini-exec-bar:hover{filter:brightness(1.2);z-index:5}.mini-bar-label{color:#ffffffe6;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.52rem;font-weight:800;padding:0 2px;pointer-events:none;text-shadow:0 1px 2px #000c;white-space:nowrap}.mini-time-axis{height:16px;position:absolute}.mini-tick{align-items:center;display:flex;flex-direction:column;position:absolute;transform:translateX(-50%)}.mini-tick-line{background:#ffffff1a;background:var(--border-medium);height:4px;width:1px}.mini-tick-label{color:#565e72;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.52rem;margin-top:1px;white-space:nowrap}.algo-cmp-metrics{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);gap:5px;padding-top:8px;padding-top:var(--spacing-sm)}.algo-cmp-metrics,.cmp-metric-bar{display:flex;flex-direction:column}.cmp-metric-bar{gap:2px}.cmp-metric-top{align-items:baseline;display:flex;justify-content:space-between}.cmp-metric-label{color:#565e72;color:var(--text-muted);font-size:.68rem}.cmp-metric-value{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.72rem;font-weight:700}.cmp-metric-value.good{color:#34d399}.cmp-metric-value.warn{color:#fbbf24}.cmp-metric-value.bad{color:#f87171}.cmp-bar-track{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.cmp-bar-fill{border-radius:2px;height:100%;transition:width .4s ease}.cmp-bar-fill.good{background:#34d399}.cmp-bar-fill.warn{background:#fbbf24}.cmp-bar-fill.bad{background:#f87171}.gantt-chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c2130d9;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);min-width:0;overflow:hidden;padding:24px;padding:var(--spacing-lg)}.gantt-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.gantt-header h3{color:#e2e4ea;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:1rem;font-weight:600;letter-spacing:.02em}.gantt-legend{color:#8b92a5;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.73rem;gap:16px;gap:var(--spacing-md)}.legend-item{gap:5px}.legend-dot{border-radius:3px;flex-shrink:0;height:10px;width:10px}.gantt-empty{align-items:center;display:flex;justify-content:center;min-height:100px}.gantt-empty-inner{align-items:center;color:#565e72;color:var(--text-muted);display:flex;flex-direction:column;gap:8px}.gantt-empty-icon{font-size:1.4rem;opacity:.3}.gantt-scroll-wrapper{align-items:flex-start;display:flex;gap:0;overflow:hidden}.gantt-labels{background:hsla(0,0%,100%,.015);border-radius:6px 0 0 6px;border-right:1px solid #ffffff0f;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;width:52px}.gantt-row-label{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);box-sizing:border-box;display:flex;gap:5px;padding:0 6px 0 8px}.gantt-row-label:last-child{border-bottom:none}.row-label-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.row-label-text{color:#8b92a5;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.7rem;font-weight:700;overflow:hidden;white-space:nowrap}.row-label-text.muted{color:#565e72;color:var(--text-muted);font-weight:500}.overhead-label{opacity:.7}.gantt-scroll-area{flex:1 1;overflow-x:auto;overflow-y:hidden;scrollbar-color:#ffffff1a #0000;scrollbar-color:var(--border-medium) #0000;scrollbar-width:thin}.gantt-scroll-area::-webkit-scrollbar{height:5px}.gantt-scroll-area::-webkit-scrollbar-track{background:#0000}.gantt-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--border-medium);border-radius:3px}.gantt-canvas{min-width:100%;position:relative}.gantt-grid{left:0;pointer-events:none;position:absolute;top:0}.gantt-grid-line{background:#ffffff0a;position:absolute;top:0;width:1px}.gantt-row{align-items:center;display:flex;left:0;position:absolute;right:0}.gantt-row-bg{background:hsla(0,0%,100%,.015);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);height:100%;left:0;top:0}.gantt-exec-bar,.gantt-row-bg{box-sizing:border-box;position:absolute}.gantt-exec-bar{align-items:center;border-radius:5px;cursor:default;display:flex;height:26px;justify-content:center;overflow:visible;top:50%;transform:translateY(-50%);transition:filter .15s ease;z-index:2}.gantt-exec-bar:hover{filter:brightness(1.18);z-index:10}.bar-time-badge{bottom:-14px;color:#565e72;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.58rem;font-weight:700;pointer-events:none;position:absolute;white-space:nowrap;z-index:5}.bar-time-start{left:0;transform:translateX(-50%)}.bar-time-end{right:0;transform:translateX(50%)}.bar-name-label{color:#fffffff2;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.65rem;font-weight:800;overflow:hidden;padding:0 6px;pointer-events:none;text-overflow:ellipsis;text-shadow:0 1px 4px #000c;white-space:nowrap;z-index:3}.gantt-overhead-row{opacity:.85}.gantt-overhead-bar{align-items:center;border-radius:3px;box-sizing:border-box;display:flex;height:18px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.gantt-overhead-bar.context_switch{background:#6366f1;background:var(--color-accent);opacity:.75}.gantt-overhead-bar.idle{background:repeating-linear-gradient(45deg,#ffffff0a,#ffffff0a 4px,#ffffff14 0,#ffffff14 8px);border:1px dashed #ffffff1f}.overhead-label-text{color:#ffffffb3;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.52rem;font-weight:700;letter-spacing:.03em}.gantt-time-axis{height:24px;left:0;position:absolute}.gantt-tick{align-items:center;display:flex;flex-direction:column;position:absolute;transform:translateX(-50%)}.gantt-tick-line{background:#ffffff1a;background:var(--border-medium);height:5px;width:1px}.gantt-tick-label{color:#565e72;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.62rem;margin-top:2px;white-space:nowrap}.gantt-playhead{align-items:center;display:flex;flex-direction:column;pointer-events:none;position:absolute;top:0;transform:translateX(-1px);z-index:20}.playhead-line{background:#ef4444;box-shadow:0 0 8px #ef4444aa;height:100%;width:2px}.playhead-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:7px solid #ef4444;height:0;position:absolute;top:-1px;width:0}.playhead-label{background:#1c2130d9;background:var(--bg-card);border:1px solid #ef444455;border-radius:3px;color:#ef4444;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.6rem;font-weight:700;padding:1px 4px;position:absolute;top:-18px;white-space:nowrap}.gantt-education{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);color:#565e72;color:var(--text-muted);font-size:.8rem;margin-top:16px;margin-top:var(--spacing-md);padding-top:16px;padding-top:var(--spacing-md)}.gantt-education strong{color:#6366f1;color:var(--color-accent)}.metrics-dashboard section{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.metrics-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.metric-card{background:#1c2130;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);padding:16px;padding:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.metric-card:hover{border-color:#ffffff1a;border-color:var(--border-medium)}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.metric-label{color:#565e72;color:var(--text-muted);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.metric-trend{font-size:.8rem}.metric-trend.up{color:#34d399;color:var(--color-running)}.metric-trend.down{color:#f87171;color:var(--color-waiting)}.metric-value{align-items:baseline;display:flex;gap:4px;gap:var(--spacing-xs)}.metric-value .value{color:#e2e4ea;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:1.5rem;font-weight:600}.metric-value .unit{color:#565e72;color:var(--text-muted);font-size:.75rem}.metric-description{color:#565e72;color:var(--text-muted);font-size:.7rem;margin-top:4px;margin-top:var(--spacing-xs)}.metric-card.metric-waiting .metric-value .value{color:#f5a623;color:var(--color-ready)}.metric-card.metric-turnaround .metric-value .value{color:#60a5fa;color:var(--color-info)}.metric-card.metric-good .metric-value .value{color:#34d399;color:var(--color-running)}.metric-card.metric-ok .metric-value .value{color:#f5a623;color:var(--color-ready)}.metric-card.metric-low .metric-value .value{color:#f87171;color:var(--color-waiting)}.metric-card.metric-switches .metric-value .value{color:#6366f1;color:var(--color-accent)}.utilization-gauge{text-align:center}.utilization-gauge h3{color:#8b92a5;color:var(--text-secondary);font-size:.85rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.gauge-container{height:80px;margin:0 auto;position:relative;width:150px}.gauge-svg{height:100%;width:100%}.gauge-value{bottom:5px;color:#e2e4ea;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:1.25rem;font-weight:600;left:50%;position:absolute;transform:translateX(-50%)}.process-overview h3{align-items:center;color:#8b92a5;color:var(--text-secondary);display:flex;font-size:.85rem;gap:8px;gap:var(--spacing-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.process-overview .count{color:#565e72;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.75rem}.process-table{max-height:200px;overflow-y:auto}.process-table table{border-collapse:collapse;font-size:.8rem;width:100%}.process-table th{background:#1c2130d9;background:var(--bg-card);color:#565e72;color:var(--text-muted);font-weight:500;position:-webkit-sticky;position:sticky;text-align:left;top:0}.process-table td,.process-table th{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.process-table .process-name{align-items:center;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);gap:4px;gap:var(--spacing-xs)}.color-dot{border-radius:50%;height:8px;width:8px}.state-badge{border-radius:6px;border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.65rem;padding:2px 6px;text-transform:uppercase}.state-badge.running{background:#0f83;color:#34d399;color:var(--color-running)}.state-badge.ready{background:#fc03;color:#f5a623;color:var(--color-ready)}.state-badge.waiting{background:#f463;color:#f87171;color:var(--color-waiting)}.state-badge.terminated{background:#60607833;color:#4b5563;color:var(--color-terminated)}.mini-progress{background:#161a23;background:var(--bg-secondary);border-radius:3px;height:6px;overflow:hidden;width:60px}.mini-progress-bar{background:#6366f1;background:var(--color-accent);height:100%;transition:width .15s ease;transition:width var(--transition-fast)}.process-table-empty{color:#565e72;color:var(--text-muted);padding:24px;padding:var(--spacing-lg);text-align:center}.completion-log h4{align-items:center;color:#8b92a5;color:var(--text-secondary);display:flex;font-size:.85rem;gap:8px;gap:var(--spacing-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.log-icon{font-size:1rem}.completion-log ul{list-style:none}.completion-log li{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;font-size:.8rem;gap:8px;gap:var(--spacing-sm);padding:4px 0;padding:var(--spacing-xs) 0}.completion-log li:last-child{border-bottom:none}.completion-log .process-name{color:#e2e4ea;color:var(--text-primary)}.completion-log .completion-stats,.completion-log .process-name{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono)}.completion-log .completion-stats{color:#565e72;color:var(--text-muted);font-size:.75rem;margin-left:auto}.no-completions{font-size:.8rem;padding:8px;padding:var(--spacing-sm);text-align:center}.no-completions,.state-legend h4{color:#565e72;color:var(--text-muted)}.state-legend h4{font-size:.75rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.legend-items{display:flex;flex-wrap:wrap;font-size:.75rem;gap:16px;gap:var(--spacing-md)}.legend-item{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs)}.legend-color{border-radius:50%;height:12px;width:12px}.legend-color.running{background:#34d399;background:var(--color-running)}.legend-color.ready{background:#f5a623;background:var(--color-ready)}.legend-color.waiting{background:#f87171;background:var(--color-waiting)}.legend-color.terminated{background:#4b5563;background:var(--color-terminated)}.algorithm-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c2130d9;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);padding:24px;padding:var(--spacing-lg)}.info-header{align-items:flex-start;display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:16px;margin-bottom:var(--spacing-md)}.info-icon{font-size:2rem}.info-header h3{color:#e2e4ea;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.type-badge{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-size:.7rem;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.type-badge.preemptive{background:#0f83;color:#34d399;color:var(--color-running)}.type-badge.nonpreemptive{background:#fc03;color:#f5a623;color:var(--color-ready)}.info-description{color:#8b92a5;color:var(--text-secondary);font-size:.85rem;line-height:1.6}.info-description,.info-lists{margin-bottom:16px;margin-bottom:var(--spacing-md)}.info-lists{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.info-section h4{font-size:.8rem;font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.info-section.pros h4{color:#34d399;color:var(--color-running)}.info-section.cons h4{color:#f87171;color:var(--color-waiting)}.info-section ul{color:#565e72;color:var(--text-muted);font-size:.75rem;list-style:none}.info-section li{margin-bottom:4px;margin-bottom:var(--spacing-xs);padding-left:16px;padding-left:var(--spacing-md);position:relative}.info-section li:before{content:"•";left:0;position:absolute}.info-best-for{background:#1c2130;background:var(--bg-tertiary);border-radius:6px;border-radius:var(--radius-sm);color:#8b92a5;color:var(--text-secondary);font-size:.8rem;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:8px;padding:var(--spacing-sm)}.info-best-for strong{color:#60a5fa;color:var(--color-info)}.concept-highlight{background:#6366f10f;border:1px solid #6366f140;border:1px solid var(--border-accent);border-radius:10px;border-radius:var(--radius-md);padding:16px;padding:var(--spacing-md)}.concept-highlight h4{align-items:center;color:#6366f1;color:var(--color-accent);display:flex;font-size:.85rem;font-weight:600;gap:8px;gap:var(--spacing-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.concept-icon{font-size:1rem}.concept-highlight p{color:#8b92a5;color:var(--text-secondary);font-size:.8rem;line-height:1.5}.context-switch-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07070ad9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.overlay-content{background:#161a23;background:var(--bg-secondary);border:1px solid #6366f140;border:1px solid var(--border-accent);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 40px #00000080;box-shadow:var(--shadow-lg);max-width:450px;padding:32px;padding:var(--spacing-xl)}.overlay-header{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.overlay-header .switch-icon{color:#6366f1;color:var(--color-accent);font-size:2rem}.overlay-header h2{color:#e2e4ea;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:1.25rem}.switch-visualization{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg);justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.switch-process{align-items:center;background:#1c2130;background:var(--bg-tertiary);border-radius:10px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);min-width:100px;padding:16px;padding:var(--spacing-md)}.switch-process .direction{color:#565e72;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.7rem;letter-spacing:1px;text-transform:uppercase}.switch-process.out{border-color:#f87171;border-color:var(--color-waiting)}.switch-process.in{border-color:#34d399;border-color:var(--color-running)}.switch-process .process-color{border-radius:50%;height:30px;width:30px}.switch-process .process-name{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-weight:500}.switch-process .process-name.idle{color:#565e72;color:var(--text-muted)}.switch-arrow{color:#6366f1;color:var(--color-accent);font-size:2rem}.switch-details{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.detail-item,.switch-details{gap:8px;gap:var(--spacing-sm)}.detail-item{align-items:center;color:#8b92a5;color:var(--text-secondary);display:flex;font-size:.8rem}.detail-item .detail-icon{font-size:1rem}.overhead-badge{align-items:center;background:#ff880026;border:1px solid #fbbf24;border:1px solid var(--color-warning);border-radius:10px;border-radius:var(--radius-md);display:flex;flex-direction:column;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.overhead-label{font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.overhead-label,.overhead-value{color:#fbbf24;color:var(--color-warning)}.overhead-value{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:1.5rem;font-weight:600}.switch-note{color:#565e72;color:var(--text-muted);font-size:.8rem;text-align:center}.footer{background:linear-gradient(180deg,#0000,#161a23);background:linear-gradient(180deg,#0000 0,var(--bg-secondary) 100%);border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-align:center;z-index:5}.footer p{color:#565e72;color:var(--text-muted);font-size:.85rem;margin:0 auto;max-width:800px}.footer strong{color:#60a5fa;color:var(--color-info)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1c2130;background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#565e72;background:var(--text-muted)}@media (max-width:1400px){.main-content{grid-template-columns:280px 1fr 300px}}@media (max-width:1200px){.main-content{grid-template-columns:1fr}.left-panel,.right-panel{max-width:100%}.queues-container{grid-template-columns:1fr}}@media (max-width:768px){html{font-size:13px}.header{flex-direction:column;gap:16px;gap:var(--spacing-md)}.main-content{padding:16px;padding:var(--spacing-md)}.algorithm-grid,.info-lists,.metrics-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.833cbb73.css.map*/