*{box-sizing:border-box}body{background-image:url(/images/bg-main2.png);background-position:50%;background-repeat:repeat;height:100vh;margin:0}button{cursor:pointer;text-align:left;background:0 0;border-width:0;padding:0}.sidebar{--tw-backdrop-blur:blur(20px);width:100%;-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;gap:.5rem;padding:0 .5rem;transition-property:width;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);top:1.5rem;bottom:1.5rem;right:1.5rem}@media (min-width:1024px){.sidebar{width:280px}}.sidebar{scrollbar-width:thin;scrollbar-color:#4b5563 #1f2937;background-color:#000000b3;height:calc(100vh - 40px);overflow-y:auto}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:4px}.sidebar::-webkit-scrollbar-track{background-color:#1f2937}.sidebar{background-color:#080e34b3}@keyframes slideInSidebar{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutSidebar{0%{transform:translate(0)}to{transform:translate(100%)}}.sidebar.show{animation:.3s forwards slideInSidebar}.sidebar.hide{animation:.3s forwards slideOutSidebar}.sidebar header{border-style:solid;border-bottom-width:1px;border-bottom-color:#ffffff14;align-items:center;height:72px;padding:0 1.25rem 0 0;display:flex}.sidebar header button{width:52px}.sidebar header img{height:1.5rem}.sidebar button{color:#fffffff2;border-radius:.375rem;align-items:center;gap:.5rem;width:100%;height:50px;padding:0 .5rem;font-weight:400;line-height:1;display:flex;position:relative}.sidebar button:is(.active,:hover){background-color:#0000004d}.sidebar button i{transition-property:.5s;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sidebar button.active>i:nth-child(3){rotate:-180deg}.sidebar button:not(.active):hover{background-color:#0000001a}.sidebar ul{width:100%;margin:0;padding:0;list-style-type:none;display:grid}.sub-menu{height:0;transition-property:.5s;margin-left:1rem;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative;right:1rem;overflow:hidden}.sub-menu ul{display:grid;position:absolute;top:0;left:0}.sub-menu button:before{--tw-content:"";content:var(--tw-content);background-color:#ffffff59;border-radius:50%;width:5px;height:5px;top:50%;right:1.5rem;translate:0 -50%}.sidebar .material-symbols-outlined{font-size:1rem;line-height:1.5rem}.sidebar i{width:1.25rem;min-width:20px;max-width:20px;font-size:1.25rem;line-height:1.75rem}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#4b5563 #1f2937}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-track{background-color:#1f2937}