@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";*{box-sizing:border-box}.page.sidebar-page{position:fixed;top:0;left:0;height:100vh;width:64px;z-index:20;background:transparent;transition:width .4s ease}.page.sidebar-page:hover{width:300px}.sidebar button{background:transparent;border:0;padding:0;cursor:pointer}.sidebar{position:fixed;overflow-x:hidden;overflow-y:auto;top:20px;left:20px;bottom:30px;width:64px;border-radius:16px;background:#fff;box-shadow:0 10px 25px #00000014;transition:width .4s,background .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;scrollbar-width:none}.sidebar:hover{width:260px;background:#fff;scrollbar-width:thin}.sidebar::-webkit-scrollbar{width:0px;height:0px}.sidebar:hover::-webkit-scrollbar{width:8px}.sidebar:hover::-webkit-scrollbar-track{background:transparent}.sidebar:hover::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:8px;border:2px solid rgba(255,255,255,.7)}.sidebar .inner{position:absolute;top:0;left:0;bottom:0;width:260px;pointer-events:none}.sidebar .header{display:flex;align-items:center;height:72px;padding:0 20px;background:#fff7f1}.sidebar .header h1,.sidebar .header h2{margin-left:18px;font-weight:500;font-size:14px;letter-spacing:2px}.sidebar .logo{height:22px;scale:.8;transition:.5s;margin-left:-10px;filter:invert(52%) sepia(68%) saturate(678%) hue-rotate(349deg) brightness(100%) contrast(101%)}.sidebar .menu{position:relative;display:grid}.sidebar .menu:after{content:"";position:absolute;top:0;left:0;height:56px;width:6px;background:#f37022;translate:0 var(--top);transition:.5s}.sidebar .menu button{display:flex;gap:16px;align-items:center;height:56px;width:100%;font-family:Poppins,sans-serif;font-size:17px;text-transform:capitalize;line-height:1;padding:0 22px;color:#111827b3;cursor:pointer;opacity:.8;transition:.5s;pointer-events:auto}.sidebar:hover .menu button:hover:not(.active){background:#f3702214}.sidebar .menu :is(button:hover,.active){background:#f370221f;color:#111827;opacity:1}.sidebar:hover .menu .active{cursor:default}.sidebar .menu button:hover>span{opacity:1}.sidebar .menu button p,.sidebar .header h1{opacity:0;transition:.5s}.sidebar:hover :is(.sidebar .menu button p,.sidebar .header h1){opacity:1}.sidebar:hover .logo{scale:1}.sidebar .menu button>img{width:24px;height:24px}.sidebar.mobile{position:fixed;left:-280px;transition:left .3s ease-in-out;z-index:40}.sidebar.mobile.open{left:0}.overlay-enter{opacity:0}.overlay-enter-active{opacity:1;transition:opacity .2s}.overlay-exit{opacity:1}.overlay-exit-active{opacity:0;transition:opacity .2s}.page.sidebar-page.mobile{padding-left:0}.burger-button{position:fixed;top:1rem;left:1rem;z-index:50}.sidebar{transition:all .3s ease-in-out}.sidebar{z-index:35}.sidebar.mobile.open{box-shadow:0 0 15px #0003}.mobile-menu-dropdown{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.page.sidebar-page{width:0}}.mobile-dropdown{position:fixed;top:4rem;left:1rem;background:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50}