.fornerds-sidebar{position:fixed;left:0;top:0;height:100vh;width:60px;background:rgba(10,10,15,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid hsla(0,0%,100%,.05);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden}.fornerds-sidebar.expanded{width:240px}@media (max-width:1024px){.fornerds-sidebar{transform:translateX(-100%)}.fornerds-sidebar.mobile-open{transform:translateX(0)}.fornerds-sidebar.mobile-open.expanded{width:240px}}@media (max-width:768px){.fornerds-sidebar{transform:translateX(-100%)}.fornerds-sidebar.mobile-open{transform:translateX(0)}.fornerds-sidebar.mobile-open.expanded{width:200px}}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:16px 0}.sidebar-logo{display:flex;align-items:center;justify-content:center;padding:0 16px;margin-bottom:32px;gap:12px;white-space:nowrap}.fornerds-sidebar:not(.expanded) .sidebar-logo{padding:0;justify-content:center}.fornerds-sidebar.expanded .sidebar-logo{justify-content:flex-start;padding:0 16px}.logo-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;overflow:hidden}.logo-icon img{width:100%;height:100%;object-fit:contain}.fornerds-sidebar:hover .logo-icon{transform:scale(1.05)}.logo-full{height:40px;width:auto;object-fit:contain;opacity:0;animation:fadeInLogo .3s ease forwards;animation-delay:.1s}@keyframes fadeInLogo{to{opacity:1}}@keyframes fadeInText{to{opacity:1}}.sidebar-nav{flex:1 1;display:flex;flex-direction:column;gap:4px;padding:0 8px}.fornerds-sidebar:not(.expanded) .sidebar-nav{padding:0;align-items:center}.fornerds-sidebar.expanded .sidebar-nav{padding:0 8px;align-items:stretch}.sidebar-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border-radius:8px;background:transparent;border:none;color:hsla(0,0%,100%,.7);text-decoration:none;transition:all .2s ease;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}.fornerds-sidebar:not(.expanded) .sidebar-item{padding:12px 0;justify-content:center;width:100%}.fornerds-sidebar.expanded .sidebar-item{justify-content:flex-start;padding:12px 16px;width:100%}.sidebar-item:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));opacity:0;transition:opacity .2s ease}.sidebar-item:hover{color:#fff;background:hsla(0,0%,100%,.05)}.sidebar-item:hover:before{opacity:1}.item-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.item-icon svg{width:100%;height:100%}.sidebar-item:hover .item-icon{transform:scale(1.1)}.item-label{font-size:14px;font-weight:500;opacity:0;animation:fadeInText .3s ease forwards;animation-delay:.1s}.sidebar-footer{border-top:1px solid hsla(0,0%,100%,.05);padding:16px 8px 0;margin-top:16px}.fornerds-sidebar:not(.expanded) .sidebar-footer{padding:0;display:flex;flex-direction:column;align-items:center}.fornerds-sidebar.expanded .sidebar-footer{padding:0 8px}@media (max-width:1024px){.fornerds-sidebar.mobile-open{box-shadow:8px 0 32px rgba(0,0,0,.5)}}.fornerds-sidebar{box-shadow:4px 0 24px rgba(0,0,0,.3)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-button{position:fixed;top:16px;left:16px;width:44px;height:44px;border-radius:50%;background:rgba(10,10,15,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(0,0,0,.3)}.menu-button.hidden{opacity:0;visibility:hidden;pointer-events:none}.menu-button:hover{background:rgba(20,20,25,.95);border-color:rgba(99,102,241,.4);transform:scale(1.05);box-shadow:0 6px 24px rgba(0,0,0,.4)}.menu-button:active{transform:scale(.95)}.menu-icon{display:flex;flex-direction:column;gap:4px;width:20px;height:16px;position:relative}.icon-bar{width:100%;height:2px;background:hsla(0,0%,100%,.8);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.menu-button.open .icon-bar:first-child{transform:translateY(6px) rotate(45deg)}.menu-button.open .icon-bar:nth-child(2){opacity:0;transform:scaleX(0)}.menu-button.open .icon-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-button.open{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.2));border-color:rgba(99,102,241,.5)}.menu-button.open .icon-bar{background:#6366f1}@media (max-width:480px){.menu-button{width:40px;height:40px;top:12px;left:12px}.menu-icon{width:18px;height:14px;gap:3px}}@media (min-width:1025px){.menu-button,.menu-overlay{display:none!important}}