*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--negro-puro: #000000;--negro-panel: #0a0a0a;--gris-borde: #1a1a1a;--neon-primario: #ccff00;--neon-secundario: #00ccff;--texto-principal: #ffffff;--texto-secundario: #a0a0a0;--fuente-monospace: "Fira Code", "Courier New", monospace}body{background-color:var(--negro-puro);color:var(--texto-principal);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--negro-puro)}::-webkit-scrollbar-thumb{background:#222;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--neon-primario)}.btn-neon{background-color:var(--neon-primario);color:#000;border:none;padding:10px 20px;font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-neon:hover{box-shadow:0 0 15px #ccff0080;transform:translateY(-2px)}.panel-oscuro{background:var(--negro-panel);border:1px solid var(--gris-borde);padding:24px;border-radius:4px}.texto-monospace{font-family:var(--fuente-monospace);font-size:.85rem;color:var(--neon-secundario)}.sidebar{background-color:var(--negro-puro);border-right:1px solid var(--gris-borde);padding:2rem 1rem}.sidebar-label{color:var(--texto-secundario);font-size:.65rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin:2rem 0 .5rem 1rem;opacity:.6}.nav-link{display:flex;align-items:center;color:var(--texto-principal);text-decoration:none;padding:.8rem 1rem;font-size:.9rem;font-weight:500;border-radius:4px;transition:all .2s ease;margin-bottom:4px}.nav-link:hover{background-color:#ccff000d;color:var(--neon-primario)}.nav-link.active{background-color:#ccff001a;color:var(--neon-primario);border-left:3px solid var(--neon-primario);font-weight:700}.role-display{font-family:var(--fuente-monospace);font-size:.75rem;color:var(--neon-secundario);padding:1rem;border-top:1px solid var(--gris-borde);margin-top:2rem}.sidebar{display:flex;flex-direction:column;height:100vh;background-color:var(--negro-puro);border-right:1px solid var(--gris-borde);padding:1.5rem}.nav-menu{flex-grow:1}.sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--gris-borde)}.rol-tag{font-family:var(--fuente-monospace);font-size:.7rem;color:var(--texto-secundario);margin-bottom:.5rem;display:block;letter-spacing:1px}.rol-valor{color:var(--neon-secundario);font-weight:800;text-transform:uppercase;margin-bottom:1.5rem;display:block}.btn-salir{display:flex;align-items:center;gap:10px;color:var(--texto-secundario);text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease;cursor:pointer;background:none;border:none;padding:0}.btn-salir:before{content:"\f0206";font-family:serif}.nav-icon{width:18px;height:18px;margin-right:12px;stroke-width:2px;vertical-align:middle}.menu-links a{display:flex;align-items:center}.btn-salir{display:flex;align-items:center;background:none;border:none;color:var(--texto-secundario);padding:0;cursor:pointer;font-weight:800;transition:color .3s}.btn-salir:hover{color:#f44}