@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=VT323&display=swap";:root{--amber:#ffb000;--amber-glow:#ffb00066;--amber-dim:#ffb00026;--green:#00ff41;--green-glow:#00ff4166;--green-dim:#00ff411f;--cyan:#0ff;--cyan-glow:#0ff6;--cyan-dim:#00ffff1a;--magenta:#f0f;--magenta-glow:#f0f6;--magenta-dim:#ff00ff1f;--warning:#f04;--warning-glow:#f046;--bg-deep:#05080f;--bg-card:#080c18e0;--border-color:#ffb00040;--text-primary:#f1f5f9;--text-secondary:#f1f5f999;--font-mono:"VT323", monospace;--font-display:"Orbitron", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-mono), "Courier New", monospace;background:var(--bg-deep);color:var(--text-primary);min-height:100vh;font-size:16px;line-height:1.5;overflow-x:hidden}body:before{content:"";z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:fixed;inset:0}body:after{content:"";z-index:9998;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;animation:.5s steps(4,end) infinite noiseShift;position:fixed;inset:0}@keyframes noiseShift{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-2px)}to{transform:translate(0)}}#root:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffb00008 1px,#0000 1px),linear-gradient(90deg,#ffb00008 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}@keyframes screenFlicker{0%{opacity:1}5%{opacity:.85}10%{opacity:1}17%{opacity:.92}20%{opacity:1}45%{opacity:1}48%{opacity:.88}50%{opacity:1}80%{opacity:1}83%{opacity:.93}85%{opacity:1}to{opacity:1}}.crt-flicker{animation:6s infinite screenFlicker}@keyframes glitch{0%{text-shadow:2px 0 red,-2px 0 #0ff;transform:translate(0)}20%{text-shadow:-2px 0 red,2px 0 #0ff;transform:translate(-2px,2px)}40%{text-shadow:2px 0 #0f0,-2px 0 red;transform:translate(2px,-1px)}60%{text-shadow:-2px 0 #0ff,2px 0 red;transform:translate(-1px,2px)}80%{text-shadow:2px 0 red,-2px 0 #0ff;transform:translate(0)}to{text-shadow:none;transform:translate(0)}}.glitch-text{animation:3s infinite glitch;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{color:#f0f;z-index:-1;animation:4s step-end infinite glitchTop}.glitch-text:after{color:#0ff;z-index:-2;animation:4s step-end infinite glitchBottom}@keyframes glitchTop{0%,90%,to{opacity:0;transform:translate(0)}92%{opacity:.7;clip-path:inset(0 0 80%);transform:translate(3px,-2px)}94%{opacity:.5;clip-path:inset(20% 0 60%);transform:translate(-2px,1px)}96%{opacity:0;transform:translate(0)}}@keyframes glitchBottom{0%,90%,to{opacity:0;transform:translate(0)}92%{opacity:.5;clip-path:inset(80% 0 0);transform:translate(-3px,2px)}94%{opacity:.7;clip-path:inset(60% 0 20%);transform:translate(2px,-1px)}96%{opacity:0;transform:translate(0)}}.glitch-slow{animation:8s infinite glitch}.neon-glow{box-shadow:0 0 4px var(--amber-glow), 0 0 8px var(--amber-glow), 0 0 16px var(--amber-glow), 0 0 32px var(--amber-dim)}.neon-glow-cyan{box-shadow:0 0 4px var(--cyan-glow), 0 0 8px var(--cyan-glow), 0 0 16px var(--cyan-glow), 0 0 32px var(--cyan-dim)}.neon-glow-green{box-shadow:0 0 4px var(--green-glow), 0 0 8px var(--green-glow), 0 0 16px var(--green-glow), 0 0 32px var(--green-dim)}.neon-glow-magenta{box-shadow:0 0 4px var(--magenta-glow), 0 0 8px var(--magenta-glow), 0 0 16px var(--magenta-glow), 0 0 32px var(--magenta-dim)}.neon-text{text-shadow:0 0 4px,0 0 8px,0 0 16px,0 0 32px}@keyframes pulseGlow{0%,to{box-shadow:0 0 4px,0 0 8px,0 0 16px}50%{box-shadow:0 0 8px,0 0 16px,0 0 32px,0 0 48px}}.pulse-glow{animation:2s ease-in-out infinite pulseGlow}.terminal-prompt:before{content:"[root@nod ~]# ";color:var(--green);font-family:var(--font-mono);font-size:inherit;opacity:.85}.terminal-prompt-cyan:before{content:"[root@nod ~]# ";color:var(--cyan);font-family:var(--font-mono);font-size:inherit;opacity:.85}.terminal-prompt-warn:before{content:"[root@nod ~]# ";color:var(--warning);font-family:var(--font-mono);font-size:inherit;opacity:.85}.eroded-border{clip-path:polygon(0% 0%,95% 0%,100% 5%,100% 95%,95% 100%,5% 100%,0% 95%,0% 5%)}.eroded-border-heavy{clip-path:polygon(2% 0%,96% 1%,100% 4%,99% 96%,96% 99%,4% 100%,1% 96%,0% 4%)}@keyframes dataStream{0%{background-position:0 0}to{background-position:0 200%}}.data-stream{position:relative;overflow:hidden}.data-stream:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4104 2px 4px);animation:20s linear infinite dataStream;position:absolute;inset:0}@keyframes terminalCursor{0%,to{opacity:1}50%{opacity:0}}.terminal-cursor:after{content:"█";color:var(--green);animation:.8s infinite terminalCursor}.login-container:before{content:"";z-index:0;background:radial-gradient(at 30% 40%,#ffb00014 0%,#0000 50%),radial-gradient(at 70% 60%,#00ff410f 0%,#0000 50%),radial-gradient(at 50% 90%,#ff00ff0f 0%,#0000 50%);position:absolute;inset:0}#root{z-index:1;min-height:100vh;position:relative}.login-container{background:var(--bg-deep);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-container:after{content:"█ NOD SYSTEM v2.0";font-family:var(--font-display);color:var(--amber);opacity:.25;letter-spacing:4px;font-size:10px;position:absolute;top:16px;left:24px}.login-card{z-index:1;width:400px;max-width:90vw;padding:24px;position:relative;box-shadow:0 0 4px #ffb00026,0 0 8px #ffb0001a,0 0 16px #ff00ff0d,inset 0 0 60px #0006;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:4px!important}.login-card .ant-card-body{padding:32px}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--amber), var(--magenta), var(--cyan), transparent);border-radius:4px 4px 0 0;height:2px;position:absolute;top:-1px;left:-1px;right:-1px}.ant-input,.ant-input-password{color:var(--green)!important;font-family:var(--font-mono), monospace!important;background:#00000080!important;border-color:#ffb00040!important;border-radius:2px!important}.ant-input:focus,.ant-input-password:focus{border-color:var(--amber)!important;box-shadow:0 0 4px #ffb00033,0 0 8px #ffb0001a!important}.ant-input:hover,.ant-input-password:hover{border-color:var(--amber)!important}.ant-input-password .ant-input{background:0 0!important}.ant-input-password .ant-input-suffix{color:var(--amber)}.ant-input::placeholder{color:#00ff414d!important}.ant-form-item-label>label{color:var(--amber)!important;font-family:var(--font-display), sans-serif!important;letter-spacing:2px!important;text-transform:uppercase!important;font-size:11px!important}.ant-message .ant-message-notice-content{border:1px solid var(--border-color)!important;color:var(--amber)!important;font-family:var(--font-mono), monospace!important;background:#080c18f2!important}.ant-btn-primary{background:linear-gradient(135deg, var(--amber), #cc8c00)!important;font-family:var(--font-display), sans-serif!important;letter-spacing:3px!important;text-transform:uppercase!important;border:none!important;border-radius:2px!important;transition:all .3s!important;box-shadow:0 0 4px #ffb0004d,0 0 8px #ffb00026!important}.ant-btn-primary:hover{transform:translateY(-1px);background:linear-gradient(135deg, #ffc233, var(--amber))!important;box-shadow:0 0 8px #ffb00080,0 0 16px #ffb00040,0 0 24px #ffb0001a!important}.ant-btn-text:hover{color:var(--amber)!important}.ant-statistic-title{font-family:var(--font-display), sans-serif!important;letter-spacing:2px!important;text-transform:uppercase!important;font-size:10px!important}.ant-statistic-content{font-family:var(--font-mono), monospace!important;font-size:28px!important}.ant-tag{font-family:var(--font-mono), monospace!important;border:1px solid #ffb00033!important;border-radius:2px!important}.ant-badge-ribbon{font-family:var(--font-mono), monospace!important}.ant-dropdown-menu{border:1px solid var(--border-color)!important;background:#080c18f2!important;border-radius:2px!important}.ant-dropdown-menu-item{color:var(--text-primary)!important;font-family:var(--font-mono), monospace!important}.ant-dropdown-menu-item:hover{background:#ffb0001a!important}.ant-dropdown-menu-item-divider{background:#ffb00026!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep);border-left:1px solid #ffb0000d}::-webkit-scrollbar-thumb{background:#ffb00033;border:1px solid #ffb0001a;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#ffb00059}::selection{color:#fff;background:#ff00ff4d}.login-terminal-line:after{content:"_";color:var(--green);animation:1s infinite terminalCursor}.cyber-card{position:relative;transition:all .3s!important}.cyber-card:hover{border-color:var(--cyan)!important;transform:translateY(-3px)scale(1.01)!important}.cyber-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--cyan), var(--magenta), var(--amber));-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-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}.cyber-card:hover:before{opacity:1}.status-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.online{background:var(--green);box-shadow:0 0 6px var(--green);animation:2s ease-in-out infinite pulseGlow}.status-dot.offline{background:var(--warning);box-shadow:0 0 6px var(--warning)}.status-dot.unknown{background:var(--amber);box-shadow:0 0 6px var(--amber);animation:3s ease-in-out infinite pulseGlow}.pixel-nod-logo{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative}.pixel-nod-logo .pixel-art{width:0;height:0;display:block;position:relative;box-shadow:16px 0 0 4px #f04,12px 6px 0 4px #f04,16px 6px 0 4px #f04,20px 6px 0 4px #f04,8px 12px 0 4px #f04,12px 12px 0 4px #f04,16px 12px 0 4px #f0f,20px 12px 0 4px #f04,24px 12px 0 4px #f04,4px 18px 0 4px #f04,8px 18px 0 4px #f04,12px 18px 0 4px #f04,16px 18px 0 4px #f04,20px 18px 0 4px #f04,24px 18px 0 4px #f04,28px 18px 0 4px #f04,0 24px 0 4px #f04,4px 24px 0 4px #f04,8px 24px 0 4px #f04,12px 24px 0 4px #f04,16px 24px 0 4px #f0f,20px 24px 0 4px #f04,24px 24px 0 4px #f04,28px 24px 0 4px #f04,32px 24px 0 4px #f04,2px 30px 0 4px #f04,6px 30px 0 4px #f04,10px 30px 0 4px #f04,14px 30px 0 4px #f04,18px 30px 0 4px #f04,22px 30px 0 4px #f04,26px 30px 0 4px #f04,30px 30px 0 4px #f04}.pixel-nod-logo .pixel-glow{pointer-events:none;border:1px solid #f043;position:absolute;inset:-4px;box-shadow:0 0 4px #ff00444d,0 0 8px #ff004426}.pixel-separator{background:repeating-linear-gradient(90deg, var(--magenta) 0px, var(--magenta) 4px, transparent 4px, transparent 8px);height:4px;image-rendering:pixelated;opacity:.5;margin:16px 0}.pixel-separator.green{background:repeating-linear-gradient(90deg, var(--green) 0px, var(--green) 4px, transparent 4px, transparent 8px)}.pixel-separator.amber{background:repeating-linear-gradient(90deg, var(--amber) 0px, var(--amber) 4px, transparent 4px, transparent 8px)}.pixel-separator.cyan{background:repeating-linear-gradient(90deg, var(--cyan) 0px, var(--cyan) 4px, transparent 4px, transparent 8px)}.pixel-corners{position:relative}.pixel-corners:before{content:"";width:12px;height:12px;box-shadow:0 0 0 2px var(--magenta), 6px 0 0 2px var(--magenta), 0 6px 0 2px var(--magenta), 6px 6px 0 2px var(--magenta);pointer-events:none;z-index:1;opacity:.5;position:absolute;top:-2px;left:-2px}.pixel-corners:after{content:"";width:12px;height:12px;box-shadow:0 0 0 2px var(--magenta), -6px 0 0 2px var(--magenta), 0 -6px 0 2px var(--magenta), -6px -6px 0 2px var(--magenta);pointer-events:none;z-index:1;opacity:.5;position:absolute;bottom:-2px;right:-2px}.pixel-corners-all{position:relative}.pixel-corners-all:before{content:"◥";color:var(--magenta);opacity:.4;pointer-events:none;z-index:2;image-rendering:pixelated;font-family:monospace;font-size:10px;position:absolute;top:-6px;left:-6px}.pixel-corners-all:after{content:"◤";color:var(--magenta);opacity:.4;pointer-events:none;z-index:2;image-rendering:pixelated;font-family:monospace;font-size:10px;position:absolute;bottom:-6px;right:-6px}@keyframes pixelBlockFill{0%{width:0}to{width:100%}}@keyframes pixelBlockPulse{0%,to{opacity:1}50%{opacity:.5}}.pixel-loading-bar{align-items:stretch;gap:3px;width:200px;max-width:100%;height:12px;display:flex}.pixel-loading-bar .pixel-block{background:var(--green);width:8px;min-width:8px;height:100%;box-shadow:0 0 4px var(--green-glow), 0 0 8px var(--green-dim);image-rendering:pixelated;animation:1.2s ease-in-out infinite pixelBlockPulse}.pixel-loading-bar .pixel-block:first-child{animation-delay:0s}.pixel-loading-bar .pixel-block:nth-child(2){animation-delay:.1s}.pixel-loading-bar .pixel-block:nth-child(3){animation-delay:.2s}.pixel-loading-bar .pixel-block:nth-child(4){animation-delay:.3s}.pixel-loading-bar .pixel-block:nth-child(5){animation-delay:.4s}.pixel-loading-bar .pixel-block:nth-child(6){animation-delay:.5s}.pixel-loading-bar .pixel-block:nth-child(7){animation-delay:.6s}.pixel-loading-bar .pixel-block:nth-child(8){animation-delay:.7s}.pixel-loading-bar .pixel-block:nth-child(9){animation-delay:.8s}.pixel-loading-bar .pixel-block:nth-child(10){animation-delay:.9s}.pixel-loading-bar .pixel-block:nth-child(11){animation-delay:1s}.pixel-loading-bar .pixel-block:nth-child(12){animation-delay:1.1s}.pixel-loading-bar .pixel-block:nth-child(13){animation-delay:1.2s}.pixel-loading-bar .pixel-block:nth-child(14){animation-delay:1.3s}.pixel-loading-bar .pixel-block:nth-child(15){animation-delay:1.4s}.pixel-loading-bar .pixel-block:nth-child(16){animation-delay:1.5s}.status-dot-pixel{vertical-align:middle;width:10px;height:10px;image-rendering:pixelated;background:0 0;margin-right:6px;display:inline-block;position:relative}.status-dot-pixel.online{background:var(--green);box-shadow:0 0 0 1px #00ff4180, 0 0 4px var(--green-glow);animation:2s ease-in-out infinite pixelBlockPulse}.status-dot-pixel.offline{background:var(--warning);box-shadow:0 0 0 1px #ff004480, 0 0 4px var(--warning-glow)}.status-dot-pixel.unknown{background:var(--amber);box-shadow:0 0 0 1px #ffb00080, 0 0 4px var(--amber-glow);animation:3s ease-in-out infinite pixelBlockPulse}.pixel-icon{image-rendering:pixelated;position:relative}.pixel-icon:after{content:"";pointer-events:none;background:0 0;border:1px solid #ff00ff14;position:absolute;inset:-2px}.pixel-loading-screen{background:#05080f;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.pixel-loading-screen .pixel-title{font-family:var(--font-mono), monospace;color:#00ff4180;image-rendering:pixelated;font-size:14px}