@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap");:root{--surface:#081425;--surface-dim:#081425;--surface-bright:#2f3a4c;--surface-container-lowest:#040e1f;--surface-container-low:#111c2d;--surface-container:#152031;--surface-container-high:#1f2a3c;--surface-container-highest:#2a3548;--surface-variant:#2a3548;--background:#081425;--on-surface:#d8e3fb;--on-surface-variant:#b9cacb;--on-background:#d8e3fb;--inverse-surface:#d8e3fb;--inverse-on-surface:#263143;--primary:#dbfcff;--primary-container:#00f0ff;--primary-fixed:#7df4ff;--primary-fixed-dim:#00dbe9;--on-primary:#00363a;--on-primary-container:#006970;--on-primary-fixed:#002022;--on-primary-fixed-variant:#004f54;--inverse-primary:#006970;--surface-tint:#00dbe9;--secondary:#ebb2ff;--secondary-container:#b600f8;--secondary-fixed:#f8d8ff;--secondary-fixed-dim:#ebb2ff;--on-secondary:#520072;--on-secondary-container:#fff6fc;--on-secondary-fixed:#320047;--on-secondary-fixed-variant:#74009f;--tertiary:#f3f5ff;--tertiary-container:#d6d9e2;--tertiary-fixed:#dfe2eb;--tertiary-fixed-dim:#c3c6cf;--on-tertiary:#2d3137;--on-tertiary-container:#5b5f66;--on-tertiary-fixed:#181c22;--on-tertiary-fixed-variant:#43474e;--error:#ffb4ab;--error-container:#93000a;--on-error:#690005;--on-error-container:#ffdad6;--outline:#849495;--outline-variant:#3b494b;--font-ui:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--background);color:var(--on-background);font-family:var(--font-ui);font-size:14px;line-height:20px;font-weight:400;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;selection-color:rgba(0,219,233,.3)}::selection{background:rgba(0,219,233,.25)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3b494b;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00dbe9}.glass-panel{background:rgba(30,41,59,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1)}.glass-panel-bright{background:rgba(47,58,76,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.12)}.neon-glow-primary{box-shadow:0 0 15px rgba(0,219,233,.2)}.neon-glow-primary-lg{box-shadow:0 0 30px rgba(0,219,233,.25),0 0 60px rgba(0,219,233,.1)}.neon-glow-secondary{box-shadow:0 0 15px rgba(182,0,248,.2)}.neon-border-primary{border-color:rgba(0,219,233,.4)!important;box-shadow:0 0 12px rgba(0,219,233,.15)}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);color:var(--on-surface)}.headline-lg,h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}.headline-lg{font-size:32px;line-height:40px}.headline-md{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.01em}.body-lg{font-size:16px;line-height:24px;font-weight:400}.body-md{font-weight:400}.body-md,.label-mono-lg{font-size:14px;line-height:20px}.label-mono-lg,.label-mono-sm{font-family:var(--font-mono);font-weight:500}.label-mono-sm{font-size:12px;line-height:16px;letter-spacing:.05em}.text-gradient-cyan{background:linear-gradient(135deg,var(--primary-fixed-dim),var(--primary-fixed),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-slide-up{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-fade-in{animation:fadeIn 1.2s ease-out forwards;opacity:0}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes rotate-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pulse-accent{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.blink-cursor{animation:blink 1.1s step-end infinite}.animate-spin-slow{animation:rotate-slow 8s linear infinite}.input-field{width:100%;padding:10px 14px;border-radius:6px;border:1px solid var(--outline-variant);background:rgba(4,14,31,.6);color:var(--on-surface);font-family:var(--font-ui);font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-field::placeholder{color:rgba(185,202,203,.45)}.input-field:focus{border-color:var(--primary-fixed-dim);box-shadow:0 0 0 3px rgba(0,219,233,.12)}.select-field{width:100%;padding:10px 14px;border-radius:6px;border:1px solid var(--outline-variant);background:rgba(4,14,31,.8);color:var(--on-surface);font-family:var(--font-ui);font-size:14px;outline:none;cursor:pointer;transition:border-color .2s ease}.select-field:focus{border-color:var(--primary-fixed-dim);box-shadow:0 0 0 3px rgba(0,219,233,.12)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:6px;border:none;background:var(--primary-container);color:var(--on-primary-container);font-family:var(--font-ui);font-size:14px;font-weight:700;cursor:pointer;transition:filter .2s ease,transform .15s ease;white-space:nowrap}.btn-primary:hover{filter:brightness(1.15)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;border-radius:6px;border:1px solid var(--primary-fixed-dim);background:transparent;color:var(--primary-fixed-dim);font-family:var(--font-ui);font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .15s ease}.btn-ghost:hover{background:rgba(0,219,233,.08);box-shadow:0 0 12px rgba(0,219,233,.2)}.btn-ghost:active{transform:scale(.97)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid hsla(0,0%,100%,.1);background:rgba(30,41,59,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--on-surface-variant);cursor:pointer;transition:color .2s ease,background .2s ease;font-size:18px}.btn-icon:hover{color:var(--primary-fixed-dim);background:rgba(0,219,233,.08)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:9999px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.badge-green{background:rgba(74,222,128,.1);color:#4ade80;border:1px solid rgba(74,222,128,.2)}.badge-cyan{background:rgba(0,219,233,.1);color:var(--primary-fixed-dim);border:1px solid rgba(0,219,233,.2)}.badge-red{background:hsla(6,100%,84%,.1);color:var(--error);border:1px solid hsla(6,100%,84%,.2)}.badge-purple{background:rgba(182,0,248,.15);color:var(--secondary);border:1px solid rgba(235,178,255,.2)}.badge-gray{background:hsla(0,0%,100%,.06);color:var(--on-surface-variant);border:1px solid hsla(0,0%,100%,.1)}.data-stream-row:nth-child(2n){background:hsla(0,0%,100%,.02)}.data-stream-row:hover{background:rgba(0,219,233,.04)}.drop-zone{border:2px dashed rgba(59,73,75,.5);border-radius:12px;transition:border-color .25s ease,background .25s ease;cursor:pointer}.drop-zone.active,.drop-zone:hover{border-color:rgba(0,219,233,.5);background:rgba(0,219,233,.04)}.terminal-box{background:rgba(4,14,31,.85);border:1px solid rgba(59,73,75,.5);border-radius:10px;font-family:var(--font-mono);font-size:12px;line-height:1.7;overflow-y:auto;padding:16px}.nav-link{font-size:14px;color:var(--on-surface-variant);text-decoration:none;transition:color .2s ease;padding-bottom:2px}.nav-link:hover{color:var(--primary)}@media (max-width:1024px){.app-container,.sidebar-aside{flex-direction:column!important}.sidebar-aside{width:100%!important;border-right:none!important;border-bottom:1px solid hsla(0,0%,100%,.08)!important;padding:16px!important;gap:16px!important}.sidebar-progress{display:none!important}.sidebar-nav{flex-direction:row!important;overflow-x:auto!important;width:100%!important;gap:16px!important;padding-bottom:8px!important;margin-top:8px!important}.sidebar-logo-container,.sidebar-status-container{margin-bottom:12px!important}.sidebar-workflow-title{display:none!important}.workflow-step{flex-shrink:0!important}.workflow-step-text{display:none!important}.main-content{padding:16px!important}.glass-panel.animate-slide-up{padding:20px 16px!important;border-radius:12px!important}.demo-buttons-container{flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}.grid-2col{grid-template-columns:1fr!important;gap:16px!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.confusion-matrix-grid{gap:16px!important}.about-grid,.confusion-matrix-grid{grid-template-columns:1fr!important}.about-grid{gap:24px!important}.about-image-container{max-width:100%!important;margin:0 auto!important}.header-row{text-align:center!important;gap:12px!important}.header-left-nav,.header-row{flex-direction:column!important;align-items:center!important}.header-left-nav{gap:8px!important;width:100%!important}.header-separator{display:none!important}.predict-form-grid{grid-template-columns:1fr!important;gap:12px!important}}