:root{--mat-dark:#2a2a2a;--mat-gray:#4a4a4a;--mat-light:#6a6a6a;--mat-white:#ffffff;--mat-accent:#9945FF;--mat-shadow:0 4px 12px rgba(0,0,0,0.5);--background-dark:#1a1a1a;--card-background:rgba(40,40,40,0.95);--text-primary:#ffffff;--text-secondary:#cccccc;--neon-glow:0 0 10px rgba(153,69,255,0.7);--neon-red:#ff5555}.hamburger-button{position:fixed;top:1rem;left:1rem;z-index:1100;background:linear-gradient(135deg,var(--mat-accent),#6633cc);border:none;border-radius:8px;padding:.8rem;cursor:pointer;display:none;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:var(--neon-glow)}.hamburger-button:hover{transform:scale(1.05)}.hamburger-button.active,.hamburger-button:hover{background:linear-gradient(135deg,#6633cc,var(--mat-accent));box-shadow:0 4px 12px rgba(153,69,255,.7)}.hamburger-icon,.hamburger-icon:after,.hamburger-icon:before{content:"";display:block;width:24px;height:3px;background:var(--text-primary);border-radius:3px;transition:transform .3s ease,opacity .3s ease}.hamburger-icon{position:relative}.hamburger-icon:before{position:absolute;top:-8px}.hamburger-icon:after{position:absolute;top:8px}.hamburger-button.active .hamburger-icon{background:transparent}.hamburger-button.active .hamburger-icon:before{transform:translateY(8px) rotate(45deg)}.hamburger-button.active .hamburger-icon:after{transform:translateY(-8px) rotate(-45deg)}.collapse-button{background:linear-gradient(135deg,var(--mat-accent),#6633cc);border:none;border-radius:8px;padding:.6rem;cursor:pointer;display:none;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:var(--neon-glow);align-self:flex-start;margin-bottom:1rem}.collapse-button:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(153,69,255,.7)}.collapse-button.active,.collapse-button:hover{background:linear-gradient(135deg,#6633cc,var(--mat-accent))}.collapse-icon{font-size:1.2rem;color:var(--text-primary)}.sidebar-nav{position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--card-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;padding:1.5rem;z-index:1000;border-right:1px solid rgba(255,255,255,.1);box-shadow:var(--mat-shadow),var(--neon-glow);transition:transform .3s ease,width .3s ease}.sidebar-nav.collapsed{width:0;transform:translateX(-100%);padding:0}@media (min-width:769px){.sidebar-nav{transform:translateX(0);width:260px}.sidebar-nav.collapsed{width:70px;transform:translateX(0)}.hamburger-button{display:none}.collapse-button{display:block}}.sidebar-links{display:flex;flex-direction:column;gap:.8rem;margin-top:0;transition:opacity .3s ease}.sidebar-links.hidden{opacity:0;pointer-events:none}.sidebar-link{display:flex;align-items:center;justify-content:flex-start;gap:.8rem;padding:.9rem 1.2rem;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:var(--text-primary);text-decoration:none;text-transform:uppercase;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(153,69,255,.3);transition:color .3s ease,transform .2s ease,box-shadow .3s ease;position:relative;overflow:hidden}.sidebar-link:hover{transform:translateX(6px);background:rgba(153,69,255,.1)}.sidebar-link.active,.sidebar-link:hover{color:var(--text-primary);box-shadow:var(--neon-glow)}.sidebar-link.active{transform:translateX(4px)}.sidebar-link.active,.sidebar-support-link{background:linear-gradient(135deg,var(--mat-accent),#6633cc)}.sidebar-support-link{display:flex;align-items:center;justify-content:flex-start;color:var(--text-primary);font-family:Orbitron,sans-serif;font-weight:700;padding:.9rem 1.2rem;border-radius:10px;text-transform:uppercase;transition:transform .2s ease,box-shadow .3s ease;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:var(--neon-glow);margin-top:1.5rem}.sidebar-support-link[data-mask=nature]{-webkit-mask:url(https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png);mask:url(https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;border:none;color:var(--text-primary);animation:ani2 .7s steps(22) forwards}.sidebar-support-link[data-mask=nature].mask-anim,.sidebar-support-link[data-mask=nature]:hover{color:var(--text-primary);animation:ani .7s steps(22) forwards}.sidebar-support-link:hover{transform:translateX(6px);box-shadow:0 4px 12px rgba(153,69,255,.7)}.sidebar-link[data-mask=nature]{background:linear-gradient(135deg,var(--mat-accent),#6633cc);-webkit-mask:url(https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png);mask:url(https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;border:none;color:var(--text-primary);animation:ani2 .7s steps(22) forwards}.sidebar-link[data-mask=nature].mask-anim,.sidebar-link[data-mask=nature]:hover{color:var(--text-primary);animation:ani .7s steps(22) forwards}@keyframes ani{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes ani2{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.sidebar-link .link-icon,.sidebar-link .link-text{position:relative;z-index:1}.link-text{display:block}.sidebar-nav.collapsed .link-text{display:none}.sidebar-link.disabled{display:flex;align-items:center;justify-content:flex-start;cursor:not-allowed;opacity:.6;position:relative;background:rgba(153,69,255,.2);border:1px solid rgba(153,69,255,.3)}.sidebar-link.disabled .link-icon,.sidebar-link.disabled .link-text{color:var(--text-secondary)}.sidebar-link.disabled .lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.6);z-index:2;border-radius:10px}.sidebar-link.disabled .lock-icon{width:1.2rem;height:1.2rem;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 3px var(--neon-red))}.sidebar-link.disabled .lock-text{font-family:Orbitron,sans-serif;font-size:.8rem;color:var(--text-primary);text-transform:uppercase;margin-top:.2rem}.sidebar-link.disabled:hover{background:rgba(153,69,255,.2);transform:none;box-shadow:none}.sidebar-link.disabled.active{opacity:.8;background:rgba(153,69,255,.3);color:var(--text-primary)}@media (max-width:768px){.hamburger-button{display:block}.sidebar-nav{width:220px;transform:translateX(-100%)}.sidebar-nav.collapsed{transform:translateX(-100%);width:0}.sidebar-nav:not(.collapsed){transform:translateX(0)}.sidebar-links{margin-top:3rem}.sidebar-link{font-size:.9rem;padding:.8rem 1rem}.sidebar-link.disabled .lock-icon{width:1rem;height:1rem}.sidebar-link.disabled .lock-text{font-size:.7rem}.sidebar-support-link{margin-top:1rem}}@media (max-width:480px){.hamburger-button{padding:.6rem}.hamburger-icon,.hamburger-icon:after,.hamburger-icon:before{width:20px;height:2px}.hamburger-icon:before{top:-6px}.hamburger-icon:after{top:6px}.sidebar-nav{width:200px}.sidebar-nav.collapsed{transform:translateX(-100%);width:0}.sidebar-links{margin-top:2.5rem}.sidebar-link{font-size:.85rem;padding:.7rem .9rem}.sidebar-link.disabled .lock-icon{width:.9rem;height:.9rem}.sidebar-link.disabled .lock-text{font-size:.65rem}.sidebar-support-link{margin-top:.8rem}}.support-icon{width:20px;height:20px;vertical-align:middle}