:root{--bg:#070b10;--bg2:#0a1018;--panel:#0d141d;--panel2:#101a25;--line:#172230;--line2:#22323f;--txt:#cfdae6;--mut:#7587a0;--dim:#4a5c70;--cyan:#54f2d6;--cyandim:#123a36;--amber:#ffb454;--rose:#ff5d73;--violet:#9d8bff;--blue:#4aa8ff;--mono:"SF Mono",ui-monospace,"JetBrains Mono","Cascadia Code",Consolas,monospace;--sans:ui-sans-serif,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:radial-gradient(1200px 600px at 78% -10%,rgba(84,242,214,.05),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(157,139,255,.05),transparent 60%),var(--bg);color:var(--txt);font-family:var(--sans);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}.num,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.lbl{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-weight:600}.wrap{padding:18px 22px 44px;max-width:1700px;margin:0 auto}header{display:flex;align-items:center;gap:16px;min-height:52px;padding:8px 0 12px;margin-bottom:2px;flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:11px}.brand h1{font-size:21px;font-weight:800;letter-spacing:.32em;background:linear-gradient(92deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.brand .sub{font-size:11px;color:var(--mut);letter-spacing:.16em;text-transform:uppercase}.live{display:flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--cyandim);border-radius:999px;background:#54f2d60d}.live.stale{border-color:#ffb4544d;background:#ffb4540d}.live .dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);animation:pulse 2s infinite}.live.stale .dot{background:var(--amber);animation:none}.live span{font-size:10.5px;letter-spacing:.18em;color:var(--cyan);font-weight:700}.live.stale span{color:var(--amber)}@keyframes pulse{0%{box-shadow:0 0 #54f2d680}70%{box-shadow:0 0 0 7px #54f2d600}to{box-shadow:0 0 #54f2d600}}.spacer{flex:1}.seg{display:flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden}.seg button{background:transparent;color:var(--mut);border:0;padding:6px 13px;font-size:11px;font-family:var(--mono);cursor:pointer;letter-spacing:.05em}.seg button.on{background:var(--cyandim);color:var(--cyan)}.nodes-up{font-family:var(--mono);font-size:12px;color:var(--cyan)}.nodes-up b{color:var(--txt)}.nodes-up.warn{color:var(--amber)}.clock{font-family:var(--mono);font-size:13px;text-align:right;min-width:96px}.clock small{display:block;font-size:9.5px;color:var(--dim);letter-spacing:.12em}.logout{background:transparent;border:1px solid var(--line2);color:var(--mut);border-radius:8px;padding:6px 11px;font-size:11px;cursor:pointer;font-family:var(--mono)}.logout:hover{color:var(--rose);border-color:var(--rose)}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px}.kpi{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:12px;padding:13px 14px;position:relative;overflow:hidden}.kpi .top{display:flex;justify-content:space-between;align-items:flex-start}.kpi .v{font-family:var(--mono);font-size:30px;font-weight:700;line-height:1;margin-top:11px;letter-spacing:-.5px}.kpi .v small{font-size:13px;color:var(--mut);font-weight:500}.kpi .delta{font-size:11px;font-family:var(--mono);margin-top:7px;color:var(--mut)}.kpi.alert{border-color:#ff5d7359}.kpi.alert .v{color:var(--rose)}.kpi.good .v{color:var(--cyan)}.kpi .spark{position:absolute;right:10px;bottom:10px;opacity:.5}.chip-ico{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:13px;background:#ffffff08;border:1px solid var(--line2)}.grid{display:grid;grid-template-columns:1.9fr 1fr;gap:14px;align-items:start}.panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:13px;padding:15px 16px}.panel .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:10px}.panel .head h2{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.panel .head .meta{font-size:11px;color:var(--mut);font-family:var(--mono)}.stack{display:flex;flex-direction:column;gap:14px}.map{position:relative;height:300px;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 1px 1px,rgba(120,150,180,.1) 1px,transparent 0) 0 0/22px 22px,linear-gradient(180deg,#091017,#070d13);border:1px solid var(--line)}.map .scan{position:absolute;left:0;right:0;height:80px;top:-80px;background:linear-gradient(180deg,transparent,rgba(84,242,214,.06),transparent);animation:scan 7s linear infinite;pointer-events:none}@keyframes scan{to{top:300px}}.node{position:absolute;transform:translate(-50%,-50%);text-align:center;z-index:3}.node .ring{width:14px;height:14px;border-radius:50%;margin:0 auto;position:relative;color:var(--cyan);background:var(--cyan);box-shadow:0 0 12px currentColor}.node.warn .ring{color:var(--amber);background:var(--amber)}.node.crit .ring{color:var(--rose);background:var(--rose)}.node.down .ring{color:var(--dim);background:var(--dim);box-shadow:none}.node .ring:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid currentColor;opacity:.5;animation:halo 2.4s ease-out infinite}.node.down .ring:before{animation:none;opacity:.2}@keyframes halo{0%{transform:scale(.6);opacity:.7}to{transform:scale(2.6);opacity:0}}.node .tag{margin-top:7px;font-family:var(--mono);font-size:10px;white-space:nowrap;background:#070b10b3;padding:2px 6px;border-radius:5px;border:1px solid var(--line)}.node .tag b{color:var(--cyan)}.node.warn .tag b{color:var(--amber)}.node.crit .tag b{color:var(--rose)}.node.down .tag b{color:var(--dim)}.pingsvg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.legend{position:absolute;left:12px;bottom:10px;display:flex;gap:14px;font-size:10px;color:var(--mut);font-family:var(--mono);z-index:4}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}.ncards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.nc{background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:12px;position:relative;transition:transform .15s ease,border-color .15s ease,color .15s ease}.nc:hover{border-color:var(--line2);transform:translateY(-2px)}.nc.down{opacity:.55}.nch{display:flex;align-items:center;gap:9px;margin-bottom:9px}.cc{font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;background:#ffffff0a;border:1px solid var(--line2)}.stat-dot{width:9px;height:9px;border-radius:50%}.nc h3{font-size:13px;font-weight:700;margin-bottom:1px}.nc .loc{font-size:10.5px;color:var(--mut);margin-bottom:10px}.nc .big{font-family:var(--mono);font-size:27px;font-weight:700;line-height:1}.nc .big small{font-size:11px;color:var(--mut);font-weight:500}.engine{position:absolute;top:12px;right:12px;font-size:8.5px;letter-spacing:.05em;font-family:var(--mono);padding:2px 5px;border-radius:4px}.engine.fail2ban{background:#4aa8ff1f;color:var(--blue);border:1px solid rgba(74,168,255,.25)}.engine.ipban{background:#9d8bff1f;color:var(--violet);border:1px solid rgba(157,139,255,.25)}.nc .row{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--mut);margin-top:4px}.nc .row b{color:var(--txt)}.esc{display:flex;height:5px;border-radius:3px;overflow:hidden;margin-top:11px;background:#0a1119}.esc i{display:block;height:100%}.esc .a{background:var(--cyan)}.esc .b{background:var(--amber)}.esc .c{background:var(--rose)}.agg-badge{font-size:8px;letter-spacing:.1em;color:var(--cyan);border:1px solid var(--cyandim);border-radius:4px;padding:1px 4px;margin-left:6px;vertical-align:middle}.feed{display:flex;flex-direction:column;max-height:330px;overflow:hidden}.fi{display:grid;grid-template-columns:54px 40px 1fr auto;gap:9px;align-items:center;padding:7px 2px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11.5px}.fi.new{animation:slidein .4s ease}@keyframes slidein{0%{opacity:0;transform:translate(-8px)}to{opacity:1}}.fi .t{color:var(--dim);font-size:10px}.fi .ncc{font-size:9px;text-align:center;color:var(--mut);border:1px solid var(--line2);border-radius:4px;padding:1px 0}.fi .ip{color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act{font-size:9.5px;letter-spacing:.08em;font-weight:700;white-space:nowrap}.act.ban{color:var(--amber)}.act.perm{color:var(--rose)}.act.fail{color:#8595a8}.act.success{color:var(--cyan)}.proto{font-size:9px;color:var(--dim)}.empty{color:var(--dim);font-size:11px;font-family:var(--mono);padding:14px 2px;text-align:center}.funnel{display:flex;flex-direction:column;gap:11px}.fr .frt{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px}.fr .frt .nm{color:var(--mut);font-family:var(--mono)}.fr .frt .vv{font-family:var(--mono);font-weight:700}.bar{height:24px;border-radius:6px;background:#0a1119;overflow:hidden}.bar i{display:block;height:100%;border-radius:6px;transition:width 1s cubic-bezier(.2,.7,.2,1)}.botgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-weight:600;padding:0 8px 9px;border-bottom:1px solid var(--line)}td{padding:9px 8px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;vertical-align:middle}tr:last-child td{border-bottom:0}tr:hover td{background:#ffffff04}.ip-cell{color:var(--txt);font-weight:600}.ccpill{font-size:9.5px;color:var(--mut);border:1px solid var(--line2);border-radius:4px;padding:1px 5px;background:#ffffff05}.dots{display:flex;gap:4px}.dots span{width:14px;height:14px;border-radius:4px;background:#0e1822;border:1px solid var(--line2);display:grid;place-items:center;font-size:7px;color:var(--dim)}.dots span.on{background:var(--rose);color:#1a0509;border-color:var(--rose);font-weight:800}.threat{display:flex;align-items:center;gap:7px}.threat .tb{flex:1;height:5px;border-radius:3px;background:#0e1822;overflow:hidden;min-width:46px}.threat .tb i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--rose))}.threat .tv{font-size:11px;color:var(--rose);font-weight:700;width:24px}.rank{color:var(--dim);width:18px}.seen{color:var(--cyan);font-size:10.5px}.nboxes{display:inline-block;min-width:18px;text-align:center;color:var(--rose);font-weight:700}.att{color:var(--txt);font-weight:600}.geo{display:flex;flex-direction:column;gap:8px}.gr{display:grid;grid-template-columns:34px 1fr 34px;gap:9px;align-items:center;font-family:var(--mono);font-size:11px}.gr .gc{color:var(--mut)}.gr .gbar{height:7px;border-radius:4px;background:#0a1119;overflow:hidden}.gr .gbar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyandim),var(--cyan));transition:width .8s ease}.gr .gv{text-align:right;color:var(--txt)}.hist{width:100%;min-height:230px;padding-bottom:6px}.uplot{font-family:var(--mono)!important}.u-legend{font-size:11px!important;color:var(--mut)!important}.foot{margin-top:22px;text-align:center;color:var(--dim);font-size:10.5px;font-family:var(--mono);letter-spacing:.05em}.gate{min-height:100%;display:grid;place-items:center;padding:20px}.card{width:330px;max-width:92vw;text-align:center}.card .brand{justify-content:center;margin-bottom:6px}.card .tagline{font-size:11px;color:var(--mut);letter-spacing:.16em;text-transform:uppercase;margin-bottom:26px}.pin-dots{display:flex;gap:12px;justify-content:center;align-items:center;min-height:14px;margin-bottom:8px}.pin-dots i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--line2);transition:transform .15s ease,border-color .15s ease,color .15s ease}.pin-dots i.full{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px var(--cyan)}.pin-dots.err i{border-color:var(--rose)}.pin-dots.err{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.pin-msg{font-size:11px;color:var(--mut);font-family:var(--mono);height:16px;margin-bottom:22px}.pin-msg.err{color:var(--rose)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.keypad button{aspect-ratio:1.7;background:var(--panel2);border:1px solid var(--line);border-radius:12px;color:var(--txt);font-family:var(--mono);font-size:20px;cursor:pointer;transition:transform .1s ease,background .1s ease,border-color .1s ease,color .1s ease;-webkit-user-select:none;user-select:none}.keypad button:hover{border-color:var(--cyan);color:var(--cyan)}.keypad button:active{transform:scale(.95);background:var(--cyandim)}.keypad button.ghost{background:transparent;border-color:transparent;font-size:13px;color:var(--mut)}.keypad button.ghost:hover{color:var(--rose)}.banned-card{width:380px;max-width:92vw;text-align:center}.banned-card .x{font-size:46px;margin-bottom:14px}.banned-card h2{color:var(--rose);font-size:18px;letter-spacing:.1em;margin-bottom:12px}.banned-card p{color:var(--mut);font-size:13px;line-height:1.6;font-family:var(--mono)}.spin{display:inline-block;width:16px;height:16px;border:2px solid var(--line2);border-top-color:var(--cyan);border-radius:50%;animation:rot .8s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}@media(max-width:1150px){.grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(3,1fr)}.ncards{grid-template-columns:repeat(2,1fr)}.botgrid{grid-template-columns:1fr}}@media(max-width:560px){.kpis{grid-template-columns:repeat(2,1fr)}.ncards{grid-template-columns:1fr}.wrap{padding:14px}.brand .sub{display:none}}.tabbar{display:flex;gap:2px;margin-bottom:16px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:#070b10e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto;scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tabbar button{position:relative;flex-shrink:0;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--mut);padding:12px 18px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;letter-spacing:.02em;transition:transform .15s ease,border-color .15s ease,color .15s ease}.tabbar button:hover{color:var(--txt)}.tabbar button.on{color:var(--cyan);border-bottom-color:var(--cyan)}.tabbar .tico{font-size:13px;opacity:.85}.tabbar .tbadge{background:var(--rose);color:#1a0509;font-size:9px;font-weight:800;border-radius:999px;padding:1px 6px;font-family:var(--mono)}.worldmap{position:relative;width:100%}.wm-svg{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:10px;background:radial-gradient(130% 130% at 50% -10%,#0b1722,#070d13 70%)}.wm-land path{fill:#11212d;stroke:#1d3543;stroke-width:.3;vector-effect:non-scaling-stroke}.wm-node .wm-label{fill:var(--txt);font-family:var(--mono);font-size:7px;font-weight:700;paint-order:stroke;stroke:#070d13;stroke-width:1.6px}.wm-halo{transform-box:fill-box;transform-origin:center;animation:wmhalo 2.6s ease-out infinite}.wm-node.down .wm-halo{animation:none;opacity:.12}@keyframes wmhalo{0%{transform:scale(.45);opacity:.65}to{transform:scale(1.9);opacity:0}}.wm-legend{display:flex;gap:14px;align-items:center;margin-top:9px;font-size:10px;color:var(--mut);font-family:var(--mono);flex-wrap:wrap}.wm-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}.wm-attr{margin-left:auto;color:var(--dim);font-size:9px}.wm-origin{animation:wmpulse 2.6s ease-in-out infinite}@keyframes wmpulse{0%,to{opacity:.45}50%{opacity:.95}}.wm-node{cursor:default}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.filters select,.filters .search{background:var(--bg2);border:1px solid var(--line2);color:var(--txt);border-radius:8px;padding:7px 11px;font-size:12px;font-family:var(--mono)}.filters select:focus,.filters .search:focus{outline:none;border-color:var(--cyan)}.filters .search{min-width:150px}.filters .clearf{background:transparent;border:1px solid var(--line2);color:var(--mut);border-radius:8px;padding:7px 12px;font-size:11px;cursor:pointer;font-family:var(--mono)}.filters .clearf:hover{color:var(--rose);border-color:var(--rose)}.actbar{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.acttable-wrap{max-height:600px;overflow:auto}.acttable-wrap table{min-width:560px}.acttable-wrap thead th{position:sticky;top:0;background:#0c131c;z-index:1}.dim{color:var(--dim)}.esc-key{display:flex;justify-content:space-between;margin-top:6px;font-size:8.5px;font-family:var(--mono);color:var(--mut)}.esc-key i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:3px;vertical-align:middle}.esc-key .a{background:var(--cyan)}.esc-key .b{background:var(--amber)}.esc-key .c{background:var(--rose)}.offline{margin-top:10px;color:var(--rose);font-size:14px;font-weight:700}.offerr{color:var(--dim);font-size:9px;font-weight:400;margin-top:5px;word-break:break-all;font-family:var(--mono);line-height:1.4}.histnote{margin-top:12px;font-size:10.5px;color:var(--mut);line-height:1.5}.kpis.compact .kpi{padding:11px 13px}.kpis.compact .v{font-size:23px;margin-top:8px}@media(max-width:760px){.tabbar button{padding:11px 13px;font-size:12px}.tabbar .tico{display:none}}button,select,input,a{touch-action:manipulation}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.filters select:focus-visible,.filters .search:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html{scrollbar-gutter:stable}*{scrollbar-width:thin;scrollbar-color:#24343f transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#24343f;border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#314556;background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}.pin-submit{margin-top:18px;width:100%;background:var(--cyandim);border:1px solid var(--cyan);color:var(--cyan);border-radius:12px;padding:13px;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.12em;cursor:pointer;transition:background .15s ease,opacity .15s ease}.pin-submit:hover{background:#54f2d629}.pin-submit:active{transform:translateY(1px)}.pin-submit:disabled{opacity:.35;cursor:not-allowed}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}