:root{--background-dark: #0A0E1A;--background-card: #1A1F3A;--text-primary: #E0E0E0;--text-secondary: #6B7280;--neon-pink: #FF006E;--neon-cyan: #00F5FF;--neon-green: #39FF14;--neon-red: #FF0000;--neon-blue: #00BFFF;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, monospace;--font-sans: "Inter", system-ui, sans-serif;--glow-intensity: .8}body{margin:0;font-family:var(--font-sans);background-color:var(--background-dark);color:var(--text-primary);overflow:hidden;font-size:14px;letter-spacing:.05em}h1,h2,h3,h4{font-family:var(--font-mono);text-transform:uppercase;color:var(--neon-cyan);margin-top:0;text-shadow:0 0 8px var(--neon-cyan);letter-spacing:.1em}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1.2em;color:var(--text-primary);text-shadow:none}button{font-family:var(--font-mono);background-color:transparent;color:var(--neon-pink);border:1px solid var(--neon-pink);padding:8px 15px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 5px var(--neon-pink);box-shadow:0 0 10px var(--neon-pink)}button:hover{background-color:var(--neon-pink);color:var(--background-dark);box-shadow:0 0 15px var(--neon-pink),0 0 25px #ff006eb3}input[type=text],input[type=password]{font-family:var(--font-mono);background-color:#1a1f3ab3;border:1px solid var(--text-secondary);color:var(--text-primary);padding:8px 12px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}input[type=text]:focus,input[type=password]:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--background-dark);background-image:radial-gradient(circle,#0a0e1acc 50%,#1a1f3a80);text-align:center}.auth-box{background-color:var(--background-card);padding:40px;border-radius:8px;box-shadow:0 0 20px #00f5ff33,0 0 40px #ff006e1a;border:1px solid var(--neon-cyan);animation:pulse-border 4s infinite ease-in-out}@keyframes pulse-border{0%{box-shadow:0 0 20px #00f5ff33,0 0 40px #ff006e1a}50%{box-shadow:0 0 30px #00f5ff66,0 0 60px #ff006e4d}to{box-shadow:0 0 20px #00f5ff33,0 0 40px #ff006e1a}}.auth-box h1{margin-bottom:30px;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink)}.auth-input-group{margin-bottom:20px;text-align:left}.auth-input-group label{display:block;margin-bottom:5px;color:var(--text-secondary);font-size:.9em}.auth-input-group input{width:calc(100% - 24px);border-radius:4px}.auth-error{color:var(--neon-red);margin-bottom:15px;font-weight:700}.auth-buttons{display:flex;gap:15px;justify-content:center;margin-top:25px}.auth-buttons button{background-color:transparent;border-color:var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.auth-buttons button:hover{background-color:var(--neon-cyan);color:var(--background-dark);box-shadow:0 0 15px var(--neon-cyan),0 0 25px #00f5ffb3}.auth-buttons button:nth-of-type(2){border-color:var(--neon-pink);color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink)}.auth-buttons button:nth-of-type(2):hover{background-color:var(--neon-pink);color:var(--background-dark);box-shadow:0 0 15px var(--neon-pink),0 0 25px #ff006eb3}.auth-hint{margin-top:20px;color:var(--text-secondary);font-size:.85em}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--background-card);border-bottom:1px solid var(--neon-cyan);box-shadow:0 2px 10px #00f5ff1a;font-family:var(--font-mono);position:relative;z-index:10}.player-info{display:flex;align-items:center;gap:20px}.player-name,.player-level,.player-currency{color:var(--text-primary)}.player-name{color:var(--neon-green);font-weight:700}.player-currency{color:var(--neon-green)}.progress-bar-container{width:150px;height:12px;background-color:#1a1f3ab3;border:1px solid var(--text-secondary);border-radius:3px;position:relative;overflow:hidden;margin-top:3px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--neon-pink) 0%,var(--neon-cyan) 100%);border-radius:3px;transition:width .5s ease-out}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75em;color:var(--background-dark);font-weight:700;text-shadow:0 0 3px rgba(255,255,255,.5)}.logout-button{background-color:transparent;color:var(--text-secondary);border:1px solid var(--text-secondary);font-size:.8em;padding:5px 10px}.logout-button:hover{background-color:var(--text-secondary);color:var(--background-dark);border-color:var(--text-secondary);box-shadow:none}.main-content{display:flex;flex-grow:1;overflow:hidden}.left-panel{width:300px;background-color:var(--background-card);border-right:1px solid var(--neon-cyan);padding:20px;display:flex;flex-direction:column;gap:25px;overflow-y:auto;box-shadow:2px 0 10px #00f5ff1a}.code-notebook{border-bottom:1px solid var(--text-secondary);padding-bottom:15px}.code-notebook h3{color:var(--neon-green);text-shadow:0 0 8px var(--neon-green);margin-bottom:15px}.command-list{max-height:200px;overflow-y:auto;padding-right:5px}.command-entry{display:flex;justify-content:space-between;margin-bottom:8px;font-family:var(--font-mono);font-size:.85em;color:var(--text-secondary)}.command-name{color:var(--neon-pink);font-weight:700;margin-right:10px;background-color:#ff006e1a;padding:2px 5px;border-radius:3px}.command-desc{flex-grow:1;text-align:right;color:var(--text-secondary)}.status-bars h4{color:var(--text-primary);text-shadow:none;margin-bottom:15px}.status-bar-group{margin-bottom:12px}.status-bar-group span{display:block;margin-bottom:5px;color:var(--text-secondary)}.status-bar-group .progress-bar-container{width:100%;height:10px;border-radius:2px}.status-bar-group .progress-bar{border-radius:2px}.status-bar-group .progress-bar.cpu{background:linear-gradient(90deg,var(--neon-pink) 0%,var(--neon-cyan) 100%)}.status-bar-group .progress-bar.firewall{background:linear-gradient(90deg,var(--neon-red) 0%,var(--neon-pink) 100%)}.status-bar-group .progress-bar.decryption{background:linear-gradient(90deg,var(--neon-green) 0%,var(--neon-cyan) 100%)}.status-bar-group .progress-bar.quantum{background:linear-gradient(90deg,var(--neon-cyan) 0%,var(--neon-green) 100%)}.status-bar-group .progress-text{font-size:.7em;color:var(--background-dark);text-shadow:0 0 2px rgba(255,255,255,.5)}.center-panel{flex-grow:1;display:flex;flex-direction:column;padding:20px;overflow:hidden}.netmap-container{flex-grow:1;position:relative;background-color:var(--background-card);border:1px solid var(--neon-pink);box-shadow:0 0 15px var(--neon-pink);border-radius:6px;margin-bottom:20px;overflow:hidden}.netmap-container h3{position:absolute;top:10px;left:15px;z-index:5;color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink)}.netmap-area{position:relative;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M0 0h20v20H0zM20 20h20v20H20zM0 20h20v20H0zM20 0h20v20H20z" fill="rgba(107,114,128,0.1)"/></svg>') repeat;background-size:40px 40px;overflow:hidden}.netmap-node{position:absolute;width:120px;height:80px;background-color:#1a1f3acc;border:1px solid var(--text-secondary);border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease,border-color .3s ease,box-shadow .3s ease;transform:translate(-50%,-50%);box-shadow:inset 0 0 10px #00000080}.netmap-node:hover{border-color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan),inset 0 0 15px var(--neon-cyan)}.netmap-node .node-ip{font-family:var(--font-mono);font-size:.8em;color:var(--text-secondary);background-color:#6b728033;padding:2px 5px;border-radius:3px;margin-bottom:3px}.netmap-node .node-status{font-size:1.2em;margin-bottom:3px;text-shadow:0 0 5px currentColor}.netmap-node .node-status.locked{color:var(--neon-red)}.netmap-node .node-status.connected{color:var(--neon-pink)}.netmap-node .node-status.breached{color:var(--neon-green)}.netmap-node .node-status.ally{color:var(--neon-blue)}.netmap-node .node-name{font-size:.9em;font-weight:700;color:var(--text-primary)}.netmap-node{border-color:var(--text-secondary);box-shadow:inset 0 0 10px #00000080}.netmap-node.locked{border-color:var(--neon-red);box-shadow:0 0 15px var(--neon-red),inset 0 0 10px #00000080}.netmap-node.connected{border-color:var(--neon-pink);box-shadow:0 0 15px var(--neon-pink),inset 0 0 10px #00000080}.netmap-node.breached{border-color:var(--neon-green);box-shadow:0 0 15px var(--neon-green),inset 0 0 10px #00000080}.netmap-node.ally{border-color:var(--neon-blue);box-shadow:0 0 15px var(--neon-blue),inset 0 0 10px #00000080}.netmap-link{position:absolute;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);height:2px;width:100%;animation:link-glow 2s infinite alternate,move-gradient 4s linear infinite;transform-origin:center;pointer-events:none;opacity:.7;z-index:1}@keyframes link-glow{0%{opacity:.5;box-shadow:0 0 5px var(--neon-cyan)}50%{opacity:.9;box-shadow:0 0 15px var(--neon-cyan)}to{opacity:.5;box-shadow:0 0 5px var(--neon-cyan)}}@keyframes move-gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}.tab-content{background-color:var(--background-card);border:1px solid var(--neon-pink);box-shadow:0 0 15px var(--neon-pink);border-radius:6px;padding:20px;min-height:150px;color:var(--text-secondary)}.right-panel{width:400px;background-color:var(--background-card);border-left:1px solid var(--neon-pink);display:flex;flex-direction:column;box-shadow:-2px 0 10px #ff006e1a}.terminal-logs{flex-grow:1;padding:15px 20px;overflow-y:auto;background-color:#0a0e1acc;border-bottom:1px solid var(--neon-pink);font-family:var(--font-mono);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.terminal-logs p{margin:0 0 5px;opacity:.9}.terminal-logs p:last-child{margin-bottom:0}.log-error{color:var(--neon-red);text-shadow:0 0 5px var(--neon-red)}.log-warning{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink)}.terminal-input-form{display:flex;align-items:center;padding:10px 20px;background-color:var(--background-card);border-top:1px solid var(--neon-pink)}.prompt{color:var(--neon-green);font-weight:700;font-family:var(--font-mono);margin-right:10px;text-shadow:0 0 5px var(--neon-green)}.terminal-input-form input{flex-grow:1;border:none;background:transparent;outline:none;color:var(--text-primary);font-family:var(--font-mono);font-size:1em;caret-color:var(--neon-cyan)}@media (max-width: 1024px){.main-content{flex-direction:column;overflow-y:auto}.left-panel,.center-panel,.right-panel{width:100%;height:auto;border:none;border-bottom:1px solid var(--neon-cyan)}.right-panel{border-bottom:none}.terminal-logs{height:200px;flex-grow:0}.netmap-area{height:300px}}