:root{--bg:#0b0b0d;--bg-translucent:#0b0b0dd9;--surface:#131316;--surface2:#1a1a1f;--surface-hover:#22222a;--line:#24242b;--line-soft:#1d1d23;--line-glow:#a78bfa66;--tx:#ececf1;--tx-dim:#cfcfe0;--mut:#8b8b97;--mut-dark:#5c5c68;--acc:#a78bfa;--acc-dim:#a78bfa1f;--acc-line:#a78bfa59;--acc-glow:#a78bfa8c;--acc-rgb:167, 139, 250;--red:#f87171;--red-dim:#f871711f;--red-line:#f8717166;--red-glow:#f871718c;--red-rgb:248, 113, 113;--ok:#34d399;--ok-dim:#34d3991f;--ok-line:#34d39966;--ok-glow:#34d3998c;--ok-rgb:52, 211, 153;--warn:#fbbf24;--warn-dim:#fbbf241f;--warn-line:#fbbf2466;--effect-grid-opacity:.04;--effect-scanline-opacity:.025;--effect-radar-color:var(--acc);--r:14px;--r-sm:8px;--r-lg:18px;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}[data-theme=violet],.theme-violet{--bg:#0b0b0d;--bg-translucent:#0b0b0dd9;--surface:#131316;--surface2:#1a1a1f;--surface-hover:#22222a;--line:#24242b;--line-soft:#1d1d23;--line-glow:#a78bfa73;--tx:#ececf1;--tx-dim:#cfcfe0;--mut:#8b8b97;--acc:#a78bfa;--acc-dim:#a78bfa1f;--acc-line:#a78bfa59;--acc-glow:#a78bfa8c;--acc-rgb:167, 139, 250;--red:#f87171;--red-dim:#f871711f;--red-line:#f8717166;--red-glow:#f871718c;--red-rgb:248, 113, 113;--ok:#34d399;--ok-dim:#34d3991f;--ok-line:#34d39966;--ok-glow:#34d3998c;--ok-rgb:52, 211, 153;--effect-radar-color:#a78bfa}[data-theme=matrix],.theme-matrix{--bg:#040905;--bg-translucent:#040905e0;--surface:#0a140c;--surface2:#0e1e10;--surface-hover:#152b18;--line:#18381b;--line-soft:#112814;--line-glow:#22c55e73;--tx:#e7faeb;--tx-dim:#b8e6c1;--mut:#688a6d;--acc:#22c55e;--acc-dim:#22c55e24;--acc-line:#22c55e66;--acc-glow:#22c55ea6;--acc-rgb:34, 197, 94;--red:#f87171;--red-dim:#f8717124;--red-line:#f8717173;--red-glow:#f8717199;--red-rgb:248, 113, 113;--ok:#4ade80;--ok-dim:#4ade8024;--ok-line:#4ade8066;--ok-glow:#4ade80a6;--ok-rgb:74, 222, 128;--effect-grid-opacity:.055;--effect-scanline-opacity:.035;--effect-radar-color:#22c55e}[data-theme=crimson],.theme-crimson{--bg:#0b0506;--bg-translucent:#0b0506e0;--surface:#140b0d;--surface2:#1e1114;--surface-hover:#29171b;--line:#37181f;--line-soft:#281116;--line-glow:#f43f5e73;--tx:#fce8ea;--tx-dim:#e4bebf;--mut:#96767a;--acc:#f43f5e;--acc-dim:#f43f5e24;--acc-line:#f43f5e66;--acc-glow:#f43f5ea6;--acc-rgb:244, 63, 94;--red:#fb7185;--red-dim:#fb718524;--red-line:#fb718573;--red-glow:#fb718599;--red-rgb:251, 113, 133;--ok:#34d399;--ok-dim:#34d3991f;--ok-line:#34d39966;--ok-glow:#34d3998c;--ok-rgb:52, 211, 153;--effect-grid-opacity:.05;--effect-radar-color:#f43f5e}[data-theme=cyberpunk],.theme-cyberpunk{--bg:#090a0f;--bg-translucent:#090a0fe0;--surface:#12131b;--surface2:#191b26;--surface-hover:#222433;--line:#2b2e40;--line-soft:#202230;--line-glow:#facc1573;--tx:#fefce8;--tx-dim:#e2e1d0;--mut:#8f909e;--acc:#facc15;--acc-dim:#facc1524;--acc-line:#facc1566;--acc-glow:#facc15a6;--acc-rgb:250, 204, 21;--red:#f87171;--red-dim:#f8717124;--red-line:#f8717166;--red-glow:#f8717199;--red-rgb:248, 113, 113;--ok:#22d3ee;--ok-dim:#22d3ee24;--ok-line:#22d3ee66;--ok-glow:#22d3ee99;--ok-rgb:34, 211, 238;--effect-radar-color:#facc15}[data-theme=cyan],.theme-cyan{--bg:#050b12;--bg-translucent:#050b12e0;--surface:#0a1420;--surface2:#0f1e2f;--surface-hover:#16293f;--line:#18334e;--line-soft:#122538;--line-glow:#06b6d473;--tx:#e6f9fd;--tx-dim:#bcecf6;--mut:#6c8699;--acc:#06b6d4;--acc-dim:#06b6d424;--acc-line:#06b6d466;--acc-glow:#06b6d4a6;--acc-rgb:6, 182, 212;--red:#f87171;--red-dim:#f871711f;--red-line:#f8717166;--red-glow:#f871718c;--red-rgb:248, 113, 113;--ok:#34d399;--ok-dim:#34d3991f;--ok-line:#34d39966;--ok-glow:#34d3998c;--ok-rgb:52, 211, 153;--effect-radar-color:#06b6d4}[data-theme=midnight],.theme-midnight{--bg:#000;--bg-translucent:#000000e6;--surface:#0a0a0b;--surface2:#121215;--surface-hover:#1c1c22;--line:#242429;--line-soft:#18181c;--line-glow:#e2e8f059;--tx:#fff;--tx-dim:#d1d5db;--mut:#71717a;--acc:#e2e8f0;--acc-dim:#e2e8f01f;--acc-line:#e2e8f059;--acc-glow:#e2e8f080;--acc-rgb:226, 232, 240;--red:#f87171;--red-dim:#f871711f;--red-line:#f8717166;--red-glow:#f871718c;--red-rgb:248, 113, 113;--ok:#34d399;--ok-dim:#34d3991f;--ok-line:#34d39966;--ok-glow:#34d3998c;--ok-rgb:52, 211, 153;--effect-radar-color:#e2e8f0}body,.card,.btn,.topbar,.tbl td,input,select,.nd{transition:background-color .25s,border-color .25s,color .2s,box-shadow .25s}.glow-accent{box-shadow:0 0 16px var(--acc-glow)}.glow-border{box-shadow:0 0 12px var(--acc-line);border-color:var(--acc)!important}.glow-text{text-shadow:0 0 8px var(--acc-glow)}.cyber-scanlines-layer{pointer-events:none;z-index:1;width:100%;height:100%;opacity:var(--effect-scanline-opacity);background:linear-gradient(#12101000 50%,#00000059 50%) 0 0/100% 4px;position:fixed;inset:0}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--tx);font:15px/1.5 system-ui,Segoe UI,sans-serif}button{cursor:pointer;font:inherit}svg{flex-shrink:0;display:block}::selection{background:var(--acc-dim)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#2c2c35;border-radius:6px}input,select{background:var(--surface2);border:1px solid var(--line);color:var(--tx);border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s}input:focus,select:focus{border-color:var(--acc)}h3{color:var(--mut);text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.brand{letter-spacing:2.5px;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:14.5px;font-weight:700;display:flex}.brand svg{color:var(--acc)}.brand img{object-fit:contain;width:22px;height:22px;filter:drop-shadow(0 0 6px var(--acc-glow));border-radius:5px}.brand small{color:var(--mut);letter-spacing:1.5px;font-weight:400}.topbar{z-index:20;background:var(--bg-translucent,#0b0b0dd1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 18px;display:flex;position:sticky;top:0}.top-right{align-items:center;gap:8px;margin-left:auto;display:flex}.nav{background:var(--surface);border:1px solid var(--line-soft);scrollbar-width:none;border-radius:12px;flex-basis:100%;order:5;gap:2px;padding:3px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.navbtn{color:var(--mut);white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 15px;font-size:13.5px;transition:all .15s;display:flex}.navbtn:hover{color:var(--tx)}.navbtn.active{background:var(--acc-dim);color:var(--tx)}.pill{background:var(--acc-dim);border:1px solid var(--acc-line);color:#cfc0ff;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:12.5px;display:flex}.pill b{color:#fff;font-variant-numeric:tabular-nums;font-size:14px}.pill-u{opacity:.7}.chip{border:1px solid var(--line);color:var(--mut);letter-spacing:1px;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;transition:all .15s;display:flex}.chip:hover{color:var(--tx);border-color:#3a3a44}.me-info{color:var(--mut);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.me-info b{color:var(--tx);font-weight:600}.iconbtn{color:var(--mut);background:0 0;border:none;border-radius:9px;padding:8px;transition:all .15s}.iconbtn:hover{color:var(--tx);background:var(--surface2)}.wsdot{border-radius:50%;width:8px;height:8px;display:inline-block}.wsdot.on{background:var(--ok);box-shadow:0 0 7px var(--ok)}.wsdot.off{background:#ffb454;animation:1.2s infinite pulse}.view{max-width:1040px;margin:24px auto 80px;padding:0 18px;animation:.25s rise}.sec-head{justify-content:space-between;align-items:center;margin:28px 0 12px;display:flex}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);padding:16px 18px;transition:border-color .15s;position:relative;overflow:hidden}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--acc-line)}.card .k{color:var(--mut);text-transform:uppercase;letter-spacing:1.2px;align-items:center;gap:7px;font-size:11px;display:flex}.card .v{font-variant-numeric:tabular-nums;margin-top:9px;font-size:25px;font-weight:700}.card .v small{color:var(--mut);font-size:13px;font-weight:500}.bar{background:var(--surface2);border-radius:3px;height:4px;margin-top:12px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--acc), #c4b5fd);border-radius:3px;width:0%;height:100%;transition:width .6s;display:block}.meta{color:var(--mut);margin-top:3px;font-size:12.5px}.list{gap:10px;display:grid}.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);color:var(--mut);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:34px 20px;display:flex}.empty svg{color:#3c3c48}.empty p{font-size:14px}.empty .ctas{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.atk{background:var(--surface);border:1px solid var(--line-soft);border-left:3px solid var(--red);border-radius:var(--r);padding:15px 18px;position:relative;overflow:hidden}.atk .head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.atk .info{flex:1;min-width:200px}.atk .info b{color:#ffb9b9;font-weight:600}.progress{background:var(--surface2);border-radius:3px;height:4px;margin-top:12px;overflow:hidden}.progress i{background:var(--red);border-radius:3px;height:100%;transition:width .3s;display:block}.atk .nodes-detail{border-top:1px solid var(--line-soft);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:12px;padding-top:10px;display:none}.atk.open .nodes-detail{display:grid}.nd{background:var(--surface2);border-radius:9px;padding:9px 12px;font-size:12.5px}.nd b{font-variant-numeric:tabular-nums}.chev-btn svg{color:var(--mut);transition:transform .2s}.atk.open .chev-btn svg{transform:rotate(90deg)}.tablewrap{border:1px solid var(--line-soft);border-radius:var(--r);overflow-x:auto}.tbl{border-collapse:collapse;background:var(--surface);width:100%}.tbl th{text-align:left;color:var(--mut);text-transform:uppercase;letter-spacing:1.2px;background:var(--surface2);white-space:nowrap;padding:11px 16px;font-size:10.5px}.tbl td{border-top:1px solid var(--line-soft);white-space:nowrap;padding:11px 16px;font-size:14px}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.tbl tr:hover td{background:#16161b}.dot{vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block}.dot.on{background:var(--ok);box-shadow:0 0 8px var(--ok);animation:2s infinite pulse}.dot.off{background:#45454f}.empty-cell{color:var(--mut);white-space:normal}.btag{color:#ffb454;letter-spacing:1px;vertical-align:1px;background:#ffb4541f;border:1px solid #ffb45459;border-radius:999px;padding:1px 7px;font-size:10px;display:inline-block}.log{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);color:#98a0ba;white-space:pre-wrap;height:175px;padding:14px 16px;font:12px/1.75 ui-monospace,Consolas,monospace;overflow-y:auto}.panel-box{background:var(--surface);border:1px solid var(--line-soft);border-radius:18px;padding:24px}.panel-box .sec-head{margin-top:0}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;display:grid}.form-grid.single{grid-template-columns:1fr}.form-grid label{color:var(--mut);gap:7px;font-size:12.5px;display:grid}.form-grid label small{opacity:.65}.chk{background:var(--surface2);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-self:end;align-items:center;gap:9px;padding:10px 12px;font-size:13px;display:flex!important}.chk input{width:auto;accent-color:var(--acc)}.rowend{grid-column:1/-1;justify-content:end;display:flex}.cmdbox{border:1px dashed var(--line);border-radius:var(--r);margin-top:18px;padding:16px 18px;font-size:14px;animation:.3s rise}.cmdbox code{background:var(--bg);border:1px solid var(--line-soft);color:#a5e8bd;word-break:break-all;border-radius:9px;margin:10px 0;padding:12px 14px;font:12.5px/1.6 ui-monospace,Consolas,monospace;display:block}.hint{color:var(--mut);margin:6px 0;font-size:13px}.mono{background:var(--surface2);border-radius:9px;min-height:16px;margin-top:14px;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.btn{border:1px solid var(--line);background:var(--surface2);color:var(--tx);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;transition:all .15s;display:inline-flex}.btn:hover{border-color:#3d3d49;transform:translateY(-1px)}.btn.primary{background:var(--acc-dim);border-color:var(--acc-line);color:#ddd0ff}.btn.primary:hover{border-color:var(--acc)}.btn.danger{background:var(--red-dim);border-color:var(--red-line);color:#ffc9c9}.btn.danger:hover{border-color:var(--red)}.btn.mini{border-radius:8px;padding:6px 13px;font-size:12.5px}.btn.wide{width:100%}.btn.ghost{background:0 0}.btn[disabled]{opacity:.5;pointer-events:none}.auth-wrap{background:radial-gradient(720px 400px at 50% -10%, var(--acc-dim), transparent 70%), var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid;position:relative;overflow:hidden}.auth-card{background:var(--surface);border:1px solid var(--line);z-index:2;border-radius:18px;width:100%;max-width:380px;padding:36px 32px;animation:.35s rise;position:relative}.sub{color:var(--mut);text-align:center;margin-bottom:24px;font-size:13px}.tabs{background:var(--surface2);border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:16px;padding:4px;display:grid}.tab{color:var(--mut);background:0 0;border:none;border-radius:8px;padding:9px;font-size:14px;transition:all .15s}.tab.active{background:var(--surface);color:var(--tx);box-shadow:0 1px 4px #0006}.auth-form{gap:10px;display:grid}.msg{color:var(--red);text-align:center;min-height:18px;margin-top:12px;font-size:13px}.auth-foot{text-align:center;color:#55555f;letter-spacing:.5px;margin-top:14px;font-size:11.5px}.plans{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.plan{background:var(--surface2);border:1px solid var(--line-soft);text-align:center;border-radius:16px;padding:22px 18px;transition:all .15s;position:relative}.plan:hover{border-color:#34343e;transform:translateY(-2px)}.plan.cur{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc), 0 8px 30px -12px var(--acc-dim)}.plan .tag{background:var(--acc);color:#17121f;letter-spacing:1px;border-radius:999px;padding:2px 10px;font-size:10px;font-weight:700;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.plan h4{letter-spacing:3px;font-size:14px}.plan .price{font-variant-numeric:tabular-nums;margin:12px 0 4px;font-size:23px;font-weight:700}.plan .per{color:var(--mut);margin-bottom:12px;font-size:12px}.plan ul{color:var(--mut);margin-bottom:18px;padding:0;font-size:12.5px;list-style:none}.plan li{justify-content:center;align-items:center;gap:6px;padding:4px 0;display:flex}.plan li svg{color:var(--ok)}#toasts{z-index:100;gap:8px;max-width:340px;display:grid;position:fixed;bottom:18px;right:18px}.toast{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:11px;padding:11px 15px;font-size:13.5px;animation:.25s slidein;box-shadow:0 10px 30px #000a}.toast.err{border-left-color:var(--red)}.toast.ok{border-left-color:var(--ok)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slidein{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media (width>=860px){.nav{flex-basis:auto;order:0}}@media (width<=640px){.brand small,.me-info{display:none}.topbar{gap:10px;padding:10px 14px}.view{margin-top:18px;padding:0 14px}.card .v{font-size:21px}.form-grid{grid-template-columns:1fr}.panel-box{padding:18px}.tbl th,.tbl td{padding:10px 12px}.pill{padding:5px 10px;font-size:11px}.chip{padding:5px 9px;font-size:11px}.top-right{flex-wrap:wrap;gap:5px;min-width:0}.atk .info{min-width:140px}.plans{grid-template-columns:1fr}.sec-head{flex-wrap:wrap;gap:8px}}@media (width<=375px){.pill .pill-u,.chip{display:none}.topbar{padding:8px 10px}.brand{letter-spacing:1.5px;font-size:12px}.navbtn{gap:5px;padding:7px 10px;font-size:12px}.view{padding:0 10px}.card{padding:12px 14px}.card .v{font-size:18px}.panel-box{border-radius:14px;padding:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.aurora-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.aurora-blob{filter:blur(60px);opacity:.6;background:var(--blob-color);border-radius:50%;animation:20s ease-in-out infinite alternate aurora-drift;position:absolute}.aurora-blob-1{width:50%;height:50%;animation-delay:0s;top:-10%;left:-10%}.aurora-blob-2{width:60%;height:60%;animation-delay:-5s;top:40%;right:-20%}.aurora-blob-3{width:50%;height:50%;animation-delay:-10s;bottom:-20%;left:20%}@keyframes aurora-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,10%)scale(1.1)}to{transform:translate(-5%,-5%)scale(.9)}}@media (prefers-reduced-motion:reduce){.aurora-blob{animation:none}}.border-beam-container{border-radius:inherit;z-index:0;position:relative;overflow:hidden}.border-beam{pointer-events:none;border-radius:inherit;-webkit-mask-composite:xor;z-index:-1;padding:1px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.border-beam:before{content:"";width:calc(100% + var(--size) * 2);height:calc(100% + var(--size) * 2);background:conic-gradient(from 0deg at 50% 50%, transparent 0%, var(--color) 15%, transparent 30%);animation:border-beam-spin var(--duration) linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes border-beam-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.border-beam:before{background:var(--color);animation:none}}