:root{--bg:#0b0b0d;--surface:#131316;--surface2:#1a1a1f;--line:#24242b;--line-soft:#1d1d23;--tx:#ececf1;--mut:#8b8b97;--acc:#a78bfa;--acc-dim:#a78bfa1f;--acc-line:#a78bfa59;--red:#f87171;--red-dim:#f871711f;--red-line:#f8717166;--ok:#34d399;--ok-dim:#34d3991f;--r:14px}*{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 small{color:var(--mut);letter-spacing:1.5px;font-weight:400}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft);background:#0b0b0dd1;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}}