.sidebar-wrapper{width:72px;height:100vh;background-color:#f1f2f6;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;justify-content:flex-start;transition:width .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:fixed;top:0;left:0;z-index:1e+25;will-change:width;max-height:100vh;overflow-y:auto}.sidebar-wrapper.expanded{width:260px;box-shadow:4px 0 20px rgba(0,0,0,.15)}.sidebar-wrapper.mobile .sidebar-toggle-btn{position:absolute;top:1px;right:-48px;background:white;border:1px solid #e5e7eb;border-radius:8px;padding:8px;z-index:10}.logo-text{font-size:1.2rem;font-weight:700;color:#1e1e2f}.sidebar-welcome{opacity:0;height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(-10px)}.sidebar-welcome.show{opacity:1;height:auto;margin-top:.5rem;transform:translateY(0)}.sidebar-welcome h4{font-size:1rem;font-weight:700;margin:0}.sidebar-welcome p{font-size:.75rem;color:#7a7a8c;margin:.25rem 0 0}.sidebar-menu{display:flex;flex-direction:column;padding:0 1rem;gap:.25rem;flex:1;margin-top:1rem}.sidebar-section{font-size:.7rem;font-weight:500;color:#7a7a8c;margin:1rem 0 .25rem .25rem;text-transform:uppercase}.sidebar-link.recommend{background:#f6f7ff;height:50px;min-height:50px}.sidebar-profile{padding:1rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.sidebar-profile-img{border-radius:50%}.sidebar-profile-info{display:flex;flex-direction:column}.sidebar-name{font-weight:600;font-size:.85rem}.sidebar-username{font-size:.7rem;color:#7a7a8c}.sidebar-link span{opacity:0;transform:translateX(-15px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);transition-delay:.1s;white-space:nowrap}.sidebar-wrapper.expanded .sidebar-link span{opacity:1;transform:translateX(0);transition-delay:.15s}.sidebar-link .icon-wrapper{height:50px;min-height:50px;display:flex;align-items:center;justify-content:center}.sidebar-link{display:flex;align-items:center;gap:.75rem;min-height:44px;text-decoration:none;color:#1e1e2f;border-radius:20px;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .2s ease;will-change:background-color,border-color;width:100%}.sidebar-link svg{font-size:20px}.sidebar-wrapper.mobile.collapsed{transform:translateX(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.sidebar-wrapper.mobile.expanded{transform:translateX(0);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 20px rgba(0,0,0,.25)}.sidebar-wrapper *{user-select:none}.sidebar-wrapper{scroll-behavior:smooth}@media (min-width:1025px){.sidebar-wrapper:not(.mobile){transition:width .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.sidebar-wrapper:not(.mobile).expanded{width:321px;box-shadow:4px 0 20px rgba(0,0,0,.15)}}@media (max-width:1024px){.sidebar-wrapper.mobile{width:260px}}.label-text,.logo-text,.sidebar-profile-info,.sidebar-section{opacity:0;visibility:hidden;transform:translateX(-10px);transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);transition-delay:.05s;white-space:nowrap}.sidebar-wrapper.expanded .label-text,.sidebar-wrapper.expanded .logo-text,.sidebar-wrapper.expanded .sidebar-profile-info,.sidebar-wrapper.expanded .sidebar-section{opacity:1;visibility:visible;transform:translateX(0);transition-delay:.1s}.sidebar-wrapper.expanded .sidebar-link:first-child span{transition-delay:.1s}.sidebar-wrapper.expanded .sidebar-link:nth-child(2) span{transition-delay:.15s}.sidebar-wrapper.expanded .sidebar-link:nth-child(3) span{transition-delay:.2s}.sidebar-wrapper.expanded .sidebar-link:nth-child(4) span{transition-delay:.25s}.sidebar-wrapper.expanded .sidebar-link:nth-child(5) span{transition-delay:.3s}.sidebar-link .icon-wrapper{transition:border-color .2s ease;width:28px;height:28px;min-width:28px;min-height:28px;box-sizing:border-box;flex-shrink:0}