:root{--bg: #04060d;--bg-2: #070b17;--panel: rgba(255, 255, 255, .035);--panel-2: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .16);--text: #e8eefc;--muted: #8595b4;--dim: #5b6885;--cyan: #35e6ff;--violet: #8b5cf6;--amber: #ffb347;--green: #46f0a5;--red: #ff5d73;--glow-cyan: 0 0 22px rgba(53, 230, 255, .35);--glow-violet: 0 0 22px rgba(139, 92, 246, .35);--r-sm: 10px;--r: 16px;--r-lg: 22px;--mono: ui-monospace, "JetBrains Mono", "Cascadia Code", Consolas, monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#35e6ff47}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#35e6ff59;background-clip:content-box}.bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(900px 600px at 15% -5%,rgba(53,230,255,.13),transparent 60%),radial-gradient(800px 500px at 85% 0%,rgba(139,92,246,.13),transparent 60%),radial-gradient(1000px 700px at 50% 110%,rgba(53,230,255,.07),transparent 65%)}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 40%,transparent 100%);animation:gridDrift 40s linear infinite}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:56px 56px,56px 56px}}.shell{position:relative;z-index:1;max-width:1360px;margin:0 auto;padding:22px 26px 80px}.topbar{display:flex;align-items:center;gap:18px;padding:14px 20px;margin-bottom:26px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,#ffffff0e,#ffffff04);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:dropIn .7s cubic-bezier(.2,.9,.25,1) both}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(53,230,255,.35);background:radial-gradient(circle at 30% 25%,#35e6ff47,#8b5cf61f);box-shadow:var(--glow-cyan);animation:markPulse 3.6s ease-in-out infinite}.brand-mark svg{width:22px;height:22px}@keyframes markPulse{0%,to{box-shadow:0 0 18px #35e6ff47}50%{box-shadow:0 0 34px #35e6ff8c}}.brand-name{font-size:17px;font-weight:700;letter-spacing:.16em;background:linear-gradient(92deg,#fff,var(--cyan) 55%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{font-size:11px;color:var(--dim);letter-spacing:.22em;text-transform:uppercase}.topbar-spacer{flex:1}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:#ffffff09;font-size:12px;color:var(--muted);font-family:var(--mono);white-space:nowrap}.chip b{color:var(--text);font-weight:600}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:blink 2s ease-in-out infinite}.dot.off{background:var(--red);box-shadow:0 0 10px var(--red)}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.grid-2{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 1080px){.grid-2{grid-template-columns:1fr}}.panel{position:relative;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,#ffffff0b,#ffffff03);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;animation:dropIn .75s cubic-bezier(.2,.9,.25,1) both}.panel:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(53,230,255,.6),transparent);opacity:.7}.panel-head{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line)}.panel-title{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}.panel-head .spacer{flex:1}.panel-body{padding:18px}@keyframes dropIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.delay-1{animation-delay:.07s}.delay-2{animation-delay:.14s}.delay-3{animation-delay:.21s}.drop{position:relative;border:1.5px dashed rgba(53,230,255,.28);border-radius:var(--r);padding:34px 22px;text-align:center;cursor:pointer;overflow:hidden;transition:border-color .25s,background .25s,transform .25s;background:#35e6ff05}.drop:hover{border-color:#35e6ff99;background:#35e6ff0d}.drop.over{border-color:var(--cyan);background:#35e6ff1a;transform:scale(1.015)}.drop:after{content:"";position:absolute;left:0;right:0;height:90px;background:linear-gradient(180deg,transparent,rgba(53,230,255,.13),transparent);animation:scan 3.4s ease-in-out infinite;pointer-events:none}@keyframes scan{0%{top:-90px;opacity:0}15%{opacity:1}85%{opacity:1}to{top:100%;opacity:0}}.drop-icon{width:54px;height:54px;margin:0 auto 14px;display:grid;place-items:center;border-radius:15px;border:1px solid rgba(53,230,255,.3);background:#35e6ff14;animation:float 4.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.drop h3{margin:0 0 5px;font-size:15px;font-weight:600}.drop p{margin:0;font-size:12.5px;color:var(--dim)}.thumb-wrap{position:relative;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line);background:#000}.thumb-wrap img{display:block;width:100%;max-height:210px;object-fit:contain}.thumb-meta{display:flex;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);font-family:var(--mono)}.field{margin-bottom:17px}.field:last-child{margin-bottom:0}.label{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:8px;font-weight:600}.label b{color:var(--cyan);font-family:var(--mono);font-size:12px;letter-spacing:0}.segmented{display:grid;grid-auto-flow:column;gap:5px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#00000047}.seg{padding:8px 4px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--sans);font-size:12.5px;font-weight:600;cursor:pointer;transition:color .2s,background .2s,box-shadow .2s}.seg:hover{color:var(--text)}.seg.on{color:#041018;background:linear-gradient(135deg,var(--cyan),#6ee7ff);box-shadow:0 4px 16px #35e6ff4d}input[type=range]{width:100%;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:99px;background:linear-gradient(90deg,var(--cyan) var(--p, 50%),rgba(255,255,255,.1) var(--p, 50%));outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--cyan);box-shadow:0 0 12px #35e6ffbf;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px 18px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#030a12;font-weight:700;font-size:14px;letter-spacing:.02em;cursor:pointer;position:relative;overflow:hidden;transition:transform .18s,box-shadow .25s,opacity .2s;box-shadow:0 8px 26px #35e6ff38}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 34px #35e6ff5c}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-20deg);animation:shimmer 3.2s ease-in-out infinite}@keyframes shimmer{0%,65%{left:-60%}to{left:130%}}.btn-ghost{background:#ffffff0d;border:1px solid var(--line-2);color:var(--text);box-shadow:none;font-weight:600}.btn-ghost:after{display:none}.btn-ghost:hover:not(:disabled){background:#ffffff1a;box-shadow:none}.btn-sm{padding:8px 14px;width:auto;font-size:12.5px;border-radius:10px}.adv-toggle{width:100%;margin-top:4px;background:none;border:0;color:var(--dim);font-size:12px;font-family:var(--sans);cursor:pointer;padding:8px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;transition:color .2s}.adv-toggle:hover{color:var(--cyan)}.adv{overflow:hidden;animation:expand .35s ease both;border-top:1px solid var(--line);margin-top:12px;padding-top:16px}@keyframes expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:700px}}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:13px}.pipe{display:flex;flex-direction:column;gap:3px}.pipe-step{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:12px;border:1px solid transparent;transition:background .35s,border-color .35s}.pipe-step.active{background:#35e6ff12;border-color:#35e6ff40}.pipe-step.done{opacity:.62}.pipe-num{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--line-2);font-family:var(--mono);font-size:12px;color:var(--dim);transition:all .35s}.pipe-step.active .pipe-num{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 16px #35e6ff73;animation:spinPulse 1.4s ease-in-out infinite}.pipe-step.done .pipe-num{border-color:var(--green);color:var(--green)}@keyframes spinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.pipe-txt{flex:1;min-width:0}.pipe-name{font-size:13.5px;font-weight:600}.pipe-desc{font-size:11.5px;color:var(--dim);font-family:var(--mono)}.bar{height:5px;border-radius:99px;background:#ffffff12;overflow:hidden;margin:16px 0 6px;position:relative}.bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 14px #35e6ff99;transition:width .45s cubic-bezier(.3,.9,.3,1);position:relative}.bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:barSweep 1.5s linear infinite}@keyframes barSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pct{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11.5px;color:var(--dim)}.stage{position:relative;min-height:460px;border-radius:var(--r);background:radial-gradient(700px 400px at 50% 0%,rgba(53,230,255,.06),transparent 70%),#03050c;overflow:hidden;display:grid;place-items:center}.stage svg,.stage canvas{display:block;width:100%;height:auto}.stage-sm{min-height:150px;border-radius:0}.reading{padding:46px 0;font-family:var(--mono);font-size:12.5px;color:var(--cyan);letter-spacing:.08em;animation:blink 1.4s ease-in-out infinite}.tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#0000004d}.tab{padding:7px 15px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--sans);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.tab:hover{color:var(--text)}.tab.on{background:#35e6ff29;color:var(--cyan);box-shadow:inset 0 0 0 1px #35e6ff4d}.ai-path{stroke-dasharray:1;stroke-dashoffset:1;animation:drawIn 1.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes drawIn{to{stroke-dashoffset:0}}.ai-dot{opacity:0;transform-box:fill-box;transform-origin:center;animation:dotIn .55s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes dotIn{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.legend{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);font-family:var(--mono)}.legend-item{display:inline-flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:3px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:11px}.stat{padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#ffffff06;animation:dropIn .6s cubic-bezier(.2,.9,.25,1) both;transition:border-color .25s,transform .25s}.stat:hover{border-color:#35e6ff4d;transform:translateY(-2px)}.stat-k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:600}.stat-v{font-family:var(--mono);font-size:21px;font-weight:600;margin-top:3px;color:var(--text)}.stat-v small{font-size:12px;color:var(--muted);margin-left:3px}.stat.good .stat-v{color:var(--green)}.stat.warn .stat-v{color:var(--amber)}.alert{display:flex;gap:11px;padding:12px 15px;border-radius:12px;font-size:13px;border:1px solid rgba(255,179,71,.3);background:#ffb34714;color:#ffd9a3;margin-top:13px}.alert.err{border-color:#ff5d7359;background:#ff5d7317;color:#ffc2cb}.alert.ok{border-color:#46f0a54d;background:#46f0a512;color:#a8f5d2}.alert.info{border-color:#35e6ff4d;background:#35e6ff12;color:#b6ebff}.code{margin:0;padding:16px 18px;max-height:460px;overflow:auto;font-family:var(--mono);font-size:12px;line-height:1.75;background:#02040a;color:#9fb3d9;white-space:pre}.code .op{color:var(--cyan);font-weight:600}.code .num{color:#b6a4ff}.code .cm{color:#4a5b7d;font-style:italic}.code .ln{color:#2c3a55;-webkit-user-select:none;user-select:none}.code-line{display:block;animation:lineIn .3s ease both}@keyframes lineIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.dl{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#ffffff06;color:var(--text);text-decoration:none;transition:all .22s}.dl:hover{border-color:#35e6ff73;background:#35e6ff12;transform:translateY(-2px)}.dl-ext{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;font-family:var(--mono);font-size:10.5px;font-weight:700;background:#35e6ff1f;color:var(--cyan);border:1px solid rgba(53,230,255,.25)}.dl-ext.violet{background:#8b5cf624;color:#c4b5fd;border-color:#8b5cf64d}.dl-ext.amber{background:#ffb3471f;color:var(--amber);border-color:#ffb34747}.dl-ext.green{background:#46f0a51f;color:var(--green);border-color:#46f0a547}.dl-name{font-size:13px;font-weight:600}.dl-sub{font-size:11px;color:var(--dim);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl.primary{border-color:#35e6ff73;background:#35e6ff14;box-shadow:0 0 0 1px #35e6ff1f,0 6px 20px #35e6ff1f}.dl.primary .dl-name{color:var(--cyan)}.dl-cta{text-decoration:none;width:auto;padding:8px 14px;font-size:12.5px;margin-right:8px}.empty{text-align:center;padding:70px 24px;color:var(--dim)}.empty-orb{width:96px;height:96px;margin:0 auto 22px;border-radius:50%;border:1px solid rgba(53,230,255,.22);background:radial-gradient(circle at 35% 30%,rgba(53,230,255,.18),transparent 65%);position:relative;animation:float 5.5s ease-in-out infinite}.empty-orb:before,.empty-orb:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border:1px solid rgba(53,230,255,.12);border-radius:50%;animation:ripple 3.5s ease-out infinite}.empty-orb:after{animation-delay:1.75s}@keyframes ripple{0%{transform:scale(.8);opacity:.9}to{transform:scale(1.6);opacity:0}}.empty h3{color:var(--text);font-size:16px;margin:0 0 7px;font-weight:600}.empty p{margin:0;font-size:13px;max-width:380px;margin-inline:auto}.hint{font-size:11.5px;color:var(--dim);font-family:var(--mono);margin-top:9px;line-height:1.6}.login-wrap{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:24px}.login{width:100%;max-width:396px;padding:40px 34px 30px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,#fff1,#ffffff04);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 30px 80px #0000008c,0 0 0 1px #35e6ff0f;text-align:center;position:relative;overflow:hidden;animation:loginIn .75s cubic-bezier(.2,.9,.25,1) both}.login:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(53,230,255,.75),transparent)}.login:after{content:"";position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(53,230,255,.06),transparent);animation:loginSweep 6s ease-in-out infinite;pointer-events:none}@keyframes loginIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}@keyframes loginSweep{0%,70%{left:-40%}to{left:130%}}.login[data-shake]{animation:loginIn .75s cubic-bezier(.2,.9,.25,1) both,shakeX .42s ease}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.login-mark{width:62px;height:62px;margin:0 auto 18px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(53,230,255,.35);background:radial-gradient(circle at 30% 25%,#35e6ff4d,#8b5cf61f);animation:markPulse 3.6s ease-in-out infinite}.login-mark svg{width:32px;height:32px}.login-title{margin:0;font-size:25px;font-weight:700;letter-spacing:.2em;background:linear-gradient(92deg,#fff,var(--cyan) 55%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.login-sub{margin:5px 0 28px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}.login-field{text-align:left;margin-bottom:15px}.login-field label{display:block;margin-bottom:7px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:600}.login input{width:100%;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:#00000052;color:var(--text);font-family:var(--mono);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.login input::placeholder{color:#3f4c68}.login input:focus{border-color:#35e6ff99;background:#35e6ff0a;box-shadow:0 0 0 3px #35e6ff1f}.login input:disabled{opacity:.5}.login-pass{position:relative}.login-pass input{padding-right:44px}.login-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--dim);cursor:pointer;transition:color .2s,background .2s}.login-eye:hover{color:var(--cyan);background:#35e6ff14}.login-error{margin:4px 0 14px;padding:10px 13px;border:1px solid rgba(255,93,115,.35);border-radius:11px;background:#ff5d7317;color:#ffc2cb;font-size:12.5px;text-align:left}.login-btn{margin-top:8px}.login-foot{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--dim);font-family:var(--mono);display:flex;align-items:center;justify-content:center;gap:7px}.login-lock{filter:grayscale(.4)}.logout{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff09;color:var(--muted);font-family:var(--mono);font-size:12px;cursor:pointer;transition:all .2s}.logout:hover{color:var(--red);border-color:#ff5d7366;background:#ff5d7314}.foot{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:11.5px;color:var(--dim);font-family:var(--mono)}