:root{--primary-500: #6366F1;--primary-600: #4F46E5;--primary-700: #4338CA;--secondary-500: #EC4899;--success-400: #34D399;--success-500: #10B981;--warning-400: #FBBF24;--warning-500: #F59E0B;--error-400: #FB7185;--error-500: #EF4444;--error-600: #DC2626;--info-500: #0EA5E9;--neon-blue: #00f3ff;--neon-cyan: #00ffff;--neon-green: #00ff41;--neon-yellow: #fcee0a;--neon-orange: #ff6600;--neon-red: #ff003c;--neon-pink: #ff00ff;--neon-purple: #bc13fe;--neon-teal: #00ff9f;--bg-body: #020617;--bg-surface: #0F172A;--bg-elevated: #1E293B;--bg-hover: #334155;--bg-active: #475569;--bg-dark: #000810;--bg-panel: rgba(15, 23, 42, .85);--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--text-muted: #64748B;--text-neon: #00f3ff;--border: rgba(148, 163, 184, .12);--border-light: rgba(148, 163, 184, .08);--border-neon: rgba(0, 243, 255, .3);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warning: linear-gradient(135deg, #f7971e 0%, #ffd200 100%);--gradient-error: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);--gradient-admin: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--gradient-supervisor: linear-gradient(135deg, #EC4899 0%, #F43F5E 100%);--gradient-accountant: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-packager: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);--gradient-scanner: linear-gradient(135deg, #0EA5E9 0%, #06B6D4 100%);--gradient-hr: linear-gradient(135deg, #F97316 0%, #FB923C 100%);--gradient-investigator: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 100%);--gradient-edge: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--gradient-core: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-vps: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--gradient-cyber: linear-gradient(135deg, #00f3ff 0%, #bc13fe 100%);--gradient-neon: linear-gradient(135deg, #00ff41 0%, #00f3ff 100%);--gradient-hacker: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #0d9488 100%);--gradient-cloud: linear-gradient(135deg, #667eea 0%, #764ba2 30%, #f093fb 70%, #f5576c 100%);--gradient-corporate: linear-gradient(135deg, #1e3a5f 0%, #3b82f6 50%, #06b6d4 100%);--gradient-tactical: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--gradient-device: linear-gradient(135deg, #2d2d44 0%, #4a4a6a 100%);--gradient-camera: linear-gradient(135deg, #1a1a2e 0%, #e94560 50%, #0f3460 100%);--gradient-usb: linear-gradient(135deg, #4a5568 0%, #718096 100%);--gradient-offline: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);--gradient-online: linear-gradient(135deg, #00ff41 0%, #00b894 100%);--gradient-warning-glow: linear-gradient(135deg, #fcee0a 0%, #ff6600 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 40px rgba(99, 102, 241, .3);--glow-blue: 0 0 10px rgba(0, 243, 255, .5), 0 0 20px rgba(0, 243, 255, .3), 0 0 30px rgba(0, 243, 255, .1);--glow-green: 0 0 10px rgba(0, 255, 65, .5), 0 0 20px rgba(0, 255, 65, .3), 0 0 30px rgba(0, 255, 65, .1);--glow-red: 0 0 10px rgba(255, 0, 60, .5), 0 0 20px rgba(255, 0, 60, .3), 0 0 30px rgba(255, 0, 60, .1);--glow-yellow: 0 0 10px rgba(252, 238, 10, .5), 0 0 20px rgba(252, 238, 10, .3), 0 0 30px rgba(252, 238, 10, .1);--glow-purple: 0 0 10px rgba(188, 19, 254, .5), 0 0 20px rgba(188, 19, 254, .3), 0 0 30px rgba(188, 19, 254, .1);--glow-pink: 0 0 10px rgba(255, 0, 255, .5), 0 0 20px rgba(255, 0, 255, .3), 0 0 30px rgba(255, 0, 255, .1);--glow-orange: 0 0 10px rgba(255, 102, 0, .5), 0 0 20px rgba(255, 102, 0, .3), 0 0 30px rgba(255, 102, 0, .1);--glow-cyan: 0 0 10px rgba(0, 255, 255, .5), 0 0 20px rgba(0, 255, 255, .3), 0 0 30px rgba(0, 255, 255, .1);--glow-teal: 0 0 10px rgba(0, 255, 159, .5), 0 0 20px rgba(0, 255, 159, .3), 0 0 30px rgba(0, 255, 159, .1);--glow-soft: 0 0 5px rgba(0, 243, 255, .3), 0 0 10px rgba(0, 243, 255, .1);--glow-intense: 0 0 20px rgba(0, 243, 255, .8), 0 0 40px rgba(0, 243, 255, .4), 0 0 60px rgba(0, 243, 255, .2);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-cyber: .25rem;--radius-tech: .125rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-instant: 50ms ease;--transition-smooth: .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-body);color:var(--text-primary);line-height:1.6;min-height:100vh}#app{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}.p-button,.p-inputtext{font-family:Inter,sans-serif}body{--p-primary-color: var(--primary-500);--p-primary-contrast-color: #ffffff;--p-surface-0: var(--bg-body);--p-surface-100: var(--bg-surface);--p-surface-200: var(--bg-elevated);--p-surface-300: var(--bg-hover);--p-text-color: var(--text-primary)}.hidden{display:none!important}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #6366f14d}50%{box-shadow:0 0 30px #6366f199}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes flicker{0%,to{opacity:1}5%{opacity:.8}10%{opacity:1}15%{opacity:.9}20%{opacity:1}25%{opacity:.95}30%{opacity:1}35%{opacity:.9}40%{opacity:1}45%{opacity:.85}50%{opacity:1}55%{opacity:.9}60%{opacity:1}65%{opacity:.95}70%{opacity:1}75%{opacity:.88}80%{opacity:1}85%{opacity:.92}90%{opacity:1}95%{opacity:.87}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes data-flow{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes hologram-flicker{0%,to{opacity:.9;filter:brightness(1)}50%{opacity:.7;filter:brightness(1.2)}}@keyframes neon-flicker{0%,to{opacity:1;text-shadow:var(--glow-blue)}5%{opacity:.8}10%{opacity:1}15%{opacity:.9}20%{opacity:1}25%{opacity:.95}30%{opacity:1}35%{opacity:.9}40%{opacity:1}45%{opacity:.85}50%{opacity:1}55%{opacity:.9}60%{opacity:1}65%{opacity:.95}70%{opacity:1}75%{opacity:.88}80%{opacity:1}85%{opacity:.92}90%{opacity:1}95%{opacity:.87}}@keyframes data-stream{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes connection-pulse{0%,to{stroke-opacity:.3;stroke-width:1}50%{stroke-opacity:1;stroke-width:2}}@keyframes node-activate{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes scan-effect{0%{transform:scaleX(0);opacity:0}50%{opacity:1}to{transform:scaleX(1.5);opacity:0}}@keyframes terminal-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes signal-wave{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}@keyframes hex-pulse{0%,to{fill-opacity:.3}50%{fill-opacity:.8}}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes border-dance{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate-glow{0%{transform:rotate(0);filter:drop-shadow(0 0 5px var(--neon-blue))}to{transform:rotate(360deg);filter:drop-shadow(0 0 5px var(--neon-purple))}}@keyframes boot-sequence{0%{width:0}to{width:100%}}@keyframes matrix-drop{0%{transform:translateY(-100vh);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes crt-flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.98}15%{opacity:.94}20%{opacity:.97}25%{opacity:.96}30%{opacity:.99}35%{opacity:.93}40%{opacity:.97}45%{opacity:.95}50%{opacity:.98}55%{opacity:.94}60%{opacity:.97}65%{opacity:.96}70%{opacity:.99}75%{opacity:.93}80%{opacity:.97}85%{opacity:.95}90%{opacity:.98}95%{opacity:.94}to{opacity:.97}}@keyframes energy-bar{0%{width:0;opacity:0}50%{opacity:1}to{width:var(--energy-width, 100%);opacity:1}}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hologram-rotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes glitch-fast{0%{transform:translate(0)}10%{transform:translate(-3px,3px)}20%{transform:translate(3px,-3px)}30%{transform:translate(-3px,-3px)}40%{transform:translate(3px,3px)}50%{transform:translate(-2px,2px)}60%{transform:translate(2px,-2px)}70%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}90%{transform:translate(-1px,1px)}to{transform:translate(0)}}@keyframes power-up{0%{transform:scale(.5) rotate(-180deg);opacity:0}50%{opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes power-down{0%{transform:scale(1);opacity:1}50%{opacity:.5}to{transform:scale(.5) rotate(180deg);opacity:0}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.fade-in{animation:fadeIn .3s ease-out}.cyber-glow{animation:glow-pulse 2s ease-in-out infinite}.cyber-pulse{animation:pulse 1.5s ease-in-out infinite}.cyber-flicker{animation:flicker 3s linear infinite}.cyber-glitch{animation:glitch .3s ease-in-out infinite}.cyber-scanline{animation:scanline 8s linear infinite}.cyber-neon-flicker{animation:neon-flicker 2s ease-in-out infinite}.cyber-data-stream{animation:data-stream 3s linear infinite}.cyber-connection{animation:connection-pulse 2s ease-in-out infinite}.cyber-activate{animation:node-activate .5s ease-out}.cyber-scan{animation:scan-effect 1.5s ease-in-out infinite}.cyber-terminal{animation:terminal-blink 1s step-end infinite}.cyber-signal{animation:signal-wave 1.5s ease-out infinite}.cyber-float{animation:float 3s ease-in-out infinite}.cyber-rotate{animation:rotate-glow 4s linear infinite}.cyber-matrix{animation:matrix-drop 5s linear infinite}.cyber-crt{animation:crt-flicker .15s linear infinite}.cyber-radar{animation:radar-sweep 2s linear infinite}.cyber-hologram{animation:hologram-rotate 8s linear infinite}.cyber-glitch-fast{animation:glitch-fast .5s ease-in-out infinite}.cyber-power-up{animation:power-up .8s ease-out}.cyber-power-down{animation:power-down .8s ease-out}.cyber-typing{animation:typing 2s steps(40) 1}.cyber-cursor{animation:cursor-blink 1s step-end infinite}.status-online{color:var(--neon-green);text-shadow:var(--glow-green)}.status-offline{color:var(--neon-red);text-shadow:var(--glow-red)}.status-warning{color:var(--neon-yellow);text-shadow:var(--glow-yellow)}.status-degraded{color:var(--neon-orange);text-shadow:var(--glow-orange)}.status-unknown{color:var(--neon-purple);text-shadow:var(--glow-purple)}.glow-blue{box-shadow:var(--glow-blue)}.glow-green{box-shadow:var(--glow-green)}.glow-red{box-shadow:var(--glow-red)}.glow-yellow{box-shadow:var(--glow-yellow)}.glow-purple{box-shadow:var(--glow-purple)}.glow-pink{box-shadow:var(--glow-pink)}.glow-orange{box-shadow:var(--glow-orange)}.glow-cyan{box-shadow:var(--glow-cyan)}.glow-teal{box-shadow:var(--glow-teal)}.glow-soft{box-shadow:var(--glow-soft)}.glow-intense{box-shadow:var(--glow-intense)}.cyber-border{border:1px solid var(--border-neon);position:relative}.cyber-border:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,var(--neon-blue),transparent,var(--neon-purple));z-index:-1;border-radius:inherit;opacity:.5}.cyber-grid{background-image:linear-gradient(rgba(0,243,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-scroll 20s linear infinite}.cyber-scanline-overlay{position:relative}.cyber-scanline-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent 50%,#0000004d 50%);background-size:100% 4px;pointer-events:none;z-index:10}.cyber-holo{position:relative;animation:hologram-flicker 3s ease-in-out infinite}.cyber-holo:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,243,255,.2),transparent);animation:data-stream 3s linear infinite}.cyber-terminal-text{font-family:Courier New,monospace;color:var(--neon-green);text-shadow:var(--glow-green)}.cyber-neon-text{color:var(--neon-blue);text-shadow:0 0 5px var(--neon-blue),0 0 10px var(--neon-blue),0 0 20px var(--neon-blue),0 0 40px var(--neon-purple)}.cyber-glitch-text{position:relative;animation:glitch-fast 2s infinite}.cyber-glitch-text:before,.cyber-glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.cyber-glitch-text:before{color:var(--neon-red);animation:glitch-fast .3s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.cyber-glitch-text:after{color:var(--neon-blue);animation:glitch-fast .3s infinite reverse;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}.cyber-corner{position:relative}.cyber-corner:before{content:"";position:absolute;top:-2px;left:-2px;width:20px;height:20px;border-top:2px solid var(--neon-blue);border-left:2px solid var(--neon-blue)}.cyber-corner:after{content:"";position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-bottom:2px solid var(--neon-blue);border-right:2px solid var(--neon-blue)}.cyber-data-bar{position:relative;height:8px;background:#00f3ff1a;border-radius:var(--radius-tech);overflow:hidden}.cyber-data-bar-fill{height:100%;background:var(--gradient-cyber);animation:energy-bar 1s ease-out;box-shadow:var(--glow-cyan)}.cyber-loader{width:100%;height:4px;background:#00f3ff1a;position:relative;overflow:hidden}.cyber-loader:after{content:"";position:absolute;top:0;left:0;height:100%;width:50%;background:var(--gradient-cyber);animation:data-stream 1.5s ease-in-out infinite}.cyber-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.cyber-circle-pulse{position:relative}.cyber-circle-pulse:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid var(--neon-blue);animation:signal-wave 2s ease-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}