:root{--background:#050508;--foreground:#e0e0e6;--primary:#00f2ff;--secondary:#bc00ff;--accent:#fc0;--surface:#141419b3;--border:#ffffff1a;--glass-bg:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none}.neon-text{text-shadow:0 0 10px var(--primary)}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:.5px solid var(--border);box-shadow:0 8px 32px #0000005e}
.sidebar{z-index:100;border-right:1px solid var(--border);border-radius:0 12px 12px 0;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-brand{justify-content:center;align-items:center;padding:40px 24px;display:flex}.sidebar-logo{object-fit:contain;width:140px;height:auto}.brand-text{letter-spacing:1px;font-size:20px;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:20px 12px;display:flex}.nav-item{color:#ffffffb3;border-radius:6px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.nav-item:hover{color:var(--primary);background:#ffffff0d}.nav-item.active{color:var(--primary);border-left:3px solid var(--primary);background:#00f2ff1a}.nav-icon{font-size:18px}.nav-text{font-size:14px;font-weight:500}.sidebar-footer{border-top:1px solid var(--border);padding:24px}.status-indicator{color:#ffffff80;align-items:center;gap:8px;font-size:12px;display:flex}.dot{background:#0f8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #0f8}.pulse{animation:2s infinite pulse-ring}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}