@layer utilities{.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}}:root{--cyber-primary:#8b5cf6;--cyber-secondary:#ec4899;--cyber-accent:#06b6d4;--cyber-success:#10b981;--cyber-warning:#f59e0b;--cyber-error:#ef4444;--cyber-bg:#0f0f23;--cyber-surface:#1a1a2e;--cyber-border:#16213e;--cyber-text:#e2e8f0;--cyber-muted:#64748b}html,body{background:var(--cyber-bg);height:100%;color:var(--cyber-text);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}@font-face{font-family:Orbitron;font-display:swap}@font-face{font-family:Inter;font-display:swap}#root{flex-direction:column;min-height:100vh;display:flex}.cyber-bg{background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 50%,#16213e 100%);position:relative}.cyber-bg:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 25% 25%,#8b5cf61a 0%,#0000 50%),radial-gradient(circle at 75% 75%,#ec48991a 0%,#0000 50%);position:absolute;inset:0}.cyber-title{letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg, var(--cyber-primary), var(--cyber-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-weight:900;line-height:1.2}.cyber-node{letter-spacing:.05em;color:var(--cyber-text);font-family:Orbitron,monospace;font-weight:700}.cyber-description{color:var(--cyber-muted);font-weight:400}.cyber-data{color:var(--cyber-accent);font-family:Orbitron,monospace;font-weight:600}.cyber-system{color:var(--cyber-primary);letter-spacing:.05em;font-family:Orbitron,monospace;font-size:.875rem;font-weight:600}.cyber-success{color:var(--cyber-success)}.cyber-warning{color:var(--cyber-warning)}.cyber-error{color:var(--cyber-error)}.neon-text{text-shadow:0 0 5px var(--cyber-primary), 0 0 10px var(--cyber-primary), 0 0 15px var(--cyber-primary), 0 0 20px var(--cyber-primary);animation:2s ease-in-out infinite alternate neon-pulse}@keyframes neon-pulse{0%{text-shadow:0 0 5px var(--cyber-primary), 0 0 10px var(--cyber-primary), 0 0 15px var(--cyber-primary), 0 0 20px var(--cyber-primary)}to{text-shadow:0 0 2px var(--cyber-primary), 0 0 5px var(--cyber-primary), 0 0 8px var(--cyber-primary), 0 0 12px var(--cyber-primary)}}.cyber-card{border:1px solid var(--cyber-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ecc;border-radius:.75rem;transition:all .3s}.cyber-card:hover{border-color:var(--cyber-primary);transform:translateY(-2px)}.cyber-glow{box-shadow:0 0 20px #8b5cf64d,0 0 40px #ec489933}.cyber-terminal{border:1px solid var(--cyber-border);background:#0f0f23e6;border-radius:.5rem;font-family:Orbitron,monospace}.cyber-button{background:linear-gradient(135deg, var(--cyber-primary), var(--cyber-secondary));color:#fff;letter-spacing:.05em;cursor:pointer;border:none;border-radius:.5rem;font-family:Orbitron,monospace;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.cyber-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cyber-button:hover:before{left:100%}.cyber-button:hover{transform:translateY(-1px);box-shadow:0 5px 15px #8b5cf666,0 0 20px #ec48994d}.cyber-button:active{transform:translateY(0)}.cyber-button-secondary{border:2px solid var(--cyber-primary);color:var(--cyber-primary);letter-spacing:.05em;cursor:pointer;background:#8b5cf61a;border-radius:.5rem;font-family:Orbitron,monospace;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.cyber-button-secondary:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf633,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cyber-button-secondary:hover:before{left:100%}.cyber-button-secondary:hover{border-color:var(--cyber-secondary);color:#fff;background:#8b5cf633;transform:translateY(-1px);box-shadow:0 0 15px #8b5cf666,0 0 25px #ec48994d}.cyber-button-secondary:active{transform:translateY(0)}.cyber-tag{border:1px solid var(--cyber-primary);color:var(--cyber-primary);background:#8b5cf633;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-family:Orbitron,monospace;font-size:.75rem;font-weight:500;transition:all .3s;display:inline-flex}.cyber-tag:hover{border-color:var(--cyber-secondary);background:#8b5cf64d}.cyber-input{border:1px solid var(--cyber-border);color:var(--cyber-text);background:#1a1a2ecc;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-family:Inter,sans-serif;transition:all .3s}.cyber-input:focus{border-color:var(--cyber-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.cyber-input::placeholder{color:var(--cyber-muted)}.cyber-select{border:1px solid var(--cyber-border);color:var(--cyber-text);cursor:pointer;background:#1a1a2ecc;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-family:Inter,sans-serif;transition:all .3s}.cyber-select:focus{border-color:var(--cyber-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.cyber-table{border-collapse:collapse;background:#1a1a2ecc;border-radius:.75rem;width:100%;overflow:hidden}.cyber-table th{color:var(--cyber-text);text-align:left;border-bottom:1px solid var(--cyber-border);background:#8b5cf633;padding:1rem;font-family:Orbitron,monospace;font-weight:600}.cyber-table td{border-bottom:1px solid var(--cyber-border);color:var(--cyber-text);padding:1rem}.cyber-table tr:hover{background:#8b5cf61a}.cyber-alert{border:1px solid;border-radius:.5rem;padding:1rem;font-family:Inter,sans-serif;font-weight:500}.cyber-alert-success{border-color:var(--cyber-success);color:var(--cyber-success);background:#10b9811a}.cyber-alert-warning{border-color:var(--cyber-warning);color:var(--cyber-warning);background:#f59e0b1a}.cyber-alert-error{border-color:var(--cyber-error);color:var(--cyber-error);background:#ef44441a}.cyber-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--cyber-border);background:#1a1a2ef2}.cyber-nav-link{color:var(--cyber-muted);border-radius:.375rem;padding:.5rem 1rem;font-family:Orbitron,monospace;font-weight:500;text-decoration:none;transition:all .3s}.cyber-nav-link:hover,.cyber-nav-link.active{color:var(--cyber-primary);background:#8b5cf61a}.cyber-loading{border:2px solid var(--cyber-border);border-top-color:var(--cyber-primary);border-radius:50%;width:2rem;height:2rem;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.cyber-fade-in{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.cyber-title{font-size:2rem}.cyber-card{margin:.5rem}.cyber-button,.cyber-button-secondary{justify-content:center;width:100%}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cyber-bg)}::-webkit-scrollbar-thumb{background:var(--cyber-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyber-secondary)}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 30px #8b5cf699}}.animate-glow{animation:2s ease-in-out infinite glow-pulse}@media print{.cyber-bg:before{display:none}.cyber-button,.cyber-button-secondary{color:#000!important;background:0 0!important;border:1px solid #000!important}}