@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--glass-bg:#111113d9;--glass-shadow:0 8px 32px #0006}.simulation-controls{background:#111113d9;border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-width:650px;padding:1rem 2rem;padding:var(--space-lg) var(--space-2xl)}.simulation-controls-inner{gap:1.5rem;gap:var(--space-xl);justify-content:center}.simulation-btn{border:1px solid #0000;border-radius:.75rem;border-radius:var(--radius-md);font-family:inherit;font-weight:600;height:40px;min-width:90px;outline:none;padding:.75rem 1.5rem;padding:var(--space-md) var(--space-xl);-webkit-user-select:none;user-select:none}.simulation-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.simulation-btn:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--color-primary);outline-offset:2px}.simulation-btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:0 0 20px #22c55e4d;color:#0f172a;color:var(--color-text-inverse)}.simulation-btn-primary:hover{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#16a34a;box-shadow:0 0 25px #22c55e66;transform:translateY(-1px)}.simulation-btn-primary:active{box-shadow:0 0 15px #22c55e4d;transform:translateY(0)}.simulation-btn-secondary{background:#252529;background:var(--color-surface-tertiary);border-color:#2a2a2f;border-color:var(--color-border);color:#cbd5e1;color:var(--color-text-secondary)}.simulation-btn-secondary:hover{background:#303037;background:var(--color-surface-hover);border-color:#404048;border-color:var(--color-border-hover);box-shadow:0 4px 12px #0000004d;color:#f8fafc;color:var(--color-text-primary);transform:translateY(-1px)}.simulation-btn-secondary:active{background:#2a2a2f;background:var(--color-surface-elevated);transform:translateY(0)}.frame-control{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);padding:.75rem 1.5rem;padding:var(--space-md) var(--space-xl);width:60%}.frame-control label{color:#94a3b8;color:var(--color-text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;min-width:50px;text-transform:uppercase;white-space:nowrap}.frame-slider{background:#252529;background:var(--color-surface-tertiary);border-radius:3px;cursor:pointer;height:6px;transition:all .2s ease-out;transition:all var(--transition-normal)}.frame-slider::-webkit-slider-track{background:#252529;background:var(--color-surface-tertiary);border-radius:3px;height:6px}.frame-slider::-webkit-slider-thumb{border:2px solid #111113;border:2px solid var(--color-surface);box-shadow:0 2px 8px #3b82f666;height:18px;width:18px}.frame-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #3b82f680}.frame-slider::-moz-range-track{background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:3px;height:6px}.frame-slider::-moz-range-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:2px solid #111113;border:2px solid var(--color-surface);border-radius:50%;box-shadow:0 2px 8px #3b82f666;cursor:pointer;height:18px;width:18px}.frame-info{background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8125rem;padding:.5rem .75rem;padding:var(--space-sm) var(--space-md);text-align:center;width:8em}.speed-control{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);padding:.75rem 1.5rem;padding:var(--space-md) var(--space-xl)}.speed-control label{color:#94a3b8;color:var(--color-text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;min-width:45px;text-transform:uppercase;white-space:nowrap}.speed-select{-webkit-appearance:none;appearance:none;background:#252529;background:var(--color-surface-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:1rem;border-radius:.5rem;border-radius:var(--radius-sm);font-size:.8125rem;min-width:110px;outline:none;padding:.5rem 1.5rem .5rem .75rem;padding:var(--space-sm) var(--space-xl) var(--space-sm) var(--space-md);transition:all .2s ease-out;transition:all var(--transition-normal)}.speed-select:hover{background-color:#303037;background-color:var(--color-surface-hover);border-color:#404048;border-color:var(--color-border-hover)}.speed-select:focus{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626;box-shadow:0 0 0 3px var(--color-primary-light)}.speed-select option{background:#252529;background:var(--color-surface-tertiary)}.simulation-info{background:#111113d9;box-shadow:0 8px 32px #0006;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:380px}.simulation-info-title{border-bottom:1px solid #2a2a2f;border-bottom:1px solid var(--color-border);font-size:1.125rem;font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--space-xl);padding-bottom:1rem;padding-bottom:var(--space-lg);text-align:center}.simulation-info-item{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);padding:1rem;padding:var(--space-lg);transition:all .2s ease-out;transition:all var(--transition-normal)}.simulation-info-item:hover{background:#252529;background:var(--color-surface-tertiary);border-color:#404048;border-color:var(--color-border-hover);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.simulation-info-label{font-size:.6875rem}.simulation-info-value{font-family:JetBrains Mono,Fira Code,Consolas,monospace}.simulation-progress{border-top:1px solid #2a2a2f;border-top:1px solid var(--color-border);margin-top:1.5rem;margin-top:var(--space-xl);padding-top:1.5rem;padding-top:var(--space-xl)}.simulation-progress-label{color:#94a3b8;color:var(--color-text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;margin-bottom:var(--space-md);text-transform:uppercase}.simulation-progress-bar{background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:4px;height:8px;overflow:hidden;width:100%}.simulation-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb 50%,#3b82f6);background:linear-gradient(90deg,var(--color-primary) 0,#2563eb 50%,var(--color-primary) 100%);border-radius:4px;box-shadow:0 0 10px #3b82f64d;height:100%;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1)}.simulation-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);border-radius:4px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.canvas-container-fullscreen{background:#0a0a0b;background:var(--color-background)}@media (max-width:1024px){.simulation-controls{min-width:550px;padding:.75rem 1.5rem;padding:var(--space-md) var(--space-xl)}.simulation-controls-inner{gap:1rem;gap:var(--space-lg)}.simulation-btn{font-size:.8125rem;height:36px;min-width:80px}.frame-control,.simulation-btn{padding:.5rem 1rem;padding:var(--space-sm) var(--space-lg)}.frame-control{min-width:280px}.simulation-info{min-width:300px;padding:1rem;padding:var(--space-lg)}}@media (max-width:768px){.simulation-controls{border-radius:2rem;border-radius:var(--radius-2xl);bottom:1.5rem;bottom:var(--space-xl);left:1rem;left:var(--space-lg);min-width:auto;padding:1rem 1.5rem;padding:var(--space-lg) var(--space-xl);right:1rem;right:var(--space-lg);transform:none}.simulation-controls-inner{flex-wrap:wrap;gap:1rem;gap:var(--space-lg);justify-content:center}.frame-control{min-width:auto;order:1;width:100%}.speed-control{order:2}.simulation-btn{flex:1 1;min-width:75px}.simulation-info{left:1rem;left:var(--space-lg);max-width:none;min-width:auto;right:1rem;right:var(--space-lg);top:80px}.simulation-info-grid{gap:.75rem;gap:var(--space-md);grid-template-columns:1fr}}@media (max-width:480px){.simulation-controls{border-radius:1.5rem;border-radius:var(--radius-xl);padding:.75rem 1rem;padding:var(--space-md) var(--space-lg)}.simulation-btn{font-size:.75rem;height:32px;min-width:65px;padding:.5rem .75rem;padding:var(--space-sm) var(--space-md)}.frame-control,.speed-control{padding:.5rem 1rem;padding:var(--space-sm) var(--space-lg)}.simulation-info{border-radius:1rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-lg)}.simulation-info-title{font-size:1rem}}.frame-slider:focus-visible,.simulation-btn:focus-visible,.speed-select:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--color-primary);outline-offset:2px}.frame-slider,.simulation-btn,.simulation-info-item,.speed-select{transition:all .2s ease-out;transition:all var(--transition-normal)}@media (prefers-contrast:high){.simulation-controls{background:#111113;background:var(--color-surface);border:2px solid #353540;border:2px solid var(--color-border-light)}.simulation-btn-primary{background:#22c55e;border:2px solid #22c55e}.simulation-btn-secondary{background:#252529;background:var(--color-surface-tertiary);border:2px solid #353540;border:2px solid var(--color-border-light);color:#f8fafc;color:var(--color-text-primary)}.frame-slider::-webkit-slider-thumb{background:#3b82f6;background:var(--color-primary);border:2px solid #111113;border:2px solid var(--color-surface)}}@media (prefers-reduced-motion:reduce){.frame-slider,.simulation-btn,.simulation-info-item,.simulation-progress-fill,.speed-select{transition:none}.simulation-progress-fill:after{animation:none}.simulation-btn:before{display:none}}.live-plot-container{animation:slideInFromRight .5s ease-out;bottom:20px;height:220px;pointer-events:none;position:fixed;right:20px;width:450px;z-index:1000}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.live-plot-container.top-right{bottom:auto;top:80px}.live-plot-container.bottom-left{left:20px;right:auto}.speed-control-container{align-items:center;display:flex;gap:4px;margin:4px 0}.speed-btn{align-items:center;background:#252529;background:var(--color-surface-tertiary);border:1px solid #ccc;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.speed-btn:hover:not(:disabled){background:#e0e0e0}.speed-btn:disabled{cursor:not-allowed;opacity:.5}.speed-input{background:#252529;background:var(--color-surface-tertiary);border:1px solid #ccc;border-radius:3px;height:24px;text-align:center;width:60px}.speed-input,.speed-multiplier{color:#fff;font-size:12px;font-weight:700}.speed-multiplier{min-width:30px}.speed-presets{color:#fff;display:flex;gap:2px;margin-top:4px}.speed-preset{background:#f9f9f9;border:1px solid #ddd;border-radius:2px;color:#fff;cursor:pointer;font-size:10px;padding:2px 6px}.speed-preset:hover{background:#e9e9e9}.speed-preset.active{background:#007bff;border-color:#007bff;color:#fff}.error-toast{animation:slideInFadeOut 2s ease-in-out forwards;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;color:#991b1b;font-size:14px;font-weight:500;left:50%;max-width:400px;padding:12px 16px;pointer-events:none;position:fixed;top:80px;transform:translateX(-50%);z-index:1001}@keyframes slideInFadeOut{0%{opacity:0;transform:translate(-50%,-10px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.canvas-container-fullscreen canvas{cursor:default}.canvas-container-fullscreen canvas.mode-move{cursor:move}.canvas-container-fullscreen canvas.mode-move.dragging{cursor:grabbing}.heatmap-control{align-items:center;display:flex;margin:0 8px}.heatmap-checkbox-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.heatmap-checkbox{margin-right:6px;transform:scale(1.2)}.heatmap-label-text{color:#f8fafc;font-size:14px;font-weight:500}.heatmap-checkbox:disabled+.heatmap-label-text{color:#94a3b8;cursor:not-allowed}.canvas-container-fullscreen{background:linear-gradient(135deg,#0a0a0b,#111113);height:100vh;overflow:hidden;position:relative;width:100vw}.top-toolbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111113cc;background:var(--glass-bg);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d;box-shadow:var(--glass-shadow);gap:1rem;gap:var(--space-lg);height:auto;justify-content:space-between;left:0;min-height:55px;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-xl);position:fixed;right:0;top:0;z-index:1000}.toolbar-section,.top-toolbar{align-items:center;display:flex;flex-wrap:wrap}.toolbar-section{flex-shrink:1;gap:.5rem;gap:var(--space-sm);justify-content:center}.toolbar-separator{background:linear-gradient(180deg,#0000,#353540,#0000);background:linear-gradient(to bottom,#0000,var(--color-border-light),#0000);height:32px;margin:0 1rem;margin:0 var(--space-lg);opacity:.8;width:1px}.toolbar-btn{align-items:center;background:#111113;background:var(--color-surface);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-sm);color:#cbd5e1;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:clamp(.6rem,.5rem + .25vw,.75rem);font-weight:500;gap:.25rem;gap:var(--space-xs);justify-content:center;min-height:28px;min-width:auto;overflow:hidden;padding:clamp(.2rem,.5vw,.4rem) clamp(.4rem,1vw,.6rem);position:relative;transition:all .2s ease-out;transition:all var(--transition-normal);white-space:nowrap}.toolbar-btn:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease-out;transition:left var(--transition-slow);width:100%}.toolbar-btn:hover:before{left:100%}.toolbar-btn:hover:not(:disabled){background:#303037;background:var(--color-surface-hover);border-color:#404048;border-color:var(--color-border-hover);box-shadow:0 4px 6px #0000004d,0 2px 4px #0003;box-shadow:var(--shadow-md);color:#f8fafc;color:var(--color-text-primary);transform:translateY(-1px)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.toolbar-btn.active{transform:translateY(-1px)}.toolbar-btn-primary,.toolbar-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#0f172a;color:var(--color-text-inverse)}.toolbar-btn-primary{font-weight:600}.toolbar-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--color-primary-hover) 0,#1e40af 100%);box-shadow:0 0 30px #3b82f666,0 10px 15px #0006,0 4px 6px #0000004d;box-shadow:0 0 30px #3b82f666,var(--shadow-lg);transform:translateY(-2px)}.toolbar-btn-danger,.toolbar-btn-danger:hover:not(:disabled){border-color:#ef4444;border-color:var(--color-error);color:#ef4444;color:var(--color-error)}.toolbar-btn-danger:hover:not(:disabled){background:#ef444426;background:var(--color-error-light);box-shadow:0 0 20px #ef44444d}.toolbar-btn.loading{opacity:.8;pointer-events:none}.spinner{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;border:2px solid #ffffff4d;border-top-color:initial;display:inline-block}.mode-switcher{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);display:flex;overflow:hidden;position:relative}.mode-switcher,.mode-switcher:before{box-shadow:0 1px 3px #0003,0 1px 2px #0000001a;box-shadow:var(--shadow-sm)}.mode-switcher:before{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-radius:calc(1rem - 2px);border-radius:calc(var(--radius-lg) - 2px);bottom:2px;content:"";left:2px;position:absolute;top:2px;transition:transform .2s ease-out;transition:transform var(--transition-normal);width:calc(50% - 2px)}.mode-switcher:has(.mode-switcher-button:last-child.active):before{transform:translateX(100%)}.mode-switcher-button{align-items:center;background:#0000;border:none;color:#cbd5e1;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:clamp(.65rem,.6rem + .25vw,.8rem);font-weight:500;gap:.5rem;gap:var(--space-sm);justify-content:center;min-height:32px;min-width:auto;padding:clamp(.25rem,1vw,.4rem) clamp(.5rem,2vw,1rem);position:relative;transition:all .2s ease-out;transition:all var(--transition-normal);z-index:1}.mode-switcher-button:hover:not(:disabled){color:#f8fafc;color:var(--color-text-primary)}.mode-switcher-button.active{color:#0f172a;color:var(--color-text-inverse);font-weight:600}.mode-switcher-button:disabled{cursor:not-allowed;opacity:.4}.form-label{display:block;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.form-input,.form-label{color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:.875rem}.form-input{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);padding:.75rem 1rem;padding:var(--space-md) var(--space-lg);transition:all .2s ease-out;transition:all var(--transition-normal);width:100%}.form-input:focus{background:#252529;background:var(--color-surface-tertiary);border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626,0 4px 6px #0000004d,0 2px 4px #0003;box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-md);outline:none}.form-select{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);color:#f8fafc;color:var(--color-text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;padding:.75rem 1rem;padding:var(--space-md) var(--space-lg);transition:all .2s ease-out;transition:all var(--transition-normal);width:100%}.form-select:focus{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.status-card{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--space-xl);overflow:hidden;padding:1.5rem;padding:var(--space-xl);position:relative}.status-card:before{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));content:"";height:3px;left:0;position:absolute;right:0;top:0}.status-card-success{background:#22c55e26;background:var(--color-success-light);border-color:#22c55e;border-color:var(--color-success);color:#22c55e;color:var(--color-success)}.status-card-success:before{background:linear-gradient(90deg,#22c55e,#10b981);background:linear-gradient(90deg,var(--color-success),var(--color-accent))}.status-card-warning{background:#f59e0b26;background:var(--color-warning-light);border-color:#f59e0b;border-color:var(--color-warning);color:#f59e0b;color:var(--color-warning)}.status-card-warning:before{background:linear-gradient(90deg,#f59e0b,#f97316);background:linear-gradient(90deg,var(--color-warning),#f97316)}.status-card-error{background:#ef444426;background:var(--color-error-light);border-color:#ef4444;border-color:var(--color-error);color:#ef4444;color:var(--color-error)}.status-card-error:before{background:linear-gradient(90deg,#ef4444,#dc2626);background:linear-gradient(90deg,var(--color-error),#dc2626)}.status-card-title{font-family:Inter,sans-serif;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.stats-grid{grid-gap:1rem;grid-gap:var(--space-lg);display:grid;gap:1rem;gap:var(--space-lg);grid-template-columns:1fr 1fr;margin-bottom:1.5rem;margin-bottom:var(--space-xl)}.stat-item{background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);overflow:hidden;padding:1rem;padding:var(--space-lg);position:relative;text-align:center;transition:all .2s ease-out;transition:all var(--transition-normal)}.stat-item:before{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));content:"";height:2px;left:0;position:absolute;right:0;top:0}.stat-item:hover{border-color:#404048;border-color:var(--color-border-hover);box-shadow:0 10px 15px #0006,0 4px 6px #0000004d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;color:#3b82f6;color:var(--color-primary);display:block;font-size:2rem;font-weight:800}.stat-label,.stat-value{font-family:Inter,sans-serif}.stat-label{color:#94a3b8;color:var(--color-text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.distribution-list{max-height:240px;overflow-y:auto;padding-right:.5rem;padding-right:var(--space-sm)}.distribution-list::-webkit-scrollbar{width:6px}.distribution-list::-webkit-scrollbar-track{background:#111113;background:var(--color-surface);border-radius:3px}.distribution-list::-webkit-scrollbar-thumb{background:#404048;background:var(--color-border-hover);border-radius:3px}.distribution-list::-webkit-scrollbar-thumb:hover{background:#3b82f6;background:var(--color-primary)}.distribution-item{align-items:center;background:#252529;background:var(--color-surface-tertiary);border:1px solid #0000;border-radius:.75rem;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-sm);overflow:hidden;padding:1rem;padding:var(--space-lg);position:relative;transition:all .2s ease-out;transition:all var(--transition-normal)}.distribution-item:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .2s ease-out;transition:left var(--transition-normal);width:100%}.distribution-item:hover:before{left:100%}.distribution-item:hover{background:#2a2a2f;background:var(--color-surface-elevated);border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 4px 6px #0000004d,0 2px 4px #0003;box-shadow:var(--shadow-md);transform:translateX(4px)}.distribution-item.configured{background:#22c55e26;background:var(--color-success-light);border-color:#22c55e;border-color:var(--color-success)}.distribution-item.unconfigured{background:#ef444426;background:var(--color-error-light);border-color:#ef4444;border-color:var(--color-error)}.distribution-agents{font-family:Inter,sans-serif;font-size:.875rem;font-weight:700}.parameters-panel{width:380px}.parameters-panel,.parameters-panel-routing{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111113cc;background:var(--glass-bg);border-right:1px solid #ffffff1a;border-right:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d;box-shadow:var(--glass-shadow);height:calc(100vh - 70px);left:0;overflow-y:auto;position:fixed;top:70px;transform:translateX(-100%);transition:transform .3s ease-out;transition:transform var(--transition-slow);z-index:999}.parameters-panel-routing{width:30%}.parameters-panel-routing.open,.parameters-panel.open{transform:translateX(0)}.parameters-panel.right-panel{border-left:1px solid #ffffff1a;border-left:1px solid var(--glass-border);border-right:none;left:auto;right:0;transform:translateX(100%)}.parameters-panel.right-panel.open{transform:translateX(0)}.parameters-panel-header{background:#1a1a1d;background:var(--color-surface-secondary);border-bottom:1px solid #2a2a2f;border-bottom:1px solid var(--color-border);padding:2rem;padding:var(--space-2xl);position:-webkit-sticky;position:sticky;top:0;z-index:10}.parameters-panel-title{color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700;margin:0}.parameters-panel-content{padding:2rem;padding:var(--space-2xl)}.sidebar-section{margin-bottom:2rem;margin-bottom:var(--space-2xl)}.sidebar-section-title{border-bottom:1px solid #2a2a2f;border-bottom:1px solid var(--color-border);color:#cbd5e1;color:var(--color-text-secondary);font-size:1rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-lg);padding-bottom:.5rem;padding-bottom:var(--space-sm)}.sidebar-button-grid{grid-gap:.75rem;grid-gap:var(--space-md);display:grid;gap:.75rem;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.sidebar-button-column{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-md)}.sidebar-btn{align-items:center;background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);color:#cbd5e1;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.75rem 1rem;padding:var(--space-md) var(--space-lg);text-align:center;transition:all .2s ease-out;transition:all var(--transition-normal);width:100%}.sidebar-btn:hover:not(:disabled){background:#303037;background:var(--color-surface-hover);border-color:#404048;border-color:var(--color-border-hover);box-shadow:0 4px 6px #0000004d,0 2px 4px #0003;box-shadow:var(--shadow-md);color:#f8fafc;color:var(--color-text-primary);transform:translateY(-1px)}.sidebar-btn.active{background:#3b82f6;background:var(--color-primary);border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#0f172a;color:var(--color-text-inverse)}.sidebar-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.sidebar-btn-danger{border-color:#ef4444;border-color:var(--color-error);color:#ef4444;color:var(--color-error)}.sidebar-btn-danger:hover:not(:disabled){background:#ef444426;background:var(--color-error-light);color:#ef4444;color:var(--color-error)}.simulation-controls{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111113cc;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:2rem;border-radius:var(--radius-2xl);bottom:3rem;bottom:var(--space-3xl);box-shadow:0 8px 32px #0000004d;box-shadow:var(--glass-shadow);color:#f8fafc;color:var(--color-text-primary);left:50%;padding:1.5rem 3rem;padding:var(--space-xl) var(--space-3xl);position:absolute;transform:translateX(-50%);z-index:1000}.simulation-controls-inner{align-items:center;display:flex;gap:2rem;gap:var(--space-2xl)}.simulation-btn{align-items:center;border:none;border-radius:1rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;justify-content:center;min-width:100px;overflow:hidden;padding:1rem 2rem;padding:var(--space-lg) var(--space-2xl);position:relative;transition:all .2s ease-out;transition:all var(--transition-normal)}.simulation-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease-out;transition:left var(--transition-slow);width:100%}.simulation-btn:hover:before{left:100%}.simulation-btn-play{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 20px #22c55e4d;color:#0f172a;color:var(--color-text-inverse)}.simulation-btn-play:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 0 30px #22c55e66,0 10px 15px #0006,0 4px 6px #0000004d;box-shadow:0 0 30px #22c55e66,var(--shadow-lg);transform:translateY(-2px)}.simulation-btn-reset{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 20px #ef44444d;color:#0f172a;color:var(--color-text-inverse)}.simulation-btn-reset:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 0 30px #ef444466,0 10px 15px #0006,0 4px 6px #0000004d;box-shadow:0 0 30px #ef444466,var(--shadow-lg);transform:translateY(-2px)}.simulation-btn-close{background:linear-gradient(135deg,#64748b,#475569);background:linear-gradient(135deg,var(--color-secondary) 0,#475569 100%);color:#0f172a;color:var(--color-text-inverse)}.simulation-btn-close:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-2px)}.frame-control{align-items:center;display:flex;gap:1rem;gap:var(--space-lg);min-width:300px}.frame-slider{-webkit-appearance:none;appearance:none;background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:4px;flex:1 1;height:8px;outline:none}.frame-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:50%;box-shadow:0 4px 6px #0000004d,0 2px 4px #0003;box-shadow:var(--shadow-md);cursor:pointer;height:20px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal);width:20px}.frame-slider::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--color-primary-hover),#1e40af);box-shadow:0 0 15px #3b82f680;transform:scale(1.1)}.frame-info{color:#cbd5e1;color:var(--color-text-secondary);font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;min-width:80px;text-align:right}.speed-control{align-items:center;display:flex;gap:1rem;gap:var(--space-lg)}.speed-select{border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);cursor:pointer;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;padding:.5rem .75rem;padding:var(--space-sm) var(--space-md)}.speed-select,.speed-select option{background:#1a1a1d;background:var(--color-surface-secondary);color:#f8fafc;color:var(--color-text-primary)}.simulation-info{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111113cc;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d;box-shadow:var(--glass-shadow);font-size:.875rem;left:1.5rem;left:var(--space-xl);min-width:320px;padding:1.5rem;padding:var(--space-xl);position:absolute;top:90px}.simulation-info,.simulation-info-title{color:#f8fafc;color:var(--color-text-primary)}.simulation-info-title{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:800;margin-bottom:1rem;margin-bottom:var(--space-lg)}.simulation-info-grid{grid-gap:1rem;grid-gap:var(--space-lg);display:grid;gap:1rem;gap:var(--space-lg);grid-template-columns:1fr 1fr}.simulation-info-item{display:flex;flex-direction:column}.simulation-info-label{color:#94a3b8;color:var(--color-text-tertiary);font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--space-xs);text-transform:uppercase}.simulation-info-value{color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1rem;font-weight:700}.modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal{background:#111113;background:var(--color-surface);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:2rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px #00000080,0 10px 10px #0000004d;box-shadow:var(--shadow-xl);max-width:550px;min-width:450px;overflow:hidden;padding:3rem;padding:var(--space-3xl);position:relative}.modal:before{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));content:"";height:4px;left:0;position:absolute;right:0;top:0}.modal-title{color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1.5rem;font-weight:800;margin:0 0 2rem;margin:0 0 var(--space-2xl) 0}.modal-actions{display:flex;gap:1rem;gap:var(--space-lg);justify-content:flex-end;margin-top:2rem;margin-top:var(--space-2xl)}.data-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111113cc;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:2rem;border-radius:var(--radius-2xl);bottom:1.5rem;bottom:var(--space-xl);box-shadow:0 8px 32px #0000004d;box-shadow:var(--glass-shadow);left:400px;max-height:250px;overflow:hidden;position:absolute;right:1.5rem;right:var(--space-xl);z-index:1000}.data-panel-header{align-items:center;background:#1a1a1d;background:var(--color-surface-secondary);border-bottom:1px solid #2a2a2f;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem 2rem;padding:var(--space-xl) var(--space-2xl)}.data-panel-title{color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;margin:0}.data-panel-close{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#cbd5e1;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.5rem;padding:var(--space-sm);transition:all .2s ease-out;transition:all var(--transition-normal);width:32px}.data-panel-close:hover{background:#252529;background:var(--color-surface-tertiary);color:#f8fafc;color:var(--color-text-primary);transform:scale(1.1)}.data-panel-content{display:flex;height:180px}.data-section{border-right:1px solid #2a2a2f;border-right:1px solid var(--color-border);flex:1 1;padding:1.5rem;padding:var(--space-xl)}.data-section:last-child{border-right:none}.data-section-title{font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;margin:0 0 1rem;margin:0 0 var(--space-lg) 0}.data-section-title,.data-textarea{color:#f8fafc;color:var(--color-text-primary)}.data-textarea{background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.75rem;height:120px;line-height:1.4;padding:1rem;padding:var(--space-lg);resize:none;width:100%}.data-textarea:focus{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f626;box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.canvas-container-fullscreen canvas{left:0;position:absolute;top:70px!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@media (max-width:1400px){.top-toolbar{gap:.75rem;gap:var(--space-md);padding:.5rem 1rem;padding:var(--space-sm) var(--space-lg)}.toolbar-section{gap:.25rem;gap:var(--space-xs)}.toolbar-separator{margin:0 .75rem;margin:0 var(--space-md)}.toolbar-btn{font-size:.75rem;min-width:auto;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.parameters-panel{width:350px}}@media (max-width:1024px){.top-toolbar{gap:.75rem;gap:var(--space-md);justify-content:center;padding:.75rem;padding:var(--space-md)}.toolbar-section{gap:.25rem;gap:var(--space-xs);margin-bottom:0}.toolbar-separator{display:none}.toolbar-btn{font-size:.75rem;min-width:auto;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.mode-switcher-button{font-size:.75rem;min-width:100px;padding:.25rem .75rem;padding:var(--space-xs) var(--space-md)}.parameters-panel{width:320px}.data-panel{left:340px}}@media (max-width:768px){.top-toolbar{gap:.5rem;gap:var(--space-sm);padding:.5rem;padding:var(--space-sm)}.toolbar-section{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-xs);justify-content:center;margin-bottom:0}.toolbar-btn{min-height:28px}.mode-switcher{width:100%}.mode-switcher-button{flex:1 1;min-height:32px}.parameters-panel{width:100%}.data-panel{bottom:1rem;bottom:var(--space-lg);left:1rem;left:var(--space-lg)}.canvas-container-fullscreen canvas{top:120px!important}.simulation-controls{bottom:1.5rem;bottom:var(--space-xl);left:1rem;left:var(--space-lg);right:1rem;right:var(--space-lg);transform:none}.simulation-controls-inner{flex-wrap:wrap;gap:1rem;gap:var(--space-lg)}}@media (max-width:480px){.toolbar-btn{min-width:auto;padding:.25rem;padding:var(--space-xs)}.mode-switcher-button{font-size:.7rem}.parameters-panel-content{padding:1rem;padding:var(--space-lg)}.modal{margin:1rem;margin:var(--space-lg);min-width:320px}}.progress-container{margin:1rem 0;width:100%}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-stage{align-items:center;display:flex;gap:.5rem}.stage-label{color:#f8fafc;color:var(--color-text-primary);font-size:.875rem;font-weight:600}.stage-badge{border-radius:.375rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.progress-percentage{color:#cbd5e1;color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.progress-bar-container{background:#252529;background:var(--color-surface-tertiary);height:8px;width:100%}.progress-bar-container,.progress-bar-fill{border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.progress-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.progress-message{color:#94a3b8;color:var(--color-text-tertiary);font-size:.8125rem;margin-bottom:0;margin-top:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simulation-progress-modal{max-width:600px;min-width:500px}.modal-header{margin-bottom:1.5rem}.modal-close-btn{border-radius:.25rem;color:#cbd5e1;color:var(--color-text-secondary);padding:.25rem;transition:all .2s ease}.modal-close-btn:hover{background:#252529;background:var(--color-surface-tertiary)}.results-grid{grid-gap:.5rem;color:#cbd5e1;color:var(--color-text-secondary);display:grid;font-size:.875rem;gap:.5rem;grid-template-columns:1fr 1fr;margin-top:.5rem}.model-info{background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);margin-top:.5rem;margin-top:var(--space-sm);padding:1rem;padding:var(--space-lg)}.model-description{line-height:1.5;margin-bottom:.75rem;margin-bottom:var(--space-md)}.model-characteristics{color:#94a3b8;color:var(--color-text-tertiary);font-size:.8125rem}.model-characteristics ul{list-style-type:disc;margin:.5rem 0 0;margin:var(--space-sm) 0 0 0;padding-left:1rem;padding-left:var(--space-lg)}.model-characteristics li{margin-bottom:.25rem;margin-bottom:var(--space-xs)}.model-parameters{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-md);margin-top:.5rem;margin-top:var(--space-sm)}.parameter-item{grid-gap:.25rem .5rem;grid-gap:var(--space-xs) var(--space-sm);align-items:center;background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-sm);display:grid;gap:.25rem .5rem;gap:var(--space-xs) var(--space-sm);grid-template-columns:1fr 120px;grid-template-rows:auto auto;padding:.75rem;padding:var(--space-md)}.parameter-label{font-weight:500;grid-column:1}.parameter-input,.parameter-label{color:#f8fafc;color:var(--color-text-primary);font-size:.8125rem;grid-row:1}.parameter-input{background:#111113;background:var(--color-surface);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-sm);grid-column:2;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.parameter-input:focus{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f626;box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.parameter-description{color:#64748b;color:var(--color-text-muted);font-size:.75rem;font-style:italic;grid-column:1/-1;grid-row:2;line-height:1.4}.model-recommendations{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs);margin-top:.5rem;margin-top:var(--space-sm)}.recommendation-item{background:#252529;background:var(--color-surface-tertiary);border-left:3px solid #3b82f6;border-left:3px solid var(--color-primary);border-radius:.5rem;border-radius:var(--radius-sm);color:#cbd5e1;color:var(--color-text-secondary);font-size:.8125rem;padding:.5rem;padding:var(--space-sm)}@media (max-width:1024px){.parameter-item{grid-template-columns:1fr;grid-template-rows:auto auto auto}.parameter-input{grid-column:1;grid-row:2}.parameter-description{grid-row:3}}.distribution-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111113f2;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-family:Inter,system-ui,sans-serif;font-size:12px;max-width:400px;padding:12px;white-space:nowrap}.distribution-tooltip-title{border-bottom:1px solid #ffffff1a;color:#22c55e;font-size:13px;font-weight:600;margin-bottom:8px;padding-bottom:4px}.distribution-tooltip-params{display:flex;flex-direction:column;gap:4px}.param-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.param-label{color:#cbd5e1;font-weight:500}.param-value{font-feature-settings:"tnum";color:#fff;font-variant-numeric:tabular-nums;font-weight:600}.distribution-tooltip{animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.parameter-group{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);margin-bottom:3rem;margin-bottom:var(--space-3xl);padding:1.5rem;padding:var(--space-xl)}.parameter-group-title{border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--color-primary);color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1rem;font-weight:700;margin:0 0 1.5rem;margin:0 0 var(--space-xl) 0;padding-bottom:.5rem;padding-bottom:var(--space-sm)}.elements-overview-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111113cc;background:var(--glass-bg);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);border-bottom-left-radius:1.5rem;border-bottom-left-radius:var(--radius-xl);border-left:1px solid #ffffff1a;border-left:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d;box-shadow:var(--glass-shadow);max-height:200px;overflow:hidden;position:fixed;right:0;top:70px;transform:translateX(100%);transition:transform .3s ease-out;transition:transform var(--transition-slow);width:280px;z-index:998}.elements-overview-panel.open{transform:translateX(0)}.elements-overview-header{align-items:center;background:#1a1a1d;background:var(--color-surface-secondary);border-bottom:1px solid #2a2a2f;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--space-lg) var(--space-xl)}.elements-overview-title{color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;margin:0}.panel-minimize-btn{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#cbd5e1;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:24px;justify-content:center;padding:.25rem;padding:var(--space-xs);transition:all .2s ease-out;transition:all var(--transition-normal);width:24px}.panel-minimize-btn:hover{background:#252529;background:var(--color-surface-tertiary);color:#f8fafc;color:var(--color-text-primary)}.elements-overview-content{padding:1rem;padding:var(--space-lg)}.elements-stats-grid{grid-gap:.5rem;grid-gap:var(--space-sm);display:grid;gap:.5rem;gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}.stat-item-mini{background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);padding:.5rem;padding:var(--space-sm);text-align:center;transition:all .2s ease-out;transition:all var(--transition-normal)}.stat-item-mini:hover{border-color:#404048;border-color:var(--color-border-hover);box-shadow:0 1px 3px #0003,0 1px 2px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.stat-value-mini{color:#3b82f6;color:var(--color-primary);display:block;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700}.stat-label-mini{color:#94a3b8;color:var(--color-text-tertiary);font-family:Inter,sans-serif;font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}@media (max-width:1024px){.elements-overview-panel{border-left:none;border-radius:0;border-top:1px solid #ffffff1a;border-top:1px solid var(--glass-border);right:0;top:120px;width:100%}.elements-stats-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:768px){.elements-stats-grid{grid-template-columns:repeat(3,1fr)}}.element-list{max-height:200px;overflow-y:auto;padding-right:.5rem;padding-right:var(--space-sm)}.element-list::-webkit-scrollbar{width:4px}.element-list::-webkit-scrollbar-track{background:#111113;background:var(--color-surface);border-radius:2px}.element-list::-webkit-scrollbar-thumb{background:#404048;background:var(--color-border-hover);border-radius:2px}.element-list::-webkit-scrollbar-thumb:hover{background:#3b82f6;background:var(--color-primary)}.element-item{align-items:center;background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-bottom:.25rem;margin-bottom:var(--space-xs);padding:.5rem .75rem;padding:var(--space-sm) var(--space-md);transition:all .2s ease-out;transition:all var(--transition-normal)}.element-item:hover{background:#2a2a2f;background:var(--color-surface-elevated);border-color:#404048;border-color:var(--color-border-hover);transform:translateX(2px)}.element-name{color:#f8fafc;color:var(--color-text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500}.element-name.clickable{color:#3b82f6;color:var(--color-primary)}.element-name.clickable:hover{color:#2563eb;color:var(--color-primary-hover);text-decoration:underline}.element-delete-btn{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#ef4444;color:var(--color-error);cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:24px;justify-content:center;padding:.25rem;padding:var(--space-xs);transition:all .2s ease-out;transition:all var(--transition-normal);width:24px}.element-delete-btn:hover{background:#ef444426;background:var(--color-error-light);color:#ef4444;color:var(--color-error);transform:scale(1.1)}.element-empty{background:#111113;background:var(--color-surface);border:1px dashed #2a2a2f;border:1px dashed var(--color-border);border-radius:.5rem;border-radius:var(--radius-sm);color:#64748b;color:var(--color-text-muted);font-size:.8125rem;font-style:italic;padding:1rem;padding:var(--space-lg);text-align:center}.sidebar-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.visibility-toggle{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:all .2s ease}.visibility-toggle:hover{background-color:#ffffff1a}.visibility-toggle.hidden{opacity:.4}.element-item.highlighted{background-color:#6366f133;border-left:3px solid #6366f1}.element-name.clickable{cursor:pointer;transition:color .2s ease}.element-name.clickable:hover{color:#6366f1}.element-actions{align-items:center;display:flex;gap:4px}.element-visibility-toggle{background:none;border:none;border-radius:3px;cursor:pointer;font-size:1rem;padding:.2rem;transition:all .2s ease}.element-visibility-toggle:hover{background-color:#ffffff1a}.element-visibility-toggle.hidden{opacity:.4}.set-management-expanded{background-color:var(--color-bg-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:4px;margin-top:8px;padding:8px}.set-management-header{font-size:.875rem;margin-bottom:8px}.add-to-set h4,.set-distributions-list h4{color:#cbd5e1;color:var(--color-text-secondary);font-size:.75rem;margin:8px 0 4px}.set-distribution-item{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;padding:4px 0}.remove-btn{background:var(--color-danger);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:.7rem;padding:2px 6px}.remove-btn:hover{background:var(--color-danger-hover)}.sidebar-btn-small{background:#3b82f6;background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:4px 8px}.sidebar-btn-small:hover{background:#2563eb;background:var(--color-primary-hover)}.scenario-gallery-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.scenario-gallery{background:#111113;background:var(--color-surface);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px #00000080,0 10px 10px #0000004d;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:85vh;max-width:1200px;overflow:hidden;position:relative;width:90vw}.scenario-gallery:before{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));content:"";height:4px;left:0;position:absolute;right:0;top:0}.scenario-gallery-header{align-items:center;background:#1a1a1d;background:var(--color-surface-secondary);border-bottom:1px solid #2a2a2f;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem 2rem;padding:var(--space-xl) var(--space-2xl);position:relative}.scenario-gallery-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#cbd5e1);background:linear-gradient(135deg,var(--color-text-primary),var(--color-text-secondary));-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#94a3b8;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;padding:var(--space-sm);transition:all .2s ease-out;transition:all var(--transition-normal);width:40px}.close-button:hover{background:#303037;background:var(--color-surface-hover);color:#f8fafc;color:var(--color-text-primary);transform:scale(1.1)}.gallery-filters{background:#111113;background:var(--color-surface);border-bottom:1px solid #2a2a2f;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-lg);padding:1.5rem 2rem;padding:var(--space-xl) var(--space-2xl)}.filter-group{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs);min-width:120px}.search-input{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:.875rem;min-width:200px;padding:.75rem 1rem;padding:var(--space-md) var(--space-lg);transition:all .2s ease-out;transition:all var(--transition-normal)}.search-input:focus{background:#252529;background:var(--color-surface-tertiary);border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626,0 4px 6px #0000004d,0 2px 4px #0003;box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-md);outline:none}.search-input::placeholder{color:#64748b;color:var(--color-text-muted)}.filter-select{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);color:#f8fafc;color:var(--color-text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;padding:.75rem 1rem;padding:var(--space-md) var(--space-lg);transition:all .2s ease-out;transition:all var(--transition-normal)}.filter-select:focus{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.filter-select option{background:#1a1a1d;background:var(--color-surface-secondary);color:#f8fafc;color:var(--color-text-primary)}.scenario-gallery>div:nth-child(3){background:#111113;background:var(--color-surface);flex:1 1;overflow-y:auto;padding:1.5rem 2rem;padding:var(--space-xl) var(--space-2xl)}.scenario-gallery>div:nth-child(3)::-webkit-scrollbar{width:8px}.scenario-gallery>div:nth-child(3)::-webkit-scrollbar-track{background:#1a1a1d;background:var(--color-surface-secondary);border-radius:4px}.scenario-gallery>div:nth-child(3)::-webkit-scrollbar-thumb{background:#404048;background:var(--color-border-hover);border-radius:4px}.scenario-gallery>div:nth-child(3)::-webkit-scrollbar-thumb:hover{background:#3b82f6;background:var(--color-primary)}.loading-state{align-items:center;color:#94a3b8;color:var(--color-text-tertiary);display:flex;flex-direction:column;height:200px;justify-content:center}.spinner{border:3px solid #252529;border-top:3px solid #3b82f6;border:3px solid var(--color-surface-tertiary);border-top-color:var(--color-primary);height:32px;width:32px}.error-message,.spinner{margin-bottom:1rem;margin-bottom:var(--space-lg)}.empty-state{color:#94a3b8;color:var(--color-text-tertiary);font-family:Inter,sans-serif;padding:3rem;padding:var(--space-3xl);text-align:center}.scenarios-grid{grid-gap:1.5rem;grid-gap:var(--space-xl);display:grid;gap:1.5rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem;margin-bottom:var(--space-2xl)}.scenario-card{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;height:auto;min-height:500px;overflow:hidden;position:relative;transition:all .2s ease-out;transition:all var(--transition-normal)}.scenario-card:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease-out;transition:left var(--transition-slow);width:100%}.scenario-card:hover:before{left:100%}.scenario-card:hover{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 20px 25px #00000080,0 10px 10px #0000004d;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.scenario-thumbnail{align-items:center;background:#252529;background:var(--color-surface-tertiary);display:flex;flex-shrink:0;height:160px;justify-content:center;overflow:hidden;position:relative}.scenario-thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail-placeholder{background:linear-gradient(135deg,#252529,#2a2a2f);background:linear-gradient(135deg,var(--color-surface-tertiary) 0,var(--color-surface-elevated) 100%);color:#64748b;color:var(--color-text-muted);font-size:3rem;height:100%;width:100%}.scenario-overlay,.thumbnail-placeholder{align-items:center;display:flex;justify-content:center}.scenario-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000c;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease-out;transition:opacity var(--transition-normal)}.scenario-card:hover .scenario-overlay{opacity:1}.load-button{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border:none;border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#0f172a;color:var(--color-text-inverse);cursor:pointer;font-family:Inter,sans-serif;font-weight:600;padding:.75rem 1.5rem;padding:var(--space-md) var(--space-xl);transition:all .2s ease-out;transition:all var(--transition-normal)}.load-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--color-primary-hover) 0,#1e40af 100%);box-shadow:0 0 30px #3b82f666,0 10px 15px #0006,0 4px 6px #0000004d;box-shadow:0 0 30px #3b82f666,var(--shadow-lg);transform:translateY(-2px)}.scenario-info{background:#1a1a1d;background:var(--color-surface-secondary);display:flex;flex:1 1;flex-direction:column;min-height:20%;padding:1rem 1.5rem;padding:var(--space-lg) var(--space-xl)}.scenario-title{color:#f8fafc;color:var(--color-text-primary);flex-shrink:0;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0 0 .5rem;margin:0 0 var(--space-sm) 0}.scenario-description{word-wrap:break-word;color:#94a3b8;color:var(--color-text-tertiary);display:block;flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.6;margin:0;max-height:5%;min-height:60px;overflow-y:auto;padding-right:.25rem;padding-right:var(--space-xs)}.scenario-description::-webkit-scrollbar{width:4px}.scenario-description::-webkit-scrollbar-track{background:#252529;background:var(--color-surface-tertiary);border-radius:2px}.scenario-description::-webkit-scrollbar-thumb{background:#404048;background:var(--color-border-hover);border-radius:2px}.scenario-description::-webkit-scrollbar-thumb:hover{background:#3b82f6;background:var(--color-primary)}.scenario-meta{display:flex;flex-shrink:0;gap:.5rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-lg)}.scenario-category,.scenario-difficulty{border-radius:9999px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;padding:.25rem .75rem;padding:var(--space-xs) var(--space-md);text-transform:capitalize}.scenario-category{background:#3b82f626;background:var(--color-primary-light);border:1px solid #3b82f6;border:1px solid var(--color-primary);color:#3b82f6;color:var(--color-primary)}.scenario-difficulty{background:#10b98126;background:var(--color-accent-light);border:1px solid #10b981;border:1px solid var(--color-accent);color:#10b981;color:var(--color-accent)}.scenario-tags{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-lg)}.scenario-tag{background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-sm);color:#cbd5e1;color:var(--color-text-secondary);font-family:Inter,sans-serif;font-size:.75rem;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.scenario-stats{flex-shrink:0;gap:1rem;gap:var(--space-lg);margin-bottom:.75rem;margin-bottom:var(--space-md)}.scenario-stats,.stat{align-items:center;display:flex}.stat{font-family:Inter,sans-serif;font-size:.75rem;gap:.25rem;gap:var(--space-xs)}.stat,.stat-button{color:#94a3b8;color:var(--color-text-tertiary)}.stat-button{background:none;border:none;cursor:pointer;transition:color .2s ease-out;transition:color var(--transition-normal)}.stat-button:hover{color:#ef4444;color:var(--color-error)}.stat-icon{font-size:.875rem}.scenario-author{color:#64748b;color:var(--color-text-muted);flex-shrink:0;font-family:Inter,sans-serif;font-size:.75rem;font-style:italic}.pagination{align-items:center;display:flex;gap:1rem;gap:var(--space-lg);justify-content:center;padding:1rem 0;padding:var(--space-lg) 0}.pagination-button{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);color:#f8fafc;color:var(--color-text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:.5rem 1rem;padding:var(--space-sm) var(--space-lg);transition:all .2s ease-out;transition:all var(--transition-normal)}.pagination-button:hover:not(:disabled){background:#303037;background:var(--color-surface-hover);border-color:#404048;border-color:var(--color-border-hover);transform:translateY(-1px)}.pagination-button:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#94a3b8;color:var(--color-text-tertiary);font-family:Inter,sans-serif;font-size:.875rem}@media (max-width:768px){.scenario-gallery{height:90vh;width:95vw}.gallery-filters,.scenario-gallery-header{padding:1rem;padding:var(--space-lg)}.gallery-filters{flex-direction:column;gap:1rem;gap:var(--space-lg)}.scenarios-grid{gap:1rem;gap:var(--space-lg);grid-template-columns:1fr}.scenario-gallery>div:nth-child(3){padding:1rem;padding:var(--space-lg)}.scenario-card{height:auto;max-height:none;min-height:450px}.scenario-description{max-height:100px;min-height:50px}.scenario-info{min-height:20%;padding:1rem;padding:var(--space-lg)}.scenario-thumbnail{height:140px}}@media (max-width:480px){.scenario-gallery{border-radius:0;height:100vh;width:100vw}.gallery-filters,.scenario-gallery-header,.scenario-gallery>div:nth-child(3){padding:.75rem;padding:var(--space-md)}.scenario-description{max-height:80px;min-height:40px}.scenario-info{min-height:20%;padding:.75rem;padding:var(--space-md)}.scenario-thumbnail{height:120px}}:root{--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:#f59e0b26;--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-light:#ef444426}.scenario-upload-modal{background:#111113;background:var(--color-surface);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px #00000080,0 10px 10px #0000004d;box-shadow:var(--shadow-xl);max-height:85vh;max-width:600px;overflow-y:auto;position:relative;width:90vw}.scenario-upload-modal:before{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));content:"";height:4px;left:0;position:absolute;right:0}.modal-header,.scenario-upload-modal:before{border-radius:1.5rem 1.5rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;top:0}.modal-header{align-items:center;background:#1a1a1d;background:var(--color-surface-secondary);border-bottom:1px solid #2a2a2f;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem 2rem;padding:var(--space-xl) var(--space-2xl);position:-webkit-sticky;position:sticky;z-index:10}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#cbd5e1);background:linear-gradient(135deg,var(--color-text-primary),var(--color-text-secondary));-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#94a3b8;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;padding:.5rem;padding:var(--space-sm);transition:all .2s ease-out;transition:all var(--transition-normal);width:36px}.modal-close-btn:hover{background:#303037;background:var(--color-surface-hover);color:#f8fafc;color:var(--color-text-primary);transform:scale(1.1)}.upload-form{background:#111113;background:var(--color-surface);padding:2rem;padding:var(--space-2xl)}.form-section{margin-bottom:2rem;margin-bottom:var(--space-2xl)}.form-section h3{border-bottom:2px solid #2a2a2f;border-bottom:2px solid var(--color-border);color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1rem;font-weight:700;margin:0 0 1rem;margin:0 0 var(--space-lg) 0;padding-bottom:.5rem;padding-bottom:var(--space-sm);position:relative}.form-section h3:after{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));bottom:-2px;content:"";height:2px;left:0;position:absolute;width:40px}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-xl)}.form-row{grid-gap:1rem;grid-gap:var(--space-lg);display:grid;gap:1rem;gap:var(--space-lg);grid-template-columns:1fr 1fr}.form-group label{color:#f8fafc;color:var(--color-text-primary);display:block;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.form-group input[type=email],.form-group input[type=text],.form-group select,.form-group textarea{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:.875rem;padding:.75rem 1rem;padding:var(--space-md) var(--space-lg);transition:all .2s ease-out;transition:all var(--transition-normal);width:100%}.form-group input[type=email]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{background:#252529;background:var(--color-surface-tertiary);border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626,0 4px 6px #0000004d,0 2px 4px #0003;box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-md);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b;color:var(--color-text-muted)}.form-group select option{background:#1a1a1d;background:var(--color-surface-secondary);color:#f8fafc;color:var(--color-text-primary)}.form-group textarea{line-height:1.5;min-height:80px;resize:vertical}.form-group input[type=file]{background:#252529;background:var(--color-surface-tertiary);border:2px dashed #2a2a2f;border:2px dashed var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);color:#cbd5e1;color:var(--color-text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;overflow:hidden;padding:1rem;padding:var(--space-lg);position:relative;text-align:center;transition:all .2s ease-out;transition:all var(--transition-normal);width:100%}.form-group input[type=file]:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .2s ease-out;transition:left var(--transition-normal);width:100%}.form-group input[type=file]:hover:before{left:100%}.form-group input[type=file]:hover{color:#f8fafc;color:var(--color-text-primary)}.form-group input[type=file]:focus,.form-group input[type=file]:hover{background:#3b82f626;background:var(--color-primary-light);border-color:#3b82f6;border-color:var(--color-primary)}.form-group input[type=file]:focus{box-shadow:0 0 0 3px #3b82f626;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-group small{color:#64748b;color:var(--color-text-muted);display:block;font-family:Inter,sans-serif;font-size:.75rem;line-height:1.4;margin-top:.5rem;margin-top:var(--space-sm)}.form-actions{border-top:1px solid #2a2a2f;border-top:1px solid var(--color-border);display:flex;gap:1rem;gap:var(--space-lg);justify-content:flex-end;margin-top:2rem;margin-top:var(--space-2xl);padding-top:1.5rem;padding-top:var(--space-xl)}.btn{border-radius:.75rem;border-radius:var(--radius-md);display:flex;font-size:.875rem;padding:.75rem 1.5rem;padding:var(--space-md) var(--space-xl)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#0f172a;color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--color-primary-hover) 0,#1e40af 100%);box-shadow:0 0 30px #3b82f666,0 10px 15px #0006,0 4px 6px #0000004d;box-shadow:0 0 30px #3b82f666,var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);color:#f8fafc;color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:#252529;background:var(--color-surface-tertiary);border-color:#404048;border-color:var(--color-border-hover);transform:translateY(-1px)}.spinner{border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.error-message{background:#ef444426;background:var(--color-error-light);border:1px solid #ef4444;border:1px solid var(--color-error);border-radius:.75rem;border-radius:var(--radius-md);color:#ef4444;color:var(--color-error);font-family:Inter,sans-serif;font-size:.875rem;margin:1rem 0;margin:var(--space-lg) 0;overflow:hidden;padding:1rem;padding:var(--space-lg);position:relative}.error-message:before{background:#ef4444;background:var(--color-error);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.file-upload-area{border-radius:.75rem;border-radius:var(--radius-md);position:relative;transition:all .2s ease-out;transition:all var(--transition-normal)}.file-upload-area.dragover{background:#3b82f626;background:var(--color-primary-light);border-color:#3b82f6;border-color:var(--color-primary);transform:scale(1.02)}.file-upload-preview{background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-sm);color:#cbd5e1;color:var(--color-text-secondary);font-family:Inter,sans-serif;font-size:.75rem;margin-top:.5rem;margin-top:var(--space-sm);padding:.5rem;padding:var(--space-sm)}.success-message{background:#22c55e26;background:var(--color-success-light);border:1px solid #22c55e;border:1px solid var(--color-success);border-radius:.75rem;border-radius:var(--radius-md);color:#22c55e;color:var(--color-success);font-family:Inter,sans-serif;font-size:.875rem;margin:1rem 0;margin:var(--space-lg) 0;overflow:hidden;padding:1rem;padding:var(--space-lg);position:relative}.success-message:before{background:#22c55e;background:var(--color-success);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.character-counter{color:#64748b;color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;margin-top:.25rem;margin-top:var(--space-xs);text-align:right}.character-counter.warning{color:#f59e0b;color:var(--color-warning)}.character-counter.error{color:#ef4444;color:var(--color-error)}.scenario-upload-modal::-webkit-scrollbar{width:8px}.scenario-upload-modal::-webkit-scrollbar-track{background:#1a1a1d;background:var(--color-surface-secondary);border-radius:4px}.scenario-upload-modal::-webkit-scrollbar-thumb{background:#404048;background:var(--color-border-hover);border-radius:4px}.scenario-upload-modal::-webkit-scrollbar-thumb:hover{background:#3b82f6;background:var(--color-primary)}.form-group.required label:after{color:#ef4444;color:var(--color-error);content:" *";font-weight:700}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:#ef4444;border-color:var(--color-error);box-shadow:0 0 0 3px #ef444426;box-shadow:0 0 0 3px var(--color-error-light)}.form-group.has-success input,.form-group.has-success select,.form-group.has-success textarea{border-color:#22c55e;border-color:var(--color-success);box-shadow:0 0 0 3px #22c55e26;box-shadow:0 0 0 3px var(--color-success-light)}.file-upload-icon{color:#3b82f6;color:var(--color-primary);display:inline-block;font-size:1.2rem;margin-right:.5rem;margin-right:var(--space-sm);opacity:.7}.btn.loading{opacity:.8;pointer-events:none;position:relative}.btn.loading .spinner{margin-right:.5rem;margin-right:var(--space-sm)}.form-section{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upload-progress{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);margin-top:1rem;margin-top:var(--space-lg);padding:1rem;padding:var(--space-lg)}.progress-bar{background:#252529;background:var(--color-surface-tertiary);border-radius:4px;height:8px;margin-bottom:.5rem;margin-bottom:var(--space-sm);overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:4px;height:100%;position:relative;transition:width .3s ease-out;transition:width var(--transition-slow)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-text{color:#cbd5e1;color:var(--color-text-secondary);font-family:Inter,sans-serif;font-size:.8125rem;text-align:center}@media (max-width:768px){.scenario-upload-modal{margin:1rem;margin:var(--space-lg);max-height:90vh;width:95vw}.modal-header{padding:1rem;padding:var(--space-lg)}.upload-form{padding:1.5rem;padding:var(--space-xl)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}}@media (max-width:480px){.scenario-upload-modal{border-radius:0;height:100vh;margin:0;width:100vw}.modal-header{border-radius:0}.upload-form{padding:1rem;padding:var(--space-lg)}}.chatbot-fab{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:24px;box-shadow:0 8px 24px #667eea66;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:9999}.chatbot-fab:hover{box-shadow:0 12px 32px #667eea80;transform:translateY(-4px)}.chatbot-fab:active{transform:translateY(-2px)}.chatbot-fab.open{background:linear-gradient(135deg,#f093fb,#f5576c)}.chatbot-window{animation:slideIn .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#111113fa,#111113);border-radius:20px;bottom:100px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;height:650px;max-height:calc(100vh - 140px);overflow:hidden;position:fixed;right:24px;width:420px;z-index:9998}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.chatbot-window{bottom:90px;height:calc(100vh - 120px);right:16px;width:calc(100vw - 32px)}.chatbot-fab{bottom:16px;height:56px;right:16px;width:56px}}.chatbot-header{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.chatbot-header-content{align-items:center;display:flex;gap:12px}.chatbot-icon{align-items:center;display:flex;height:36px;justify-content:center;width:36px}.chatbot-title{color:#f8fafc;font-size:17px;font-weight:600;letter-spacing:-.3px;margin:0}.chatbot-subtitle{color:#94a3b8;font-size:12px;font-weight:400;margin:2px 0 0}.chatbot-header-actions{display:flex;gap:8px}.chatbot-btn-icon{align-items:center;background:#ffffff14;border:none;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.chatbot-btn-icon:hover{background:#ffffff26;color:#f8fafc}.chatbot-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:20px 24px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#0000}.chatbot-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.chatbot-message{align-items:flex-start;animation:fadeIn .3s ease-out;display:flex;gap:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-avatar{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.user-message{flex-direction:row-reverse}.user-message .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.assistant-message .message-avatar{background:linear-gradient(135deg,#fa709a,#fee140);color:#1a1a1c}.message-content{word-wrap:break-word;border-radius:16px;font-size:14px;line-height:1.6;max-width:75%;padding:12px 16px;white-space:pre-wrap}.user-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:6px;box-shadow:0 2px 8px #667eea4d;color:#fff;margin-left:auto}.assistant-message .message-content{background:#ffffff0f;border:1px solid #ffffff14;border-bottom-left-radius:6px;color:#f8fafc}.typing-indicator{display:flex;gap:6px;padding:8px 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:currentColor;border-radius:50%;height:8px;opacity:.6;width:8px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chatbot-input-form{align-items:flex-end;background:#0003;border-top:1px solid #ffffff14;display:flex;flex-shrink:0;gap:12px;padding:16px 20px 20px}.chatbot-input{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;color:#f8fafc;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;max-height:120px;min-height:44px;outline:none;overflow-y:auto;padding:12px 16px;resize:none;transition:all .2s}.chatbot-input::-webkit-scrollbar{width:4px}.chatbot-input::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.chatbot-input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chatbot-input::placeholder{color:#64748b}.chatbot-input:disabled{cursor:not-allowed;opacity:.6}.chatbot-btn-send{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.chatbot-btn-send:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.chatbot-btn-send:disabled{cursor:not-allowed;opacity:.5}.chatbot-btn-send:active:not(:disabled){transform:translateY(0)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.journey-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:500px;overflow-y:auto;padding:var(--space-2xl);position:relative}.journey-editor:before{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.journey-editor::-webkit-scrollbar{width:6px}.journey-editor::-webkit-scrollbar-track{background:var(--color-surface);border-radius:3px}.journey-editor::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:3px}.journey-editor::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.journey-editor-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg)}.journey-editor-header h3{color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 var(--space-xs) 0}.journey-editor-header p{color:var(--color-text-secondary);font-family:Inter,sans-serif;font-size:.875rem;margin:0}.journey-editor-empty{background:var(--color-surface-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);padding:var(--space-3xl);text-align:center}.waypoint-list h4{color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin:0 0 var(--space-lg) 0}.waypoint-item{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--space-md);overflow:hidden;position:relative;transition:all var(--transition-normal)}.waypoint-item:before{background:linear-gradient(90deg,#0000,var(--color-primary-light),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.waypoint-item:hover:before{left:100%}.waypoint-item:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.waypoint-item.selected{background:var(--color-surface-tertiary);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.waypoint-item-header{align-items:center;display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl);position:relative;z-index:1}.waypoint-name{color:var(--color-text-primary);font-family:Inter,sans-serif;font-weight:600}.waypoint-status{align-items:center;display:flex;gap:var(--space-md)}.journey-count{color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:.75rem;font-weight:500}.routing-indicator{color:var(--color-accent);font-size:1rem}.waypoint-details{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-xl)}.no-journeys{color:var(--color-text-muted);font-family:Inter,sans-serif;font-style:italic;margin:0}.journey-routing{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-xl);padding:var(--space-lg);transition:all var(--transition-normal)}.journey-routing:last-child{margin-bottom:0}.journey-routing:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.journey-header{align-items:center;display:flex;justify-content:space-between;padding:var(--space-md) 0}.journey-header.clickable{border-radius:var(--radius-sm);cursor:pointer;margin:calc(var(--space-md)*-1);padding:var(--space-md);transition:background-color var(--transition-normal)}.journey-header.clickable:hover{background-color:var(--color-surface-hover)}.journey-header-content{align-items:center;display:flex;flex:1 1;gap:var(--space-md)}.expand-indicator{color:var(--color-text-muted);font-size:.8rem;font-weight:600;text-align:center;transition:transform var(--transition-normal);width:12px}.destinations-count{color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;margin-left:auto}.journey-header h5{color:var(--color-text-primary);font-size:.875rem;margin:0}.add-destination-btn,.journey-header h5{font-family:Inter,sans-serif;font-weight:600}.add-destination-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-text-inverse);cursor:pointer;font-size:.75rem;padding:var(--space-xs) var(--space-md);transition:all var(--transition-normal)}.add-destination-btn:hover{background:linear-gradient(135deg,var(--color-primary-hover),#1e40af);box-shadow:var(--shadow-md);transform:translateY(-1px)}.journey-content{border-left:2px solid var(--color-primary);margin-top:var(--space-md);padding-left:var(--space-xl);position:relative}.journey-content:before{background:linear-gradient(to bottom,var(--color-primary),var(--color-accent));bottom:0;content:"";left:-2px;position:absolute;top:0;width:2px}.destination-item{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-md);margin-bottom:var(--space-md);overflow:hidden;padding:var(--space-lg);position:relative;transition:all var(--transition-normal)}.destination-item:before{background:linear-gradient(90deg,#0000,var(--color-primary-light),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.destination-item:hover:before{left:100%}.destination-item:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.destination-select{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:var(--space-sm) var(--space-md);position:relative;transition:all var(--transition-normal);z-index:1}.destination-select:focus{background:var(--color-surface-tertiary);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.percentage-input-group{align-items:center;display:flex;position:relative;z-index:1}.percentage-input{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-md);text-align:right;transition:all var(--transition-normal);width:70px}.percentage-input:focus{background:var(--color-surface-tertiary);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.percentage-symbol{color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;pointer-events:none;position:absolute;right:var(--space-sm)}.remove-destination-btn{align-items:center;background:linear-gradient(135deg,var(--color-error),var(--color-error-hover));border:none;border-radius:50%;box-shadow:var(--shadow-sm);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:28px;justify-content:center;line-height:1;position:relative;transition:all var(--transition-normal);width:28px;z-index:1}.remove-destination-btn:hover{background:linear-gradient(135deg,var(--color-error-hover),#b91c1c);box-shadow:var(--shadow-md);transform:scale(1.1)}.percentage-total{border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);text-align:center;transition:all var(--transition-normal)}.percentage-total.valid{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.percentage-total.invalid{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error)}.percentage-warning{font-style:italic;font-weight:500;opacity:.9}@media (max-width:768px){.journey-editor{padding:var(--space-xl)}.waypoint-item-header{padding:var(--space-md) var(--space-lg)}.waypoint-details{padding:var(--space-lg)}.journey-routing{padding:var(--space-md)}.destination-item{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.percentage-input-group,.remove-destination-btn{align-self:center}}@media (max-width:480px){.journey-editor{max-height:400px;padding:var(--space-lg)}.journey-header-content{gap:var(--space-sm)}.destinations-count{display:none}}.journey-assignment-tool{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-2xl);overflow:hidden;padding:var(--space-2xl);position:relative}.journey-assignment-tool:before{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.journey-assignment-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg)}.journey-assignment-header h3{color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1.125rem;font-weight:700;margin:0 0 var(--space-xs) 0}.journey-assignment-header p{color:var(--color-text-secondary);font-family:Inter,sans-serif;font-size:.875rem;margin:0}.journey-selection{margin-bottom:var(--space-xl)}.current-journey{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.current-journey:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.current-journey label{font-weight:600;min-width:100px}.current-journey label,.journey-select{color:var(--color-text-primary);font-family:Inter,sans-serif}.journey-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1 1;font-size:.875rem;font-weight:500;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-normal)}.journey-select:focus{background:var(--color-surface-tertiary);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.journey-select option{background:var(--color-surface);color:var(--color-text-primary)}.journey-color-indicator{border:2px solid var(--color-text-inverse);border-radius:50%;box-shadow:var(--shadow-sm);height:24px;transition:all var(--transition-normal);width:24px}.journey-color-indicator:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.journey-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.add-journey-btn{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text-inverse);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;overflow:hidden;padding:var(--space-md) var(--space-xl);position:relative;transition:all var(--transition-normal)}.add-journey-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.add-journey-btn:hover:before{left:100%}.add-journey-btn:hover{background:linear-gradient(135deg,var(--color-accent-hover),#047857);box-shadow:var(--shadow-md);transform:translateY(-1px)}.journey-list h4{color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin:0 0 var(--space-lg) 0}.journey-item{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--space-md);overflow:hidden;padding:var(--space-lg) var(--space-xl);position:relative;transition:all var(--transition-normal)}.journey-item:before{background:linear-gradient(90deg,#0000,var(--color-primary-light),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-normal);width:100%}.journey-item:hover:before{left:100%}.journey-item:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateX(2px)}.journey-info{align-items:center;display:flex;gap:var(--space-md);position:relative;z-index:1}.journey-color-dot{border:1px solid var(--color-border);border-radius:50%;box-shadow:var(--shadow-sm);height:16px;transition:all var(--transition-normal);width:16px}.journey-color-dot:hover{box-shadow:var(--shadow-md);transform:scale(1.2)}.journey-name{color:var(--color-text-primary);font-family:Inter,sans-serif;font-weight:600}.connection-count{color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:.75rem;font-weight:500}.delete-journey-btn{align-items:center;background:linear-gradient(135deg,var(--color-error),var(--color-error-hover));border:none;border-radius:50%;box-shadow:var(--shadow-sm);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:28px;justify-content:center;line-height:1;position:relative;transition:all var(--transition-normal);width:28px;z-index:1}.delete-journey-btn:hover{background:linear-gradient(135deg,var(--color-error-hover),#b91c1c);box-shadow:var(--shadow-md);transform:scale(1.1)}.journey-instructions{background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-lg);margin-top:var(--space-2xl);overflow:hidden;padding:var(--space-lg);position:relative}.journey-instructions:before{background:linear-gradient(to bottom,var(--color-primary),var(--color-accent));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.journey-instructions h4{font-size:.875rem;font-weight:700;margin:0 0 var(--space-md) 0;padding-left:var(--space-lg)}.journey-instructions h4,.journey-instructions ol{color:var(--color-primary);font-family:Inter,sans-serif}.journey-instructions ol{font-size:.8125rem;line-height:1.5;margin:0;padding-left:var(--space-3xl)}.journey-instructions li{font-weight:500;margin-bottom:var(--space-xs)}input[type=hidden]{display:none}@media (max-width:768px){.journey-assignment-tool{padding:var(--space-xl)}.current-journey{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.current-journey label{min-width:0;min-width:auto}.journey-actions{justify-content:center}.journey-item{padding:var(--space-md) var(--space-lg)}.journey-instructions{padding:var(--space-md)}.journey-instructions ol{padding-left:var(--space-2xl)}}@media (max-width:480px){.journey-assignment-tool{padding:var(--space-lg)}.journey-info{gap:var(--space-sm)}.connection-count{display:none}.journey-instructions h4{padding-left:var(--space-md)}}.performance-monitor{background:#f8f9fa;border-radius:8px;margin:20px;padding:20px}.performance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.performance-header h2{color:#333;margin:0}.performance-controls{display:flex;gap:10px}.performance-controls button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.start-btn{background:#28a745;color:#fff}.stop-btn{background:#dc3545;color:#fff}.performance-controls button:not(.start-btn):not(.stop-btn){background:#007bff;color:#fff}.performance-controls button:hover{opacity:.9}.performance-controls button:disabled{background:#6c757d;cursor:not-allowed}.performance-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.metric-card{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;padding:15px}.metric-card h3{color:#495057;font-size:16px;margin:0 0 10px}.metric-card p{color:#6c757d;margin:5px 0}.endpoint-stats{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.endpoint-stats h3{color:#495057;font-size:18px;margin:0 0 15px}.stats-table{overflow-x:auto}.stats-table table{border-collapse:collapse;font-size:14px;width:100%}.stats-table td,.stats-table th{border-bottom:1px solid #dee2e6;color:#000;padding:12px;text-align:left}.stats-table th{border-top:1px solid #dee2e6;color:#000;font-weight:600}.stats-table tbody tr:hover,.stats-table th{background-color:#f8f9fa}.method-cell{color:#000;text-align:center}.method-badge{border-radius:4px;color:#000;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.method-badge.get{background-color:#d4edda;color:#155724}.method-badge.post{background-color:#cce7ff;color:#004085}.method-badge.put{background-color:#fff3cd;color:#856404}.method-badge.delete{background-color:#f8d7da;color:#721c24}.high-variance{color:#dc3545;font-weight:600}.low-variance{color:#28a745;font-weight:600}.performance-plot{margin:20px 0;text-align:center}.performance-plot img{border-radius:6px;box-shadow:0 4px 8px #0000001a;height:auto;max-width:100%}.monitoring-status{font-weight:500;margin-top:15px}.monitoring-status .monitoring{color:#28a745}.monitoring-status .stopped{color:#dc3545}:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#3b82f626;--color-primary-glow:#3b82f64d;--color-secondary:#64748b;--color-secondary-hover:#475569;--color-secondary-light:#64748b26;--color-accent:#10b981;--color-accent-hover:#059669;--color-accent-light:#10b98126;--color-success:#22c55e;--color-success-light:#22c55e26;--color-background:#0a0a0b;--color-surface:#111113;--color-surface-secondary:#1a1a1d;--color-surface-tertiary:#252529;--color-surface-elevated:#2a2a2f;--color-surface-hover:#303037;--color-border:#2a2a2f;--color-border-light:#353540;--color-border-focus:#3b82f6;--color-border-hover:#404048;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0f172a;--glass-bg:#111113cc;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000004d;--shadow-sm:0 1px 3px #0003,0 1px 2px #0000001a;--shadow-md:0 4px 6px #0000004d,0 2px 4px #0003;--shadow-lg:0 10px 15px #0006,0 4px 6px #0000004d;--shadow-xl:0 20px 25px #00000080,0 10px 10px #0000004d;--shadow-glow:0 0 20px #3b82f64d;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--transition-fast:0.15s ease-out;--transition-normal:0.2s ease-out;--transition-slow:0.3s ease-out}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0b;background:var(--color-background);color:#f8fafc;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6;margin:0;padding:0}.welcome-container{background:linear-gradient(135deg,#0a0a0b,#111113 50%,#0a0a0b);background:linear-gradient(135deg,var(--color-background) 0,var(--color-surface) 50%,var(--color-background) 100%);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.welcome-container:before{background:radial-gradient(circle at 30% 20%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 70% 80%,#10b9811a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.welcome-hero{grid-gap:3rem;grid-gap:var(--space-3xl);align-items:center;display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding:3rem 5%;padding:var(--space-3xl) 5%;position:relative;z-index:1}.hero-content,.welcome-hero{gap:3rem;gap:var(--space-3xl)}.hero-content{display:flex;flex-direction:column}.logo-section{text-align:left}.logo-circle{align-items:center;background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-xl);overflow:hidden;position:relative;width:80px}.logo-circle:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.logo-inner{color:#0f172a;color:var(--color-text-inverse);font-size:2rem}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#3b82f6);background:linear-gradient(135deg,var(--color-text-primary) 0,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin:0}.hero-subtitle{color:#cbd5e1;color:var(--color-text-secondary);font-size:clamp(1rem,2vw,1.25rem);font-weight:400;line-height:1.5;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-lg)}.btn{align-items:center;border:none;border-radius:1rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--space-sm);justify-content:center;overflow:hidden;padding:1rem 2rem;padding:var(--space-lg) var(--space-2xl);position:relative;text-decoration:none;transition:all .2s ease-out;transition:all var(--transition-normal)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease-out;transition:left var(--transition-slow);width:100%}.btn:hover:before{left:100%}.btn-hero-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#0f172a;color:var(--color-text-inverse)}.btn-hero-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--color-primary-hover) 0,#1e40af 100%);box-shadow:0 0 30px #3b82f666,0 10px 15px #0006,0 4px 6px #0000004d;box-shadow:0 0 30px #3b82f666,var(--shadow-lg);transform:translateY(-2px)}.btn-hero-secondary{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);color:#f8fafc;color:var(--color-text-primary)}.btn-hero-secondary:hover{background:#252529;background:var(--color-surface-tertiary);border-color:#404048;border-color:var(--color-border-hover);box-shadow:0 4px 6px #0000004d,0 2px 4px #0003;box-shadow:var(--shadow-md);transform:translateY(-1px)}.hero-visual{align-items:center;display:flex;justify-content:center}.simulation-preview{height:300px;width:300px}.simulation-preview:before{background-size:20px 20px}.preview-agents{height:100%;position:relative;width:100%}.agent{background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;box-shadow:0 0 10px #3b82f680;height:12px;position:absolute;width:12px}.agent-1{animation:moveAgent1 4s ease-in-out infinite;left:15%;top:20%}.agent-2{animation:moveAgent2 5s ease-in-out infinite;top:40%}.agent-3{animation:moveAgent3 3.5s ease-in-out infinite;left:35%;top:60%}.agent-4{animation:moveAgent4 4.5s ease-in-out infinite;left:65%;top:30%}.agent-5{animation:moveAgent5 3s ease-in-out infinite;left:75%;top:70%}.welcome-content{padding:3rem 5%;padding:var(--space-3xl) 5%;position:relative;z-index:1}.content-tabs{margin:0 auto;max-width:1200px}.tabs-nav{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);display:flex;margin-bottom:3rem;margin-bottom:var(--space-3xl);overflow-x:auto;padding:.25rem;padding:var(--space-xs)}.tab-button{background:#0000;border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#cbd5e1;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:1rem 1.5rem;padding:var(--space-lg) var(--space-xl);transition:all .2s ease-out;transition:all var(--transition-normal);white-space:nowrap}.tab-button:hover{background:#252529;background:var(--color-surface-tertiary);color:#f8fafc;color:var(--color-text-primary)}.tab-button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#0f172a;color:var(--color-text-inverse)}.tab-content-area{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:1.5rem;border-radius:var(--radius-xl);overflow:hidden}.tab-panel{animation:fadeInUp .3s ease-out;padding:3rem;padding:var(--space-3xl)}.section-header{margin-bottom:3rem;margin-bottom:var(--space-3xl);text-align:center}.section-header h2{color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:2rem;font-weight:700;margin:0 0 1rem;margin:0 0 var(--space-lg) 0}.section-header p{color:#cbd5e1;color:var(--color-text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.overview-grid{grid-gap:2rem;grid-gap:var(--space-2xl);display:grid;gap:2rem;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem;margin-bottom:var(--space-3xl)}.overview-card{background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);overflow:hidden;padding:2rem;padding:var(--space-2xl);position:relative;text-align:center;transition:all .2s ease-out;transition:all var(--transition-normal)}.overview-card:before{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));content:"";height:3px;left:0;position:absolute;right:0;top:0}.overview-card:hover{border-color:#404048;border-color:var(--color-border-hover);box-shadow:0 10px 15px #0006,0 4px 6px #0000004d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-icon{align-items:center;border-radius:50%;color:#0f172a;color:var(--color-text-inverse);display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--space-lg);width:60px}.card-icon.research{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%)}.card-icon.performance{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-hover) 100%)}.card-icon.accessible{background:linear-gradient(135deg,#64748b,#475569);background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-hover) 100%)}.overview-card h3{color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-md) 0}.overview-card p{color:#cbd5e1;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin:0}.applications-section{text-align:center}.applications-section h3{color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--space-xl)}.applications-grid{grid-gap:1rem;grid-gap:var(--space-lg);display:grid;gap:1rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.application-item{align-items:center;background:#111113;background:var(--color-surface);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);color:#cbd5e1;color:var(--color-text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;gap:var(--space-md);padding:1rem;padding:var(--space-lg);transition:all .2s ease-out;transition:all var(--transition-normal)}.application-item:hover{background:#252529;background:var(--color-surface-tertiary);border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 4px 6px #0000004d,0 2px 4px #0003;box-shadow:var(--shadow-md);color:#f8fafc;color:var(--color-text-primary);transform:translateY(-2px)}.features-grid{grid-gap:2rem;grid-gap:var(--space-2xl);display:grid;gap:2rem;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);overflow:hidden;padding:2rem;padding:var(--space-2xl);position:relative;transition:all .2s ease-out;transition:all var(--transition-normal)}.feature-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.feature-card.primary:before{background:linear-gradient(90deg,#3b82f6,#2563eb);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover))}.feature-card.secondary:before{background:linear-gradient(90deg,#10b981,#059669);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover))}.feature-card.accent:before{background:linear-gradient(90deg,#64748b,#475569);background:linear-gradient(90deg,var(--color-secondary),var(--color-secondary-hover))}.feature-card.success:before{background:linear-gradient(90deg,#22c55e,#16a34a);background:linear-gradient(90deg,var(--color-success),#16a34a)}.feature-card:hover{border-color:#404048;border-color:var(--color-border-hover);box-shadow:0 10px 15px #0006,0 4px 6px #0000004d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-header{align-items:center;display:flex;gap:1rem;gap:var(--space-lg);margin-bottom:1.5rem;margin-bottom:var(--space-xl)}.feature-header .icon{color:#3b82f6;color:var(--color-primary);font-size:1.5rem}.feature-header h3{color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;margin:0}.feature-card ul{list-style:none;margin:0;padding:0}.feature-card li{align-items:center;color:#cbd5e1;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:.5rem;gap:var(--space-sm);padding:.5rem 0;padding:var(--space-sm) 0}.feature-card li:before{color:#3b82f6;color:var(--color-primary);content:"→";font-weight:700}.workflow-steps{margin:0 auto;max-width:800px}.workflow-step{display:flex;gap:2rem;gap:var(--space-2xl);margin-bottom:3rem;margin-bottom:var(--space-3xl);position:relative}.workflow-step:not(:last-child):after{background:linear-gradient(180deg,#3b82f6,#10b981);background:linear-gradient(180deg,var(--color-primary),var(--color-accent));bottom:-3rem;content:"";left:30px;opacity:.3;position:absolute;top:60px;width:2px}.step-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#0f172a;color:var(--color-text-inverse);display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:60px;justify-content:center;width:60px}.step-content{flex:1 1;padding-top:.5rem;padding-top:var(--space-sm)}.step-content h3{color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-md) 0}.step-content p{color:#cbd5e1;color:var(--color-text-secondary);line-height:1.6;margin:0 0 1rem;margin:0 0 var(--space-lg) 0}.step-tools{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm)}.tool-tag{background:#111113;background:var(--color-surface);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-sm);color:#94a3b8;color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.models-grid{grid-gap:2rem;grid-gap:var(--space-2xl);display:grid;gap:2rem;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.model-card{background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-lg);overflow:hidden;padding:2rem;padding:var(--space-2xl);position:relative;transition:all .2s ease-out;transition:all var(--transition-normal)}.model-card:hover{border-color:#404048;border-color:var(--color-border-hover);box-shadow:0 10px 15px #0006,0 4px 6px #0000004d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.model-header{align-items:center;display:flex;gap:1rem;gap:var(--space-lg);margin-bottom:1rem;margin-bottom:var(--space-lg)}.model-indicator{border-radius:50%;height:12px;width:12px}.model-card.speed .model-indicator{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))}.model-card.force .model-indicator{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover))}.model-card.centrifugal .model-indicator{background:linear-gradient(135deg,#64748b,#475569);background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover))}.model-header h3{color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;margin:0}.model-description{color:#cbd5e1;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin:0 0 1rem;margin:0 0 var(--space-lg) 0}.model-features{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm)}.feature-tag{background:#111113;background:var(--color-surface);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-sm);color:#94a3b8;color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.welcome-footer{background:#1a1a1d;background:var(--color-surface-secondary);border-top:1px solid #2a2a2f;border-top:1px solid var(--color-border);margin-top:3rem;margin-top:var(--space-3xl);padding:3rem 5%;padding:var(--space-3xl) 5%;position:relative;z-index:1}.footer-content{align-items:center;display:flex;gap:2rem;gap:var(--space-2xl);justify-content:space-between;margin:0 auto;max-width:1200px}.footer-info h4{color:#f8fafc;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 .5rem;margin:0 0 var(--space-sm) 0}.footer-info p{color:#cbd5e1;color:var(--color-text-secondary);font-size:1rem;margin:0}.footer-actions{display:flex;gap:1rem;gap:var(--space-lg)}.btn-footer-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#0f172a;color:var(--color-text-inverse)}.btn-footer-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--color-primary-hover) 0,#1e40af 100%);box-shadow:0 0 30px #3b82f666,0 10px 15px #0006,0 4px 6px #0000004d;box-shadow:0 0 30px #3b82f666,var(--shadow-lg);transform:translateY(-2px)}.btn-footer-secondary{background:#252529;background:var(--color-surface-tertiary);border:1px solid #2a2a2f;border:1px solid var(--color-border);color:#f8fafc;color:var(--color-text-primary)}.btn-footer-secondary:hover{background:#2a2a2f;background:var(--color-surface-elevated);border-color:#404048;border-color:var(--color-border-hover);box-shadow:0 4px 6px #0000004d,0 2px 4px #0003;box-shadow:var(--shadow-md);transform:translateY(-1px)}.icon{align-items:center;display:inline-flex;justify-content:center}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes moveAgent1{0%,to{transform:translate(0)}25%{transform:translate(50px,-20px)}50%{transform:translate(100px,10px)}75%{transform:translate(120px,40px)}}@keyframes moveAgent2{0%,to{transform:translate(0)}33%{transform:translate(60px,-30px)}66%{transform:translate(90px,20px)}}@keyframes moveAgent3{0%,to{transform:translate(0)}50%{transform:translate(80px,-40px)}}@keyframes moveAgent4{0%,to{transform:translate(0)}25%{transform:translate(-40px,30px)}50%{transform:translate(-80px,10px)}75%{transform:translate(-60px,-20px)}}@keyframes moveAgent5{0%,to{transform:translate(0)}40%{transform:translate(-50px,-30px)}80%{transform:translate(-90px,10px)}}@media (max-width:1024px){.welcome-hero{gap:2rem;gap:var(--space-2xl);grid-template-columns:1fr;padding:2rem 5%;padding:var(--space-2xl) 5%}.logo-section,.welcome-hero{text-align:center}.hero-actions{justify-content:center}.simulation-preview{height:250px;width:250px}.footer-content{flex-direction:column;text-align:center}.footer-actions{justify-content:center}}@media (max-width:768px){.tabs-nav{flex-direction:column;gap:.25rem;gap:var(--space-xs)}.tab-button{text-align:center}.tab-panel{padding:1.5rem;padding:var(--space-xl)}.features-grid,.models-grid,.overview-grid{grid-template-columns:1fr}.workflow-step{flex-direction:column;gap:1rem;gap:var(--space-lg);text-align:center}.workflow-step:after{display:none}.step-number{margin:0 auto}.applications-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;width:100%}.btn{margin:0 auto;max-width:300px;width:100%}.footer-actions{flex-direction:column;width:100%}}.welcome-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111113cc;background:var(--glass-bg);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d;box-shadow:var(--glass-shadow);left:0;padding:1rem 0;padding:var(--space-lg) 0;position:fixed;right:0;top:0;z-index:1000}.nav-content{gap:2rem;gap:var(--space-2xl);justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 5%}.nav-brand,.nav-content{align-items:center;display:flex}.nav-brand{color:#f8fafc;color:var(--color-text-primary);font-size:1.25rem;font-weight:700;gap:.75rem;gap:var(--space-md)}.nav-links{display:flex;gap:1.5rem;gap:var(--space-xl)}.nav-links button{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#cbd5e1;color:var(--color-text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:.5rem .75rem;padding:var(--space-sm) var(--space-md);transition:all .2s ease-out;transition:all var(--transition-normal)}.nav-links button:hover{background:#252529;background:var(--color-surface-tertiary);color:#f8fafc;color:var(--color-text-primary)}.nav-actions{display:flex;gap:.75rem;gap:var(--space-md)}.nav-btn-secondary{background:#1a1a1d;background:var(--color-surface-secondary);border:1px solid #2a2a2f;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-md);color:#f8fafc;color:var(--color-text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:.5rem 1rem;padding:var(--space-sm) var(--space-lg);transition:all .2s ease-out;transition:all var(--transition-normal)}.nav-btn-secondary:hover{background:#252529;background:var(--color-surface-tertiary);border-color:#404048;border-color:var(--color-border-hover)}.nav-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:none;border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#0f172a;color:var(--color-text-inverse);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:.5rem 1rem;padding:var(--space-sm) var(--space-lg);transition:all .2s ease-out;transition:all var(--transition-normal)}.nav-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--color-primary-hover),#1e40af);box-shadow:0 0 20px #3b82f666;transform:translateY(-1px)}.welcome-hero{padding-top:calc(3rem + 80px);padding-top:calc(var(--space-3xl) + 80px)}.simulation-preview{height:400px;width:400px}.preview-background{height:100%;overflow:hidden;position:absolute;width:100%}.moving-blob{filter:blur(40px);opacity:.3}.blob-1{animation:floatBlob1 8s ease-in-out infinite;height:120px;left:10%;top:20%;width:120px}.blob-2{animation:floatBlob2 10s ease-in-out infinite;height:80px;right:15%;top:60%;width:80px}.blob-3{animation:floatBlob3 12s ease-in-out infinite;bottom:10%;height:100px;left:30%;width:100px}.preview-distribution{background:#22c55e;background:var(--color-success);border-radius:.5rem;border-radius:var(--radius-sm);box-shadow:0 0 20px #22c55e66;height:40px;width:60px}.distribution-label{color:#fff;font-size:.75rem;font-weight:600}.preview-exit{background:#ef4444;border-radius:.5rem;border-radius:var(--radius-sm);box-shadow:0 0 20px #ef444466;height:30px;width:50px}.exit-label{color:#fff;font-size:.75rem;font-weight:600}.welcome-content{background:linear-gradient(180deg,#0000,#1a1a1d);background:linear-gradient(180deg,#0000 0,var(--color-surface-secondary) 100%);margin-top:3rem;margin-top:var(--space-3xl);padding:3rem 5% 6rem;padding:var(--space-3xl) 5% calc(var(--space-3xl)*2)}.tab-content-area{background:#111113;background:var(--color-surface);box-shadow:0 20px 25px #00000080,0 10px 10px #0000004d;box-shadow:var(--shadow-xl);transform:scale(1.02)}.tab-panel{min-height:600px;padding:4.5rem;padding:calc(var(--space-3xl)*1.5)}.section-header h2{font-size:2.5rem}.section-header p{font-size:1.25rem}.agent-1{animation:moveAgent1Enhanced 6s ease-in-out infinite;left:35%;top:25%}.agent-2{animation:moveAgent2Enhanced 7s ease-in-out infinite;left:25%;top:35%}.agent-3{animation:moveAgent3Enhanced 5s ease-in-out infinite;left:40%;top:45%}.agent-4{animation:moveAgent4Enhanced 6.5s ease-in-out infinite;left:50%;top:55%}.agent-5{animation:moveAgent5Enhanced 5.5s ease-in-out infinite;left:35%;top:65%}@keyframes moveAgent1Enhanced{0%,to{transform:translate(0)}25%{transform:translate(40px,-15px)}50%{transform:translate(80px,10px)}75%{transform:translate(120px,35px)}}@keyframes moveAgent2Enhanced{0%,to{transform:translate(0)}33%{transform:translate(50px,-25px)}66%{transform:translate(90px,15px)}}@keyframes moveAgent3Enhanced{0%,to{transform:translate(0)}50%{transform:translate(70px,-30px)}}@keyframes moveAgent4Enhanced{0%,to{transform:translate(0)}25%{transform:translate(30px,25px)}50%{transform:translate(60px,5px)}75%{transform:translate(90px,-15px)}}@keyframes moveAgent5Enhanced{0%,to{transform:translate(0)}40%{transform:translate(45px,-20px)}80%{transform:translate(85px,10px)}}@media (max-width:768px){.nav-content{flex-wrap:wrap;gap:1rem;gap:var(--space-lg)}.nav-links{gap:.75rem;gap:var(--space-md);justify-content:center;order:3;width:100%}.nav-actions{gap:.5rem;gap:var(--space-sm)}.nav-btn-primary,.nav-btn-secondary{font-size:.8125rem;padding:.25rem .75rem;padding:var(--space-xs) var(--space-md)}.welcome-hero{padding-top:calc(2rem + 120px);padding-top:calc(var(--space-2xl) + 120px)}.simulation-preview{height:300px;width:300px}}.welcome-content{background:linear-gradient(180deg,#0000,#1a1a1d 30%,#111113);background:linear-gradient(180deg,#0000 0,var(--color-surface-secondary) 30%,var(--color-surface) 100%);margin-top:6rem;margin-top:calc(var(--space-3xl)*2);padding:6rem 5% 9rem;padding:calc(var(--space-3xl)*2) 5% calc(var(--space-3xl)*3)}.content-tabs{max-width:1600px}.tab-content-area{margin:2rem 0;margin:var(--space-2xl) 0;transform:scale(1.05)}.tab-panel{min-height:800px;padding:6rem;padding:calc(var(--space-3xl)*2)}.section-header{margin-bottom:6rem;margin-bottom:calc(var(--space-3xl)*2)}.section-header h2{font-size:3rem;margin-bottom:2rem;margin-bottom:var(--space-2xl)}.section-header p{font-size:1.375rem;max-width:800px}.preview-distribution{background:#22c55e26;border:2px dashed #22c55e99;height:50px;left:15%;position:relative;top:15%;width:80px}.preview-exit{background:#ef444426;border:2px dashed #ef444499;bottom:15%;height:40px;position:relative;right:15%;width:70px}.area-border{animation:rotateBorder 8s linear infinite;border:1px dashed #fff3;border-radius:.75rem;border-radius:var(--radius-md);bottom:-4px;left:-4px;position:absolute;right:-4px;top:-4px}.distribution-label,.exit-label{color:#fff;font-size:.75rem;font-weight:600;position:relative;text-shadow:0 1px 2px #00000080;z-index:1}.nav-logo{align-items:center;background:#fff;border-radius:.5rem;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0003,0 1px 2px #0000001a;box-shadow:var(--shadow-sm);display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.nav-logo img{height:100%;object-fit:contain;width:100%}.features-grid,.models-grid,.overview-grid{gap:3rem;gap:calc(var(--space-2xl)*1.5)}.feature-card,.model-card,.overview-card{padding:3rem;padding:calc(var(--space-2xl)*1.5)}.applications-grid{gap:1.5rem;gap:var(--space-xl);margin-top:2rem;margin-top:var(--space-2xl)}.workflow-steps{max-width:1000px}.workflow-step{margin-bottom:4.5rem;margin-bottom:calc(var(--space-3xl)*1.5)}@keyframes rotateBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}html{scroll-behavior:smooth}.nav-links button.active{background:#3b82f626;background:var(--color-primary-light);color:#3b82f6;color:var(--color-primary)}@media (max-width:1200px){.tab-content-area{transform:scale(1.02)}.section-header h2{font-size:2.5rem}.tab-panel{min-height:600px;padding:3rem;padding:var(--space-3xl)}}@media (max-width:768px){.welcome-content{padding:3rem 5%;padding:var(--space-3xl) 5%}.tab-content-area{transform:none}.section-header h2{font-size:2rem}.section-header p{font-size:1.125rem}.tab-panel{min-height:500px;padding:1.5rem;padding:var(--space-xl)}}.background-blobs{height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.moving-blob{border-radius:50%;filter:blur(60px);opacity:.15;position:absolute}.blob-1{animation:floatBlob1 15s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));height:200px;left:5%;top:10%;width:200px}.blob-2{animation:floatBlob2 18s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#22c55e);background:linear-gradient(135deg,var(--color-accent),var(--color-success));height:150px;right:10%;top:70%;width:150px}.blob-3{animation:floatBlob3 20s ease-in-out infinite;background:linear-gradient(135deg,#64748b,#3b82f6);background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));bottom:20%;height:180px;left:15%;width:180px}.blob-4{animation:floatBlob4 16s ease-in-out infinite;background:linear-gradient(135deg,#22c55e,#10b981);background:linear-gradient(135deg,var(--color-success),var(--color-accent));height:120px;right:25%;top:40%;width:120px}.blob-5{animation:floatBlob5 22s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#64748b);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));height:160px;left:60%;top:20%;width:160px}.simulation-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111113cc;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:2rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0000004d;box-shadow:var(--glass-shadow);height:500px;overflow:hidden;position:relative;width:500px}.simulation-preview:before{background:linear-gradient(45deg,#0000 49%,#2a2a2f 0,#2a2a2f 51%,#0000 0),linear-gradient(-45deg,#0000 49%,#2a2a2f 0,#2a2a2f 51%,#0000 0);background:linear-gradient(45deg,#0000 49%,var(--color-border) 49%,var(--color-border) 51%,#0000 51%),linear-gradient(-45deg,#0000 49%,var(--color-border) 49%,var(--color-border) 51%,#0000 51%);background-size:25px 25px;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.preview-elements{height:100%;position:relative;width:100%;z-index:1}.preview-distribution{animation:pulseGlow 3s ease-in-out infinite;background:#22c55e33;border:2px dashed #22c55ecc;border-radius:.75rem;border-radius:var(--radius-md);height:60px;left:12%;top:12%;width:100px}.preview-distribution,.preview-exit{align-items:center;display:flex;justify-content:center;position:absolute;z-index:2}.preview-exit{animation:pulseGlow 3s ease-in-out 1.5s infinite;background:#ef444433;border:2px dashed #ef4444cc;border-radius:.75rem;border-radius:var(--radius-md);bottom:12%;height:50px;right:12%;width:90px}@keyframes floatBlob1{0%,to{transform:translate(0) rotate(0deg) scale(1)}25%{transform:translate(100px,-50px) rotate(90deg) scale(1.1)}50%{transform:translate(200px,50px) rotate(180deg) scale(.9)}75%{transform:translate(50px,100px) rotate(270deg) scale(1.05)}}@keyframes floatBlob2{0%,to{transform:translate(0) rotate(0deg) scale(1)}33%{transform:translate(-80px,-40px) rotate(120deg) scale(1.15)}66%{transform:translate(60px,-80px) rotate(240deg) scale(.85)}}@keyframes floatBlob3{0%,to{transform:translate(0) scale(1) rotate(0deg)}50%{transform:translate(-120px,-100px) scale(1.2) rotate(180deg)}}@keyframes floatBlob4{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-60px,80px) rotate(45deg)}50%{transform:translate(40px,120px) rotate(180deg)}75%{transform:translate(80px,-40px) rotate(315deg)}}@keyframes floatBlob5{0%,to{transform:translate(0) scale(1)}20%{transform:translate(70px,60px) scale(1.1)}40%{transform:translate(-40px,120px) scale(.9)}60%{transform:translate(-100px,-30px) scale(1.15)}80%{transform:translate(30px,-80px) scale(.95)}}@keyframes pulseGlow{0%,to{border-color:#22c55ecc;box-shadow:0 0 20px #22c55e66;transform:scale(1)}50%{border-color:#22c55e;box-shadow:0 0 35px #22c55eb3;transform:scale(1.05)}}.preview-exit{animation:pulseGlowRed 3s ease-in-out 1.5s infinite}@keyframes pulseGlowRed{0%,to{border-color:#ef4444cc;box-shadow:0 0 20px #ef444466;transform:scale(1)}50%{border-color:#ef4444;box-shadow:0 0 35px #ef4444b3;transform:scale(1.05)}}.welcome-content,.welcome-footer,.welcome-hero,.welcome-nav{position:relative;z-index:1}@media (max-width:1024px){.simulation-preview{height:400px;width:400px}.moving-blob{filter:blur(40px);opacity:.1}}@media (max-width:768px){.simulation-preview{height:350px;width:350px}.preview-distribution{height:50px;width:80px}.preview-exit{height:40px;width:70px}.moving-blob{filter:blur(30px);opacity:.08}.blob-1,.blob-2,.blob-3,.blob-4,.blob-5{height:100px;width:100px}}
/*# sourceMappingURL=main.fcb6e4ac.css.map*/