.nav-transition-container{will-change:transform,opacity;position:relative;overflow:hidden}.nav-exit-forward{transform:translateX(-100%);opacity:0}.nav-exit-backward{transform:translateX(100%);opacity:0}.nav-enter-backward,.nav-enter-forward{transform:translateX(0);opacity:1}.modal-transition-enter{opacity:0;transform:scale(.95) translateY(-20px)}.modal-transition-enter-active{transition:opacity .2s ease-out,transform .2s ease-out}.modal-transition-enter-active,.modal-transition-exit{opacity:1;transform:scale(1) translateY(0)}.modal-transition-exit-active{opacity:0;transform:scale(.95) translateY(-20px);transition:opacity .15s ease-in,transform .15s ease-in}.nav-loading{position:relative;overflow:hidden}.nav-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading-shimmer 1.5s infinite}.nav-loading-active:after{animation-play-state:running}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.nav-item{transition:all .2s ease-in-out;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(26,26,26,.1),transparent);transition:left .3s ease-in-out}.nav-item:hover:before{left:100%}.nav-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.nav-item.active{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.nav-item.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:24px;height:3px;background:#1a1a1a;border-radius:2px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{width:0;opacity:0}to{width:24px;opacity:1}}.nav-icon{transition:all .2s ease-in-out}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{transform:scale(1.1)}.sidebar-item{transition:all .2s ease-in-out;position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,rgba(26,26,26,.1),transparent);transition:width .3s ease-in-out}.sidebar-item:hover:before{width:4px}.sidebar-item.active:before{width:4px;background:#1a1a1a}.sidebar-item:hover{background-color:rgba(26,26,26,.05);transform:translateX(2px)}.sidebar-item.active{background-color:rgba(26,26,26,.08);transform:translateX(2px)}.sidebar-icon{transition:all .2s ease-in-out}.sidebar-item.active .sidebar-icon,.sidebar-item:hover .sidebar-icon{transform:scale(1.1)}.nav-button{transition:all .2s ease-in-out}.nav-button:hover{transform:scale(1.05)}.nav-button:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInFromLeft .3s ease-out}.slide-in-right{animation:slideInFromRight .3s ease-out}.slide-in-top{animation:slideInFromTop .3s ease-out}.slide-in-bottom{animation:slideInFromBottom .3s ease-out}@media (max-width:768px){.nav-transition-container{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.nav-exit-forward{transform:translateX(-100%)}.nav-exit-backward{transform:translateX(100%)}}@media (prefers-color-scheme:dark){.nav-loading:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.sidebar-item:before{background:linear-gradient(90deg,rgba(255,255,255,.1),transparent)}.sidebar-item.active:before{background:#ffffff}.nav-item:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}}