:root{--background: #020617;--surface: #0f172a;--surface-light: #1e293b;--primary: #1d86ff;--secondary: #818cf8;--accent: #f472b6;--text: #f8fafc;--text-secondary: #94a3b8;--border: #334155;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--glass-bg: rgba(15, 23, 42, .85);--sidebar-width: 240px;--sidebar-collapsed-width: 70px;--header-height: 80px}[data-theme=light]{--background: #f8fafc;--surface: #ffffff;--surface-light: #f1f5f9;--primary: #1d86ff;--secondary: #6366f1;--accent: #ec4899;--text: #0f172a;--text-secondary: #64748b;--border: #e2e8f0;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--glass-bg: rgba(255, 255, 255, .9)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,sans-serif}body{background-color:var(--background);color:var(--text);overflow:hidden;height:100vh;width:100vw}.dashboard-container{display:flex;height:100%;width:100%;overflow:hidden}.dashboard-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100%;display:flex;flex-direction:column;border-right:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;flex-shrink:0;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dashboard-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:16px;display:flex;align-items:center;gap:12px;height:var(--header-height);position:relative}.sidebar-header:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);opacity:.6}.dashboard-sidebar.collapsed .sidebar-header{justify-content:center}.collapse-btn{background:transparent;border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.logo-text{font-weight:800;font-size:18px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{padding:10px 16px;border-radius:12px;display:flex;align-items:center;gap:12px;color:var(--text-secondary);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap;background:transparent;border:none;width:100%;font-size:14px;font-weight:500}.sidebar-nav-item svg{stroke-width:1.5;transition:transform .2s ease}.sidebar-nav-item:hover svg{transform:translate(2px);color:var(--primary)}.dashboard-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:12px 0;width:44px;margin:0 auto}.sidebar-nav-item:hover{background:#ffffff0d;color:var(--text)}.sidebar-nav-item.active{background:#1d86ff14;color:var(--primary);font-weight:700;border-radius:12px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width));transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.dashboard-container.sidebar-open .main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.main-header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:48px;background:var(--surface);border-bottom:1px solid var(--border);z-index:100;gap:12px;flex-shrink:0;overflow:hidden}.header-center-wrapper{display:flex;align-items:center;position:relative;flex:1;max-width:calc(100% - 300px);overflow:hidden}.header-center{display:flex;align-items:center;gap:8px;flex:1;justify-content:space-between;overflow:hidden}.header-scroll-arrow{display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);width:28px;height:28px;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:10;opacity:0;visibility:hidden;flex-shrink:0}.header-center-wrapper:hover .header-scroll-arrow{opacity:1;visibility:visible}.header-scroll-arrow:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1)}.header-scroll-arrow.left{margin-right:4px}.header-scroll-arrow.right{margin-left:4px}.header-logo-group{display:flex;align-items:center;gap:8px;margin-right:8px;padding-left:12px;flex-shrink:0}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}*::-webkit-scrollbar-thumb{background:#1d86ff4d;border-radius:10px;transition:background .3s ease}*:hover::-webkit-scrollbar-thumb{background:#1d86ff99}.header-center::-webkit-scrollbar{display:none}.header-center:hover::-webkit-scrollbar{display:block}.header-left,.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-left{display:flex;align-items:center;margin-right:0;flex-shrink:0}.compact-stat-card{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;border-radius:6px;background:transparent;border:none;transition:all .2s ease;flex:1;min-width:0;white-space:nowrap}.compact-stat-card:hover{border-color:var(--primary);transform:translateY(-1px)}.stat-icon{color:var(--primary);display:flex;align-items:center;opacity:.8}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:11px;text-transform:uppercase;font-weight:800;color:var(--text-secondary);letter-spacing:1px;line-height:1;margin-bottom:2px}.stat-value{font-size:18px;font-weight:800;font-family:JetBrains Mono,monospace;line-height:1.2}.universe-toggle-container{display:flex;background:#ffffff0d;padding:2px;border-radius:8px;border:none;gap:2px}.universe-toggle-item{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.universe-toggle-item.active.paper{background:var(--primary);color:#fff;border:none}.universe-toggle-item.active.live{background:var(--success);color:#fff;border:none}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.offline{background:var(--error)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px}.glass-no-border{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;border-radius:8px}.card{overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--primary)}.panel-header,.chart-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.title-with-icon{display:flex;align-items:center;gap:8px}.title-with-icon h3{font-size:14px;font-weight:600;margin:0}.chart-wrapper{flex:1;min-height:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:13px;gap:12px}.neural-loader{width:48px;height:48px;border-radius:50%;position:relative;animation:neuralPulse 1.5s ease-in-out infinite;background:radial-gradient(circle,rgba(29,134,255,.2) 0%,transparent 70%);display:flex;align-items:center;justify-content:center}.neural-loader:before,.neural-loader:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--primary);opacity:0;animation:neuralRing 1.5s cubic-bezier(.4,0,.2,1) infinite}.neural-loader:after{animation-delay:.75s;border-color:var(--secondary)}@keyframes neuralRing{0%{transform:scale(.5);opacity:0}50%{opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes neuralPulse{0%,to{transform:scale(1);box-shadow:0 0 10px #1d86ff33}50%{transform:scale(1.1);box-shadow:0 0 30px #1d86ff66}}.card-loader-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#02061766;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;border-radius:inherit}.ai-lessons-panel,.account-history-panel,.positions-panel{height:100%}.react-grid-placeholder{background:var(--primary)!important;opacity:.1!important;border-radius:12px!important}.widget-close-btn{background:transparent;color:var(--text-secondary);padding:4px;border-radius:4px}.widget-close-btn:hover{background:#ef44441a;color:var(--error)}.version-tag{font-size:10px;font-weight:700;padding:2px 6px;background:#1d86ff1a;color:var(--primary);border-radius:4px;border:1px solid rgba(29,134,255,.2)}.sync-overlay,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.sync-content,.modal-card{max-width:400px;width:90%;padding:2.5rem;text-align:center;border:1px solid var(--border);box-shadow:0 20px 50px #00000080;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.sync-content h3,.modal-card h2{margin:1rem 0 .5rem;font-weight:800;letter-spacing:-.5px}.sync-content p{color:var(--text-secondary);font-size:.9rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sidebar-footer{padding:16px;display:flex;flex-direction:column;gap:12px;position:relative}.sidebar-footer:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);opacity:.6}.user-profile{display:flex;align-items:center;gap:12px;padding:4px}.dashboard-sidebar.collapsed .user-profile{justify-content:center}.user-profile img{width:32px;height:32px;border-radius:50%;border:2px solid var(--primary)}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-sidebar.collapsed .sidebar-footer{padding:16px 8px}.premium-search-container{display:flex;align-items:center;gap:8px;background:#ffffff08;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.premium-search-container:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary);transition:all .3s ease;transform:translate(-50%);box-shadow:0 0 10px var(--primary)}.premium-search-container:focus-within{background:#ffffff0d;border-color:#ffffff26}.premium-search-container:focus-within:after{width:100%}.premium-search-container input{background:transparent;border:none;color:var(--text);font-size:13px;font-weight:500;outline:none;width:100%;letter-spacing:.02em}.premium-search-container input::placeholder{color:var(--text-secondary);opacity:.5}.premium-search-container svg{color:var(--text-secondary);transition:color .3s ease}.premium-search-container:focus-within svg{color:var(--primary)}@media(max-width:1440px){.hide-on-medium{display:none!important}.main-header{gap:8px!important;padding:0 10px!important}.header-center,.header-right{gap:6px!important}}@media(max-width:1200px){.engine-master-btn span,.version-toggle-btn{display:none!important}.stat-value{font-size:14px!important}.stat-label{font-size:9px!important}.universe-toggle-item{padding:4px 8px!important;font-size:10px!important}}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media(max-width:1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media(max-width:1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media(max-width:1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media(max-width:1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media(max-width:1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media(max-width:1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}