[data-v-afbe4ebd]{box-sizing:border-box;margin:0;padding:0}body[data-v-afbe4ebd]{--sb-width:10%;background-color:#fff;color:#333;font-family:system-ui,sans-serif;font-size:16px;line-height:1.7}body.sb-expanded[data-v-afbe4ebd]{--sb-width:12.5rem}h1[data-v-afbe4ebd]{font-size:1.5rem;font-weight:700}p[data-v-afbe4ebd]{margin-bottom:1.5rem}aside[data-v-afbe4ebd]{background-image:linear-gradient(#464748,#1f1e1f,#030303);inset:0 auto 0 0;padding:1rem;position:fixed;transition:width .5s ease-in-out;width:17%}nav[data-v-afbe4ebd]{height:100%}nav .app-logo[data-v-afbe4ebd]{height:35px;position:relative;width:70px}nav ul[data-v-afbe4ebd]{display:flex;flex-flow:column;gap:.25rem;height:100%;list-style:none;width:100%}nav li[data-v-afbe4ebd]:last-child{margin-top:auto}nav a[data-v-afbe4ebd]{align-items:center;border-radius:.375rem;color:#fff;display:flex;font-size:1.25rem;gap:.625rem;line-height:1;padding:.625rem .875rem;text-decoration:none;transition:background-color .5s ease-in-out,color .5s ease-in-out}nav a.active[data-v-afbe4ebd],nav a[data-v-afbe4ebd]:focus-visible,nav a[data-v-afbe4ebd]:hover{background-color:#fff;color:#000;outline:none}nav a.active span[data-v-afbe4ebd],nav a:hover span[data-v-afbe4ebd]{color:#000}nav a span[data-v-afbe4ebd]{font-size:.875rem;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden}.sb-expanded nav a span[data-v-afbe4ebd]{opacity:1;visibility:visible}.sb-expanded aside .bx-chevrons-right[data-v-afbe4ebd]{rotate:180deg}@media (min-width:768px){aside[data-v-afbe4ebd]{width:10%}nav a span[data-v-afbe4ebd]{color:#fff;font-size:.875rem;opacity:1;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:unset}}@media (min-width:1024px){aside[data-v-afbe4ebd]{width:10%}}.page{background-color:#f5f5f5;display:flex;flex-direction:row;height:100%;width:100%}.sidebar{width:10%}.body{min-height:100vh;padding:20px;width:90%}