* { box-sizing: border-box; margin: 0; padding: 0; font-family: sans-serif; }
body { background-color: #000000; color: #ffffff; }
.sidebar { position: fixed; top: 0; left: 0; width: 260px; height: 100vh; background-color: #0a0a0a; z-index: 100; transform: translateX(-100%); transition: transform 0.25s ease; box-shadow: 4px 0 24px rgba(0,0,0,0.9); padding: 20px 16px; }
.sidebar.open { transform: translateX(0); }
.sidebar-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); opacity: 0; pointer-events: none; z-index: 99; transition: opacity 0.25s ease; }
.sidebar-overlay.active { opacity: 1; pointer-events: auto; }
.rental-img { width: 75px !important; height: 75px !important; border-radius: 10px; object-fit: cover; border: 1.5px solid #22c55e; }
.nav-item { display: block; color: #22c55e; padding: 10px; text-decoration: none; font-weight: 600; }