.nav-transition-container{will-change:transform,opacity;position:relative;overflow:hidden}.nav-exit-forward{opacity:0;transform:translate(-100%)}.nav-exit-backward{opacity:0;transform:translate(100%)}.nav-enter-forward,.nav-enter-backward{opacity:1;transform:translate(0%)}.modal-transition-enter{opacity:0;transform:scale(.95)translateY(-20px)}.modal-transition-enter-active{opacity:1;transition:opacity .2s ease-out,transform .2s ease-out;transform:scale(1)translateY(0)}.modal-transition-exit{opacity:1;transform:scale(1)translateY(0)}.modal-transition-exit-active{opacity:0;transition:opacity .15s ease-in,transform .15s ease-in;transform:scale(.95)translateY(-20px)}.nav-loading{position:relative;overflow:hidden}.nav-loading:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s infinite loading-shimmer;position:absolute;top:0;left:-100%}.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:"";background:linear-gradient(90deg,#0000,#1a1a1a1a,#0000);width:100%;height:100%;transition:left .3s ease-in-out;position:absolute;top:0;left:-100%}.nav-item:hover:before{left:100%}.nav-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.nav-item.active{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.nav-item.active:after{content:"";background:#1a1a1a;border-radius:2px;width:24px;height:3px;animation:.3s ease-out slideIn;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@keyframes slideIn{0%{opacity:0;width:0}to{opacity:1;width:24px}}.nav-icon{transition:all .2s ease-in-out}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{transform:scale(1.1)}.sidebar-item{transition:all .2s ease-in-out;position:relative;overflow:hidden}.sidebar-item:before{content:"";background:linear-gradient(90deg,#1a1a1a1a,#0000);width:0;height:100%;transition:width .3s ease-in-out;position:absolute;top:0;left:0}.sidebar-item:hover:before{width:4px}.sidebar-item.active:before{background:#1a1a1a;width:4px}.sidebar-item:hover{background-color:#1a1a1a0d;transform:translate(2px)}.sidebar-item.active{background-color:#1a1a1a14;transform:translate(2px)}.sidebar-icon{transition:all .2s ease-in-out}.sidebar-item:hover .sidebar-icon,.sidebar-item.active .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:.3s ease-out fadeIn}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(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:.3s ease-out slideInFromLeft}.slide-in-right{animation:.3s ease-out slideInFromRight}.slide-in-top{animation:.3s ease-out slideInFromTop}.slide-in-bottom{animation:.3s ease-out slideInFromBottom}@media (max-width:768px){.nav-transition-container{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.nav-exit-forward{transform:translate(-100%)}.nav-exit-backward{transform:translate(100%)}}@media (prefers-color-scheme:dark){.nav-loading:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.sidebar-item:before{background:linear-gradient(90deg,#ffffff1a,#0000)}.sidebar-item.active:before{background:#fff}.nav-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}}