@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Outfit:wght@300;400;600&display=swap";:root{--patina-green:#447d70;--mana-blue:#00e5ff;--bg-dark:#0a0f12;--panel-bg:#0a0f12a6;--glass-border:#447d704d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--mana-blue);font-family:Outfit,sans-serif;overflow:hidden}#qps-canvas{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;flex-direction:column;width:100vw;height:100vh;padding:2rem;display:flex;position:absolute;top:0;left:0}header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}h1{letter-spacing:2px;color:#fff;text-shadow:0 0 15px var(--mana-blue);font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900}.header-controls{pointer-events:auto;align-items:center;gap:1rem;display:flex}.glass-btn{background:var(--panel-bg);border:1px solid var(--glass-border);letter-spacing:1px;color:var(--mana-blue);cursor:pointer;-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:.5rem 1.5rem;font-family:Orbitron,sans-serif;font-size:.9rem;transition:all .3s}.glass-btn:hover{background:#00e5ff1a;box-shadow:0 0 15px #00e5ff66}.glass-btn.active{border-color:var(--mana-blue);color:#fff;background:#00e5ff33;box-shadow:0 0 20px #00e5ff99}.status-badge{background:var(--panel-bg);border:1px solid var(--glass-border);letter-spacing:1px;color:var(--patina-green);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:.5rem 1.5rem;font-family:Orbitron,sans-serif;font-size:.9rem;box-shadow:0 4px 30px #0000001a}.status-badge.critical{color:#ff2a2a;border-color:#ff2a2a;animation:1.5s infinite pulse-critical;box-shadow:0 0 15px #ff2a2a4d}@keyframes pulse-critical{0%{text-shadow:0 0 5px #ff2a2a;box-shadow:0 0 5px #ff2a2a33}50%{text-shadow:0 0 20px #ff2a2a;box-shadow:0 0 20px #ff2a2a99}to{text-shadow:0 0 5px #ff2a2a;box-shadow:0 0 5px #ff2a2a33}}.dashboard-grid{flex-wrap:wrap;gap:1.5rem;margin-top:auto;display:flex}.glass-card{pointer-events:auto;background:var(--panel-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:12px;flex-direction:column;flex:1;min-width:250px;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 32px #0000005e}.glass-card:hover{border-color:var(--mana-blue);transform:translateY(-2px);box-shadow:0 12px 40px #00e5ff26}.glass-card h3{color:var(--patina-green);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:.8rem}.metric-value{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:300}.metric-unit{color:var(--mana-blue);margin-left:.5rem;font-size:1rem}.sparkline{width:100%;height:40px;margin-top:auto}.peer-list{max-height:80px;color:var(--patina-green);flex-direction:column;gap:.5rem;font-family:Orbitron,sans-serif;font-size:.8rem;display:flex;overflow-y:auto}.peer-entry{border-bottom:1px dashed var(--glass-border);color:var(--mana-blue);padding:.2rem 0}.controls-panel{pointer-events:auto;justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.brush-selector{background:var(--panel-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;gap:.5rem;padding:4px 8px;display:flex}.brush-btn{color:var(--patina-green);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.brush-btn:hover{color:var(--mana-blue);background:#00e5ff0d}.brush-btn.active{color:#fff;background:#00e5ff40;box-shadow:0 0 10px #00e5ff66}.toggle-container{color:var(--patina-green);align-items:center;gap:10px;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;display:flex}.toggle-switch{width:44px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--bg-dark);border:1px solid var(--glass-border);border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--patina-green);border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{border-color:var(--mana-blue);box-shadow:0 0 8px #00e5ff4d}input:checked+.slider:before{background-color:var(--mana-blue);box-shadow:0 0 10px var(--mana-blue);transform:translate(22px)}#canvas-cognitive-map{background:#05080a80;border:1px solid #447d7026;border-radius:8px;width:100%;height:120px;margin-top:auto}