:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.landing{background:radial-gradient(circle at top left, #8153ff2e, transparent 28%), radial-gradient(circle at bottom right, #62dff72e, transparent 26%), var(--bg-primary);min-height:100vh;position:relative;overflow-x:hidden}.landing:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 45%,#0000 100%);mask-image:radial-gradient(circle,#000 45%,#0000 100%)}.nav-bar{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0b14a6;border-bottom:1px solid #ffffff14;padding:16px 0;position:fixed;top:0;left:0;right:0}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.logo{letter-spacing:-.06em;background:linear-gradient(135deg,#a78bfa 0%,#5eead4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}.nav-links{align-items:center;gap:12px;display:flex}.nav-link{color:var(--text-primary);transition:all var(--transition);border-radius:999px;padding:10px 18px;font-weight:600;text-decoration:none}.nav-link:hover{color:var(--secondary);background:#ffffff05}.nav-link.primary{background:linear-gradient(135deg, var(--primary), #6ee7f9);color:#fff;box-shadow:0 12px 30px #8153ff52}.nav-link.primary:hover{color:#fff;transform:translateY(-1px)}.hero-section{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:52px;max-width:1200px;margin:0 auto;padding:140px 24px 90px;display:grid;position:relative}.hero-content{z-index:10}.hero-badge{color:#dfeaff;letter-spacing:.08em;text-transform:uppercase;background:#09111f80;border:1px solid #6ee7f940;border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:8px 14px;font-size:12px;display:inline-flex}.pulse-dot{background:#6ee7f9;border-radius:50%;width:9px;height:9px;box-shadow:0 0 18px #6ee7f9cc}.hero-title{letter-spacing:-.06em;background:linear-gradient(135deg,#d9d4ff 0%,#a78bfa 30%,#6ee7f9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(2.8rem,4vw,5rem);font-weight:800;line-height:.96}.hero-subtitle{color:var(--text-primary);margin-bottom:16px;font-size:clamp(1.2rem,2vw,1.9rem);font-weight:700}.hero-description{color:#edf2ffbd;max-width:560px;margin-bottom:28px;font-size:1.05rem;line-height:1.7}.hero-metrics{flex-wrap:wrap;gap:16px;margin-bottom:28px;display:flex}.hero-metrics div{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:6px;min-width:130px;padding:12px 14px;display:flex}.hero-metrics strong{color:#f5f7ff;font-size:1.05rem}.hero-metrics span{color:var(--text-muted);font-size:.8rem}.hero-buttons{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-3d{background:linear-gradient(135deg,#8153ff33,#62dff71f);border:1px solid #ffffff14;border-radius:28px;height:520px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0c111d8c}.workflow-section{z-index:1;max-width:1200px;margin:0 auto;padding:30px 24px 80px;position:relative}.section-title{text-align:center;letter-spacing:-.04em;margin-bottom:46px;font-size:clamp(2.1rem,3vw,3rem);font-weight:800}.workflow-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;display:grid}.workflow-card{transition:all var(--transition);background:#11131ec7;border:1px solid #ffffff14;border-radius:20px;padding:28px 24px;box-shadow:0 12px 30px #0000002e}.workflow-card:hover{background:#161826eb;border-color:#8153ffb3;transform:translateY(-8px);box-shadow:0 16px 34px #8153ff2e}.card-number{color:#9f8cff;letter-spacing:-.05em;margin-bottom:16px;font-size:3rem;font-weight:800}.workflow-card h3{margin-bottom:12px;font-size:1.45rem}.workflow-card p{color:#edf2ffb3;font-size:.96rem;line-height:1.7}.footer{text-align:center;color:#edf2ffb3;border-top:1px solid #ffffff14;padding:30px 24px 40px}.footer p{margin:8px 0;font-size:.95rem}.footer-secondary{opacity:.7;font-size:.8rem}@media (width<=1024px){.hero-section{grid-template-columns:1fr;gap:36px;padding:120px 24px 60px}.hero-3d{height:420px}.hero-buttons{flex-direction:column;align-items:stretch;width:100%}.btn{width:100%}}@media (width<=640px){.nav-content{padding:0 16px}.logo{font-size:20px}.nav-link{padding:8px 12px;font-size:13px}.hero-section{padding:108px 16px 40px}.hero-badge{letter-spacing:.06em;font-size:10px}.hero-metrics{flex-direction:column}.hero-3d{height:300px}.workflow-grid{grid-template-columns:1fr;gap:16px}.section-title{margin-bottom:24px}}.auth-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 8px 32px #0000004d}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{margin-bottom:8px;font-size:28px;font-weight:700}.auth-header p{color:var(--text-muted);font-size:14px}.auth-form{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.input-wrapper{border:1px solid var(--border-color);transition:all var(--transition);background:#ffffff0d;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.input-wrapper:focus-within{border-color:var(--primary);background:#8153ff14}.input-wrapper svg{color:var(--text-muted);flex-shrink:0}.input-wrapper input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.input-wrapper input::placeholder{color:var(--text-muted)}.auth-form .btn{width:100%;padding:14px;font-size:16px;font-weight:600}.auth-footer{text-align:center;color:var(--text-muted);font-size:14px}.auth-footer a{color:var(--primary);transition:color var(--transition);font-weight:500;text-decoration:none}.auth-footer a:hover{color:var(--secondary)}@media (width<=640px){.auth-card{max-width:100%;padding:32px 24px}.auth-header h1{font-size:24px}}.dashboard{background:var(--bg-primary);min-height:100vh;display:flex}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-color);z-index:900;flex-direction:column;width:280px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{margin-bottom:32px}.sidebar-header h2{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:8px;margin-bottom:32px;display:flex}.nav-item{color:var(--text-primary);transition:all var(--transition);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{border-left:3px solid var(--primary);color:var(--secondary);background:#8153ff1a}.nav-item .icon{font-size:18px}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:16px}.user-info{align-items:center;gap:12px;margin-bottom:16px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.user-details{flex:1;min-width:0}.user-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;overflow:hidden}.logout-btn{border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition);background:#ff7f961a;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.logout-btn:hover{border-color:var(--error);color:var(--error);background:#ff7f9633}.main-content{flex:1;margin-left:280px;padding:32px;overflow-y:auto}.top-bar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.top-bar h1{font-size:28px;font-weight:700}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;display:none}.stats-section{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:48px;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border-color);transition:all var(--transition);border-radius:12px;align-items:center;gap:20px;padding:24px;display:flex}.stat-card:hover{border-color:var(--primary);background:#8153ff0d}.stat-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.stat-icon.datasets{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.stat-icon.models{background:linear-gradient(135deg,#3b82f6,#1e40af)}.stat-icon.predictions{background:linear-gradient(135deg,#ec4899,#db2777)}.stat-content h3{margin:0;font-size:24px;font-weight:700}.stat-label{color:var(--text-muted);margin:0;font-size:13px;font-weight:500}.quick-actions{margin-top:48px}.quick-actions h2{margin-bottom:24px;font-size:24px;font-weight:700}.action-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.action-card{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition);border-radius:12px;flex-direction:column;gap:12px;padding:24px;text-decoration:none;display:flex}.action-card:hover{border-color:var(--primary);background:#8153ff0d;transform:translateY(-4px)}.action-card .icon{font-size:32px}.action-card h3{margin:0;font-size:18px;font-weight:600}.action-card p{color:var(--text-muted);margin:0;font-size:14px}@media (width<=1024px){.sidebar{width:240px}.main-content{margin-left:240px;padding:24px}.stats-section{grid-template-columns:1fr}}@media (width<=768px){.sidebar{transition:left var(--transition);z-index:1000;width:280px;height:100vh;position:fixed;left:-280px}.sidebar.open{left:0}.main-content{margin-left:0;padding:16px}.mobile-menu-btn{display:flex}.top-bar h1{font-size:20px}.stat-card{padding:16px}}.upload-container{background:radial-gradient(circle at top left, #8153ff26, transparent 32%), radial-gradient(circle at bottom right, #62dff71f, transparent 28%), var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex}.upload-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11131ecc;border:1px solid #ffffff14;border-radius:26px;width:100%;max-width:680px;padding:34px 28px 28px;box-shadow:0 24px 40px #0c111d73}.upload-card h1{letter-spacing:-.05em;margin-bottom:8px;font-size:clamp(2rem,4vw,2.8rem);font-weight:800}.upload-card .subtitle{color:#edf2ffb3;margin-bottom:26px;font-size:.98rem}.drop-zone{text-align:center;cursor:pointer;transition:all var(--transition);background:#8153ff0a;border:1.5px dashed #8153ff80;border-radius:22px;flex-direction:column;align-items:center;gap:16px;padding:52px 30px;display:flex}.drop-zone:hover{background:#6ee7f90a;border-color:#6ee7f9cc;transform:translateY(-2px);box-shadow:0 12px 24px #6ee7f917}.drop-zone svg{color:#a78bfa;opacity:1}.drop-zone p{margin:0;font-size:1.3rem;font-weight:700}.drop-zone span{color:var(--text-muted);font-size:.92rem}.browse-btn{color:#dfeaff;cursor:pointer;transition:all var(--transition);background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none}.browse-btn:hover{color:#fff;background:#6ee7f912;border-color:#6ee7f999}.file-info{background:#71d99e14;border:1px solid #71d99e59;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:16px 18px;display:flex}.file-info p{color:#baf0d0;margin:0;font-size:.96rem;font-weight:600}.result-section{flex-direction:column;gap:28px;display:flex}.success-message{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.success-message h2{color:#baf0d0;letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.stat{text-align:center;background:#8153ff0f;border:1px solid #ffffff14;border-radius:18px;padding:18px 16px}.stat .label{color:#edf2ffb8;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.72rem;font-weight:700}.stat .value{color:#e6deff;margin:10px 0 0;font-size:1.8rem;font-weight:800}.details{margin-top:10px}.details h3{margin-bottom:14px;font-size:1.2rem;font-weight:700}.column-list{flex-direction:column;gap:10px;display:flex}.column-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.96rem;display:flex}.col-name{font-weight:600}.col-type{border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700}.col-type.numeric{color:#8fc4ff;background:#3b82f62e}.col-type.categorical{color:#f7a3d3;background:#ec48992e}.col-type.text{color:#d6d9e6;background:#6b72802e}.error-alert{color:#ffadc0;background:#ff7f9614;border:1px solid #ff7f9640;border-radius:12px;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;font-size:.96rem;display:flex}@media (width<=768px){.upload-container{padding:20px 16px}.upload-card{padding:26px 18px 18px}.drop-zone{padding:36px 18px}.file-info{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}}.train-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;margin-left:280px;padding:24px;display:flex}.train-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:500px;padding:40px}.train-card h1{margin-bottom:8px;font-size:28px;font-weight:700}.train-card .subtitle{color:var(--text-muted);margin-bottom:24px;font-size:14px}.train-form{flex-direction:column;gap:20px;margin-top:24px;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.model-info{flex-direction:column;gap:16px;margin:32px 0;display:flex}.info-item{border:1px solid var(--border-color);background:#8153ff0d;border-radius:8px;padding:16px}.info-item .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:600}.info-item .value{color:var(--primary);margin:8px 0 0;font-size:18px;font-weight:600}.success-message{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;display:flex}.success-message svg{color:var(--success)}.success-message h2{color:var(--success);margin:0;font-size:24px;font-weight:700}@media (width<=768px){.train-container{margin-left:0;padding:16px}.train-card{padding:32px 24px}.settings-grid{grid-template-columns:1fr}}.predict-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;margin-left:280px;padding:24px;display:flex}.predict-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:500px;padding:40px}.predict-card h1{margin-bottom:8px;font-size:28px;font-weight:700}.predict-card .subtitle{color:var(--text-muted);margin-bottom:24px;font-size:14px}.predict-form{flex-direction:column;gap:24px;margin-top:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary);font-size:14px;font-weight:500}.form-group input,.form-group select{border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition);background:#ffffff0d;border-radius:8px;padding:12px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:var(--primary);background:#8153ff14;outline:none}.features-section h3{margin:24px 0 16px;font-size:16px;font-weight:600}.features-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.result-box{border:2px solid var(--primary);text-align:center;background:linear-gradient(135deg,#8153ff1a,#62dff71a);border-radius:16px;margin-bottom:32px;padding:48px 32px;position:relative;overflow:hidden}.result-box:before{content:"";background:radial-gradient(circle,#8153ff1a 0%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite pulse;position:absolute;top:-50%;right:-50%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sparkle-icon{color:var(--secondary);margin-bottom:16px;animation:2s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.result-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:12px;font-weight:600}.result-value{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:16px 0 0;font-size:48px;font-weight:700}@media (width<=768px){.predict-container{margin-left:0;padding:16px}.predict-card{padding:32px 24px}.result-value{font-size:36px}.features-grid{grid-template-columns:1fr}}:root{--bg-primary:#07070d;--bg-surface:#10101a;--border-color:#ffffff14;--primary:#8153ff;--secondary:#62dff7;--text-primary:#f7f5ff;--text-muted:#777180;--success:#71d99e;--error:#ff7f96;--warning:#ffb84d;--transition:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.btn{border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition);color:var(--text-primary);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-color:#0000;box-shadow:0 4px 15px #8153ff4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #8153ff80}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background:0 0}.btn-secondary:hover:not(:disabled){border-color:var(--secondary);color:var(--secondary)}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{background:var(--bg-surface);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:all var(--transition);border-radius:8px;padding:12px;font-family:inherit;font-size:14px}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--primary);background:#8153ff0d;outline:none;box-shadow:0 0 0 3px #8153ff1a}.error-alert{color:#ff7f96;background:#ff7f961a;border:1px solid #ff7f964d;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.success-alert{color:#71d99e;background:#71d99e1a;border:1px solid #71d99e4d;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}@media (width<=768px){.btn{padding:10px 16px;font-size:14px}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{padding:10px;font-size:16px}}