.netsim-root{--radius:.5rem;--background:#03080f;--foreground:#d7e8ee;--card:#07101a;--card-foreground:#d7e8ee;--popover:#07121e;--popover-foreground:#d7e8ee;--primary:#00dbff;--primary-foreground:#00030c;--secondary:#121c26;--secondary-foreground:#c0d1d7;--muted:#0f171f;--muted-foreground:#80929c;--accent:#122334;--accent-foreground:#d7e8ee;--destructive:#ff635e;--destructive-foreground:#f8f8f8;--border:#1a304080;--input:#1a304099;--ring:#00dbff;--vlan-10:#00dbff;--vlan-20:#fd46f5;--vlan-30:#7ef962;--vlan-99:#ecaa0b;--warn:#ffb03c;--font-display:"Space Grotesk", ui-sans-serif, system-ui;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--font-sans:"Inter", ui-sans-serif, system-ui;background:var(--background);color:var(--foreground);font-family:var(--font-sans);background-image:radial-gradient(80% 60% at 20% 0,oklch(82% .16 215/.06),#0000 60%),radial-gradient(60% 40% at 100% 30%,oklch(72% .28 330/.05),#0000 60%),radial-gradient(70% 50% at 0 100%,oklch(88% .22 140/.04),#0000 60%);min-height:100vh;position:relative;overflow-x:hidden}@supports (color:lab(0% 0 0)){.netsim-root{--background:lab(1.95972% -.491969 -3.43974);--foreground:lab(90.8413% -5.07414 -4.90415);--card:lab(4.38678% -1.09026 -7.26594);--card-foreground:lab(90.8413% -5.07414 -4.90415);--popover:lab(5.19165% -1.31605 -9.50229);--popover-foreground:lab(90.8413% -5.07414 -4.90415);--primary:lab(80.1017% -39.9011 -33.6438);--primary-foreground:lab(.862824% -.0768602 -3.62549);--secondary:lab(9.45811% -1.93688 -8.61478);--secondary-foreground:lab(82.7211% -5.06884 -4.90117);--muted:lab(7.18439% -1.49957 -6.86639);--muted-foreground:lab(59.4908% -5.16638 -7.23324);--accent:lab(12.8695% -2.47981 -13.6374);--accent-foreground:lab(90.8413% -5.07414 -4.90415);--destructive:lab(62.9899% 69.4715 42.1032);--destructive-foreground:lab(97.68% -.0000298023 .0000119209);--border:lab(18.7964% -5.16294 -12.6775/.5);--input:lab(18.7964% -5.16294 -12.6775/.6);--ring:lab(80.1017% -39.9011 -33.6438);--vlan-10:lab(80.1017% -39.9011 -33.6438);--vlan-20:lab(63.163% 81.6727 -50.27);--vlan-30:lab(88.5833% -56.3031 59.6122);--vlan-99:lab(74.4754% 17.3326 75.9449);--warn:lab(78.7063% 29.7058 83.7583)}}.netsim-root .container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.netsim-root .container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.netsim-root .container{max-width:1440px;padding-left:2rem;padding-right:2rem}}.netsim-root .grain-overlay{pointer-events:none;z-index:1;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.netsim-root .grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(#d7e8ee06 1px,#0000 1px),linear-gradient(90deg,#d7e8ee06 1px,#0000 1px);background-image:linear-gradient(lab(90.8413% -5.07414 -4.90415/.025) 1px,#0000 1px),linear-gradient(90deg,lab(90.8413% -5.07414 -4.90415/.025) 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.netsim-root .noc-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#09121cd9,#050c13e6);background:linear-gradient(lab(5.21333% -1.27424 -7.86241/.85),lab(3.01922% -.727452 -4.46609/.9));border:1px solid #1a304080;border:1px solid lab(18.7964% -5.16294 -12.6775/.5);border-radius:.5rem;position:relative;overflow:hidden}.netsim-root .noc-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#00dbff0a 0%,#0000 40% 60%,#fd46f508 100%);background:linear-gradient(135deg,lab(80.1017% -39.9011 -33.6438/.04) 0%,#0000 40% 60%,lab(63.163% 81.6727 -50.27/.03) 100%);position:absolute;inset:0}.netsim-root .section-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#83a5b0;color:lab(65.4327% -9.93469 -9.69786);font-size:10.5px;font-weight:500}.netsim-root .mono{font-family:var(--font-mono)}.netsim-root .display{font-family:var(--font-display);letter-spacing:-.02em}.netsim-root .glow-cyan{box-shadow:0 0 24px -6px var(--vlan-10), inset 0 0 0 1px #00dbff80}@supports (color:lab(0% 0 0)){.netsim-root .glow-cyan{box-shadow:0 0 24px -6px var(--vlan-10), inset 0 0 0 1px lab(80.1017% -39.9011 -33.6438/.5)}}.netsim-root .glow-magenta{box-shadow:0 0 24px -6px var(--vlan-20), inset 0 0 0 1px #fd46f580}@supports (color:lab(0% 0 0)){.netsim-root .glow-magenta{box-shadow:0 0 24px -6px var(--vlan-20), inset 0 0 0 1px lab(63.163% 81.6727 -50.27/.5)}}.netsim-root .glow-lime{box-shadow:0 0 24px -6px var(--vlan-30), inset 0 0 0 1px #7ef96280}@supports (color:lab(0% 0 0)){.netsim-root .glow-lime{box-shadow:0 0 24px -6px var(--vlan-30), inset 0 0 0 1px lab(88.5833% -56.3031 59.6122/.5)}}.netsim-root .glow-amber{box-shadow:0 0 24px -6px var(--vlan-99), inset 0 0 0 1px #ecaa0b80}@supports (color:lab(0% 0 0)){.netsim-root .glow-amber{box-shadow:0 0 24px -6px var(--vlan-99), inset 0 0 0 1px lab(74.4754% 17.3326 75.9449/.5)}}.netsim-root .text-glow-cyan{text-shadow:0 0 12px #00dbff99;text-shadow:0 0 12px lab(80.1017% -39.9011 -33.6438/.6)}.netsim-root .text-glow-magenta{text-shadow:0 0 12px #fd46f599;text-shadow:0 0 12px lab(63.163% 81.6727 -50.27/.6)}.netsim-root .text-glow-lime{text-shadow:0 0 12px #7ef96299;text-shadow:0 0 12px lab(88.5833% -56.3031 59.6122/.6)}.netsim-root .pulse-dot{background:var(--vlan-30);width:8px;height:8px;box-shadow:0 0 10px var(--vlan-30);border-radius:9999px;display:inline-block;position:relative}.netsim-root .pulse-dot:after{content:"";background:var(--vlan-30);border-radius:9999px;animation:2s ease-out infinite netsim-pulse-ring;position:absolute;inset:0}@keyframes netsim-pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3)}}.netsim-root .flow-line{stroke-dasharray:4 6;animation:1.4s linear infinite netsim-dash-flow}@keyframes netsim-dash-flow{to{stroke-dashoffset:-20px}}.netsim-root .hex{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%)}.netsim-root .noc-btn{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#c0d1d7;color:lab(82.7211% -5.06884 -4.90117);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1721b3;background:lab(7.16427% -1.6815 -8.53689/.7);border:1px solid #203e5299;border:1px solid lab(24.5888% -6.30894 -15.8121/.6);border-radius:.375rem;align-items:center;gap:.5rem;padding:.55rem .95rem;font-size:11px;font-weight:500;transition:all .2s ease-out;display:inline-flex;position:relative}.netsim-root .noc-btn:hover{color:#d4f5ff;color:lab(94.4369% -10.0271 -9.74283);border-color:var(--vlan-10);box-shadow:0 0 18px -4px var(--vlan-10), inset 0 0 0 1px #00dbff4d;transform:translateY(-1px)}@supports (color:lab(0% 0 0)){.netsim-root .noc-btn:hover{box-shadow:0 0 18px -4px var(--vlan-10), inset 0 0 0 1px lab(80.1017% -39.9011 -33.6438/.3)}}.netsim-root .noc-btn[data-active=true]{color:#d4f5ff;color:lab(94.4369% -10.0271 -9.74283);border-color:var(--vlan-10);box-shadow:0 0 16px -4px var(--vlan-10), inset 0 0 0 1px #00dbff66;background:linear-gradient(#00dbff2e,#00dbff14);background:linear-gradient(lab(80.1017% -39.9011 -33.6438/.18),lab(80.1017% -39.9011 -33.6438/.08))}@supports (color:lab(0% 0 0)){.netsim-root .noc-btn[data-active=true]{box-shadow:0 0 16px -4px var(--vlan-10), inset 0 0 0 1px lab(80.1017% -39.9011 -33.6438/.4)}}.netsim-root .noc-btn-primary{color:#00030c;color:lab(.862824% -.0768602 -3.62549);background:linear-gradient(180deg, var(--vlan-10), #00b2d2);border-color:#00b2d2;border-color:lab(66.2373% -43.0312 -37.4611)}@supports (color:lab(0% 0 0)){.netsim-root .noc-btn-primary{background:linear-gradient(180deg, var(--vlan-10), lab(66.2373% -43.0312 -37.4611))}}.netsim-root .noc-btn-primary:hover{color:#000207;color:lab(.430035% .0757501 -2.52296);box-shadow:0 0 26px -4px var(--vlan-10)}.netsim-root .fade-up{opacity:0;animation:.6s cubic-bezier(.2,.7,.3,1) forwards netsim-fade-up;transform:translateY(8px)}@keyframes netsim-fade-up{to{opacity:1;transform:translateY(0)}}.netsim-root .stripes{background-image:repeating-linear-gradient(45deg,#ff635e26,#ff635e26 4px,#0000 4px 10px);background-image:repeating-linear-gradient(45deg,lab(62.9899% 69.4715 42.1032/.15),lab(62.9899% 69.4715 42.1032/.15) 4px,#0000 4px 10px)}.netsim-root .text-foreground{color:var(--foreground)}.netsim-root .text-muted-foreground{color:var(--muted-foreground)}.netsim-root .text-destructive{color:var(--destructive)}.netsim-root .bg-background{background-color:var(--background)}.netsim-root .bg-card{background-color:var(--card)}.netsim-root .bg-accent{background-color:var(--accent)}.netsim-root .bg-border{background-color:var(--border)}.netsim-root .border-border{border-color:var(--border)}.netsim-root .border-primary{border-color:var(--primary)}.netsim-root .text-primary{color:var(--primary)}.netsim-root ::-webkit-scrollbar{width:8px;height:8px}.netsim-root ::-webkit-scrollbar-track{background:0 0}.netsim-root ::-webkit-scrollbar-thumb{background:#1a304080;background:lab(18.7964% -5.16294 -12.6775/.5);border-radius:4px}.netsim-root ::-webkit-scrollbar-thumb:hover{background:#274c65b3;background:lab(30.3804% -7.43915 -18.9445/.7)}