*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}html{background:#090909}body{background:var(--bg,#03030f);color:var(--text,#eef);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px}:root{--bg:#090909;--bg2:#0d0d0d;--surface:#111;--panel:#141414;--panel2:#181818;--panel3:#1c1c1c;--g1:#ffffff08;--g2:#ffffff0e;--g3:#ffffff14;--g4:#ffffff1c;--g5:#ffffff26;--b1:#ffffff14;--b2:#ffffff21;--b3:#ffffff30;--b4:#ffffff4d;--accent:#0fa;--accent2:#00d480;--a-dim:#00ffaa24;--a-glow:#00ffaa59;--a-glow2:#0fa9;--blue:#3d9bff;--blue-d:#3d9bff1f;--blue-g:#3d9bff47;--violet:#85f;--violet-d:#8855ff1f;--violet-g:#8855ff47;--rose:#f48;--rose-d:#ff44881f;--rose-g:#ff448847;--amber:#fa0;--amber-d:#ffaa001f;--amber-g:#ffaa0047;--sky:#0cf;--sky-d:#00ccff1f;--sky-g:#00ccff47;--teal:#00e5cc;--teal-d:#00e5cc1f;--teal-g:#00e5cc47;--coral:#f64;--red:#f24;--red-d:#ff22441f;--lime:#af0;--pink:var(--rose);--yellow:var(--amber);--orange:var(--coral);--purple:var(--violet);--cyan:var(--sky);--danger:var(--red);--warn:var(--amber);--success:var(--accent);--border:var(--b1);--border2:var(--b2);--border3:var(--b3);--glass-1:var(--g1);--glass-2:var(--g2);--glass-3:var(--g3);--glass-4:var(--g4);--accent-dim:var(--a-dim);--accent-glow:var(--a-glow);--text:#eef;--text2:#b8b8d8;--text3:#88b;--mono:"JetBrains Mono","Fira Code","Cascadia Code","Consolas",monospace;--r:6px;--r2:10px;--r3:16px;--r4:22px;--sh1:0 2px 10px #000000b3;--sh2:0 4px 24px #000000bf, 0 1px 4px #000000e6;--sh3:0 8px 48px #000000d1, 0 2px 10px #000000f2;--sh4:0 20px 90px #000000e6, 0 4px 20px #000;--sh5:0 40px 140px #000000f2;--shadow-sm:var(--sh2);--shadow-md:var(--sh3);--shadow-lg:var(--sh4);--shadow-xl:var(--sh5);--shine:inset 0 1px 0 #ffffff29;--shine2:inset 0 1px 0 #ffffff42;--inset-top:var(--shine);--inset-top2:var(--shine2);--glow-a:0 0 24px #00f5a066, 0 0 80px #00f5a024;--glow-b:0 0 24px #3d9bff66, 0 0 80px #3d9bff24;--glow-v:0 0 24px #85f6, 0 0 80px #8855ff24;--glow-r:0 0 24px #f486, 0 0 80px #ff448824;--glow-o:0 0 24px #fa06, 0 0 80px #ffaa0024}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff42}.glass{background:linear-gradient(160deg, var(--g3) 0%, var(--g1) 100%);border:1px solid var(--b2);border-radius:var(--r3);box-shadow:var(--sh3), var(--shine);-webkit-backdrop-filter:blur(24px)saturate(180%);position:relative}.glass:before{content:"";border-radius:var(--r3) var(--r3) 0 0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff47 30%,#fff6 50%,#ffffff47 70%,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.glass-hover{cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .22s}.glass-hover:hover{box-shadow:var(--sh4), var(--shine2), 0 0 40px #3d9bff0f;border-color:var(--b3);transform:translateY(-3px)scale(1.005)}.glass-sm{background:linear-gradient(160deg, var(--g2) 0%, var(--g1) 100%);border:1px solid var(--b1);border-radius:var(--r2);box-shadow:var(--sh2), var(--shine);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative}.glass-sm:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;position:absolute;top:0;left:15%;right:15%}.glass-blue{background:linear-gradient(160deg, #3d9bff12 0%, var(--g1) 100%);border-color:#3d9bff2e}.glass-violet{background:linear-gradient(160deg, #8855ff12 0%, var(--g1) 100%);border-color:#8855ff2e}.glass-accent{background:linear-gradient(160deg, #00f5a012 0%, var(--g1) 100%);border-color:#00f5a02e}.glass-amber{background:linear-gradient(160deg, #ffaa000f 0%, var(--g1) 100%);border-color:#ffaa002e}.glass-teal{background:linear-gradient(160deg, #00e5cc0f 0%, var(--g1) 100%);border-color:#00e5cc2e}input,select,textarea{border:1px solid var(--b2);color:var(--text);border-radius:var(--r);background:#ffffff12;outline:none;padding:7px 11px;font-family:inherit;font-size:12px;transition:all .18s}input:hover:not(:focus),select:hover:not(:focus){border-color:var(--b3);background:#ffffff1a}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:#ffffff1a;box-shadow:0 0 0 2px #00ffaa2e,0 0 16px #00ffaa14,inset 0 1px #ffffff12}input::placeholder{color:var(--text3)}select option{color:var(--text);background:#12122a}button{cursor:pointer;font-family:inherit}input[type=range]{-webkit-appearance:none;background:#ffffff1a;border:none;border-radius:2px;height:3px;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--bg);cursor:pointer;width:14px;height:14px;box-shadow:0 0 0 0 var(--a-glow);border-radius:50%;transition:box-shadow .2s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 10px var(--a-glow)}input[type=color]{cursor:pointer;padding:2px}input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.btn-primary{color:#031a0e;background:linear-gradient(135deg,#00f5a0,#00c97a);border:none;font-weight:700;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 0 16px #00f5a040,0 2px 8px #0006,inset 0 1px #ffffff4d}.btn-primary:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff26 0%,#0000 50%);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 0 32px #00f5a073,0 4px 16px #00000080,inset 0 1px #ffffff59}.btn-primary:active{transform:translateY(0)scale(.99)}.t-display{letter-spacing:-.03em;color:var(--text);font-size:26px;font-weight:800;line-height:1.1}.t-title{letter-spacing:-.015em;color:var(--text);font-size:15px;font-weight:700}.t-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text3);font-size:10px;font-weight:800;font-family:var(--mono)}.t-mono{font-family:var(--mono)}.t-muted{color:var(--text2)}.t-dim{color:var(--text3)}.grad-a{background:linear-gradient(135deg,#00f5a0,#3d9bff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-b{background:linear-gradient(135deg,#3d9bff,#85f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-v{background:linear-gradient(135deg,#85f,#f48);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-r{background:linear-gradient(135deg,#f48,#fa0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-full{background:linear-gradient(135deg,#00f5a0,#3d9bff,#85f,#f48);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-live{background:var(--accent);box-shadow:0 0 6px var(--a-glow);animation:2.4s ease-in-out infinite statusPulse}.status-warn{background:var(--amber);box-shadow:0 0 6px var(--amber-g);animation:1.8s ease-in-out infinite statusPulse}.status-error{background:var(--red);box-shadow:0 0 6px var(--red-d);animation:1.2s ease-in-out infinite statusPulse}.status-idle{background:var(--text3)}.status-synced{background:var(--blue);box-shadow:0 0 6px var(--blue-g)}.status-badge{font-size:9px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:20px;align-items:center;gap:5px;padding:2px 8px;font-weight:800;display:inline-flex}.status-badge.live{color:var(--accent);background:var(--a-dim);border-color:#00f5a040}.status-badge.synced{color:var(--blue);background:var(--blue-d);border-color:#3d9bff40}.status-badge.proc{color:var(--amber);background:var(--amber-d);border-color:#ffaa0040}.kpi-card{border-radius:var(--r3);background:linear-gradient(160deg, var(--g3), var(--g1));border:1px solid var(--b2);box-shadow:var(--sh2), var(--shine);padding:18px 20px;transition:all .22s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.kpi-card:hover{box-shadow:var(--sh4), var(--shine2), 0 0 32px #00ffaa0f;border-color:var(--b3);transform:translateY(-5px)}tbody tr{transition:background .1s}tbody tr:hover td{background:#00ffaa0a!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes orbitGlow{0%,to{opacity:.4;transform:scale(1)translate(0)}33%{transform:scale(1.08) translate(2%,−1%);opacity:.65}66%{opacity:.35;transform:scale(.94)translate(-1%,2%)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(200vh)}}@keyframes shimmerCard{0%{transform:translate(-120%)skew(-15deg)}to{transform:translate(220%)skew(-15deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(-8px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.15}}@keyframes gradFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes borderGlow{0%,to{border-color:#00f5a02e}50%{border-color:#00f5a0a6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.anim-1{animation:.4s both fadeUp}.anim-2{animation:.4s 70ms both fadeUp}.anim-3{animation:.4s .14s both fadeUp}.anim-4{animation:.4s .21s both fadeUp}.divider{background:linear-gradient(90deg, transparent, var(--b2), transparent);height:1px}.section-label{font-size:10px;font-weight:800;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text2)}.chip{font-size:10px;font-weight:700;font-family:var(--mono);letter-spacing:.06em;border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.glow-a{box-shadow:var(--glow-a)!important}.glow-b{box-shadow:var(--glow-b)!important}.glow-v{box-shadow:var(--glow-v)!important}.c-accent{color:var(--accent)!important}.c-blue{color:var(--blue)!important}.c-violet{color:var(--violet)!important}.c-rose{color:var(--rose)!important}.c-amber{color:var(--amber)!important}.c-sky{color:var(--sky)!important}.c-teal{color:var(--teal)!important}.c-red{color:var(--red)!important}[data-theme=light]{--bg:#f0f2f8;--bg2:#e8eaf2;--surface:#fff;--panel:#f3f5fb;--panel2:#eceff8;--panel3:#e4e8f4;--g1:#ffffff8c;--g2:#ffffffb8;--g3:#ffffffdb;--g4:#fffffff2;--g5:#fff;--b1:#00000014;--b2:#0000001f;--b3:#0000002e;--b4:#00000042;--text:#1a1a38;--text2:#404068;--text3:#8080aa;--shine:inset 0 1px 0 #ffffffd9;--shine2:inset 0 1px 0 #fffffff2}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:4px;animation:1.6s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.panel-section{background:linear-gradient(#080816fc,#050510fc);border-bottom:1px solid #ffffff12;position:relative;box-shadow:0 4px 24px #00000080}.panel-section:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.density-compact{font-size:11px}.density-comfortable{font-size:13px}.density-spacious{font-size:14px;line-height:1.9}.link-accent{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}.link-accent:hover{border-bottom-color:var(--accent)}.cmd-backdrop{-webkit-backdrop-filter:blur(24px)saturate(160%);background:#02020ad9}.border-accent{border-color:var(--accent)!important}.border-blue{border-color:var(--blue)!important}.border-violet{border-color:var(--violet)!important}.border-amber{border-color:var(--amber)!important}.border-teal{border-color:var(--teal)!important}.data-table{border-collapse:collapse;width:100%}.data-table th{font-size:11px;font-weight:700;font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text2);z-index:5;background:linear-gradient(#080816fc,#050510fc);border-bottom:1px solid #ffffff17;padding:7px 12px;position:sticky;top:0}.data-table td{font-size:13px;font-family:var(--mono);border-bottom:1px solid #ffffff05;padding:5px 12px;transition:background 60ms}.data-table tr:hover td{background:#00ffaa0a!important}@keyframes skeletonPulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.skeleton-row{background:#ffffff0a;border-radius:4px;height:32px;animation:1.6s ease-in-out infinite skeletonPulse}.skeleton-bar{background:#ffffff0d;border-radius:4px;animation:1.6s ease-in-out infinite skeletonPulse}.skeleton-bar:nth-child(2){animation-delay:.1s}.skeleton-bar:nth-child(3){animation-delay:.2s}.skeleton-bar:nth-child(4){animation-delay:.3s}.skeleton-bar:nth-child(5){animation-delay:.4s}.skeleton-kpi{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:10px;animation:1.6s ease-in-out infinite skeletonPulse}@media (width<=768px){button,select,input{min-height:36px}.btn-primary{min-height:40px;padding:0 18px;font-size:14px}.topbar-groups{display:none!important}.mobile-tab-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;height:56px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);background:#060612fa;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:stretch;position:fixed;bottom:0;left:0;right:0;display:flex!important}.mobile-tab-bar button{color:#ffffff61;font-size:9px;font-family:var(--mono);letter-spacing:.04em;cursor:pointer;min-height:unset;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-weight:600;transition:color .12s;display:flex}.mobile-tab-bar button.active{color:var(--accent)}.mobile-tab-bar button .tab-icon{font-size:18px;line-height:1}#root>div>div:last-child>div[style*=flex\:1]{padding-bottom:60px}.topbar-row1{padding:0 10px!important}.topbar-row2{display:none!important}.data-table td{min-height:44px;padding:8px 10px!important}.data-table th{padding:8px 10px!important}.stats-grid{grid-template-columns:1fr!important}[style*=border-radius\:14px][style*=position\:fixed]{width:calc(100vw - 20px)!important;max-width:none!important}::-webkit-scrollbar{width:0;height:0}}.mobile-tab-bar{display:none}.swipe-container{touch-action:pan-y}.scene-3d{transform-style:preserve-3d;perspective:1200px}.depth-shadow{box-shadow:0 2px 4px #0000004d,0 8px 16px #00000073,0 24px 56px #0000008c,inset 0 0 0 1px #ffffff0f}.glass-3d{border-radius:var(--r3,12px);-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);transform-style:preserve-3d;will-change:transform;background:linear-gradient(160deg,#ffffff12 0%,#ffffff07 100%);border:1px solid #ffffff1c;transition:transform .45s cubic-bezier(.03,.98,.52,.99);position:relative;overflow:hidden;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff17}.glass-3d:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38 40%,#ffffff47 50%,#ffffff38 60%,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}@keyframes float3d{0%,to{transform:translateY(0)rotateX(0)}33%{transform:translateY(-6px)rotateX(1.5deg)}66%{transform:translateY(-3px)rotateX(-.8deg)}}.float-3d{transform-style:preserve-3d;animation:6s ease-in-out infinite float3d}@keyframes glowPulse3d{0%,to{box-shadow:0 0 12px #00f5a033,0 8px 28px #0000008c}50%{box-shadow:0 0 28px #00f5a066,0 12px 36px #000000a6}}.glow-pulse{animation:3s ease-in-out infinite glowPulse3d}@keyframes page3dIn{0%{opacity:0;transform:perspective(1200px)rotateX(4deg)translateY(14px)scale(.984)}to{opacity:1;transform:perspective(1200px)rotateX(0)translateY(0)scale(1)}}@keyframes holographicSweep{0%{background-position:-200%}to{background-position:200%}}.holographic{background:linear-gradient(105deg,#0000 20%,#ffffff0f 40%,#00f5a014 50%,#8855ff0f 60%,#0000 80%) 0 0/200% 100%;animation:4s linear infinite holographicSweep}@keyframes heroWordIn{0%{opacity:0;filter:blur(8px);transform:translateY(32px)skewY(3deg)}to{opacity:1;filter:blur();transform:translateY(0)skewY(0)}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollHint{0%,to{opacity:.38;transform:translateY(0)}50%{opacity:.75;transform:translateY(9px)}}@keyframes marqueScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes revealFadeUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes tabTransition{0%{opacity:1}60%{opacity:.4}to{opacity:0}}@keyframes tabProgressBar{0%{opacity:1;transform:translate(-100%)scaleX(.5)}70%{opacity:1;transform:translate(0%)scaleX(1)}to{opacity:0;transform:translate(100%)scaleX(.5)}}@keyframes tabScanLine{0%{opacity:0;top:0%}5%{opacity:1}95%{opacity:.6}to{opacity:0;top:100%}}@keyframes landingExit{0%{opacity:1;filter:blur();transform:scale(1)translateY(0)}to{opacity:0;filter:blur(12px);transform:scale(1.04)translateY(-24px)}}@keyframes appEnter{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes statPop{0%{opacity:0;transform:scale(.7)translateY(14px)}70%{transform:scale(1.06)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes navReveal{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.72)}}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes goldRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes goldRingSpinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes radialPulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}@keyframes dataStream{0%{opacity:0;transform:translate(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes goldSkimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-gold{background:linear-gradient(90deg,#ffd7000a 0%,#ffd7001a 40%,#ffd7000a 80%) 0 0/200% 100%;border-radius:8px;animation:1.8s ease-in-out infinite goldSkimmer}@keyframes barGrowUp{0%{transform-origin:bottom;opacity:0;transform:scaleY(0)}to{transform-origin:bottom;opacity:1;transform:scaleY(1)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}.card-reveal{animation:.38s cubic-bezier(.22,1,.36,1) both cardReveal}.card-reveal:first-child{animation-delay:50ms}.card-reveal:nth-child(2){animation-delay:.1s}.card-reveal:nth-child(3){animation-delay:.15s}.card-reveal:nth-child(4){animation-delay:.2s}.card-reveal:nth-child(5){animation-delay:.25s}.card-reveal:nth-child(6){animation-delay:.3s}.card-reveal:nth-child(7){animation-delay:.35s}.card-reveal:nth-child(8){animation-delay:.4s}@keyframes tabEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-enter{animation:.22s cubic-bezier(.22,1,.36,1) both tabEnter}