:root{--accent:#a855f7;--accent-glow:#c084fc;--neon:none;--strong-neon:none;--bg:rgba(20,15,35,0.95);--card:rgba(40,30,70,0.6);--text:#e0d0ff}.sidebar-nav{position:fixed;top:0;left:0;height:100vh;width:300px;background:var(--bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem 1.5rem;transition:width .4s ease;box-shadow:0 0 40px rgba(0,0,0,.6);z-index:1000;display:flex;flex-direction:column}.sidebar-nav.collapsed{width:110px}.sidebar-links{display:flex;flex-direction:column;gap:1.5rem;margin-top:6rem;width:100%}.sidebar-item{position:relative;display:flex;align-items:center;gap:1.2rem;padding:1.5rem 1.8rem;background:var(--card);border:1px solid rgba(168,85,247,.3);border-radius:24px;box-shadow:var(--neon);transition:all .4s ease;color:var(--text);text-decoration:none;font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;overflow:hidden;width:100%;justify-content:flex-start}.sidebar-item:hover{transform:translateX(12px) scale(1.03);box-shadow:var(--strong-neon);border-color:var(--accent-glow);background:rgba(168,85,247,.15)}.sidebar-item.active{background:linear-gradient(135deg,#9333ea,#d946ef);box-shadow:var(--strong-neon);transform:translateX(8px)}.icon-wrapper{width:6px;height:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-icon,.support-icon{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 0 var(--accent-glow))}.item-label{font-size:1.1rem;opacity:1;transition:opacity .4s ease;white-space:nowrap}.sidebar-nav.collapsed .item-label,.tooltip{opacity:0;pointer-events:none}.tooltip{position:absolute;left:120px;top:50%;transform:translateY(-50%);background:rgba(40,30,70,.95);padding:.8rem 1.4rem;border-radius:14px;color:var(--text);font-size:1rem;box-shadow:var(--strong-neon);white-space:nowrap;transition:opacity .3s ease}.sidebar-item:hover .tooltip{opacity:1}.sidebar-item.disabled{opacity:.85;cursor:not-allowed}.sidebar-item.disabled:hover{transform:none;background:var(--card);box-shadow:var(--neon)}.lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.65);border-radius:24px;gap:.6rem;pointer-events:none}.lock-icon{width:56px;height:56px;filter:drop-shadow(0 0 0 #ff3355)}.soon-text{font-size:1.1rem;color:#ff8888;font-weight:700}.support-item{margin-top:4rem;background:linear-gradient(135deg,#9333ea,#d946ef);box-shadow:var(--strong-neon)}.support-item:hover{transform:translateX(12px) scale(1.03)}.hamburger-button{position:fixed;top:1.5rem;left:1.5rem;z-index:1100;background:linear-gradient(135deg,var(--accent),#6633cc);border:none;border-radius:12px;padding:1rem;cursor:pointer;display:none;box-shadow:var(--neon)}.hamburger-button span{display:block;width:28px;height:3px;background:white;margin:6px 0;transition:.3s;border-radius:2px}.hamburger-button.active span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger-button.active span:nth-child(2){opacity:0}.hamburger-button.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.collapse-button{background:linear-gradient(135deg,var(--accent),#6633cc);border:none;border-radius:12px;padding:.8rem;cursor:pointer;align-self:flex-start;margin-bottom:2rem;box-shadow:var(--neon);display:none;transition:all .3s ease}.collapse-button:hover{transform:scale(1.1)}.collapse-icon{color:white;font-size:1.4rem}@media (max-width:768px){.hamburger-button{display:block}.sidebar-nav{transform:translateX(-100%)}.sidebar-nav:not(.collapsed){transform:translateX(0)}.collapse-button,.tooltip{display:none}}@media (min-width:769px){.collapse-button{display:block}.hamburger-button{display:none}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:var(--bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(168,85,247,.25);display:none;align-items:center;justify-content:space-around;z-index:999;padding:0 1rem;box-shadow:0 -4px 12px rgba(0,0,0,.4)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text);text-decoration:none;font-size:.75rem;font-weight:600;transition:all .25s ease;padding:6px 12px;border-radius:12px}.bottom-nav-item.active,.bottom-nav-item:hover{color:#fff;background:rgba(168,85,247,.15);transform:translateY(-2px)}.bottom-nav-item img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}@media (max-width:768px){.bottom-nav{display:flex}.sidebar-nav{display:none}body{padding-bottom:80px}.hamburger-button{display:none}}