.header{width:100vw;max-width:100%;height:var(--header-height);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#ffffff1a;padding:.5rem .5em;position:sticky;top:0}.header_wrapper{max-width:var(--max-width);justify-content:space-between;align-items:center;height:100%;margin:auto;display:flex}.header_app{justify-content:space-between;align-items:center;height:100%;margin:auto;display:flex}h1.logo,h2.logo{font-size:1rem}.logo_wrapper{flex-direction:row;align-items:center;gap:.5rem;display:flex}.desktop_menu{gap:1rem;display:flex}.mobile_menu,.mobile_menu_app{display:none}.mobile_menu_content{width:100%;height:calc(100dvh - var(--header-height));background:rgba(var(--background-grey)/1);-webkit-backdrop-filter:blur(4px);z-index:1000;border:1px solid rgba(var(--background-rgb)/.1);box-shadow:0 0 10px rgba(var(--background-rgb)/.1);flex-direction:column;gap:1rem;padding:1rem;display:flex;position:absolute;top:100%;left:0;overflow-y:auto}body:has(details.mobile_menu_details[open]){height:100vh;overflow:hidden}@media (max-width:820px){.mobile_menu,.mobile_menu_app{display:block}.desktop_menu{display:none}}
button.logout_button{color:rgba(var(--text));background:0 0;border:none;font-size:1rem}button.logout_button:hover{cursor:pointer}
@media (max-width:820px){.mobile_menu_app{display:block}aside.side_nav_wrapper{display:none}}aside.side_nav_menu{top:calc(var(--header-height) + .5rem);height:calc(100dvh - var(--header-height));flex-direction:column;justify-content:space-between;gap:.4rem;width:100%;min-width:180px;display:flex;position:sticky;overflow:hidden auto}aside.side_nav_wrapper{top:calc(var(--header-height) + .5rem);height:calc(100dvh - var(--header-height) - 1rem);-webkit-backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;flex-direction:column;justify-content:space-between;gap:.4rem;width:12rem;min-width:180px;margin:.5rem;padding-top:.5rem;padding-bottom:.5rem;display:flex;position:sticky;overflow:hidden auto}@media (max-width:820px){aside.side_nav_wrapper{display:none}}.mobile_nav_menu{flex-direction:column;justify-content:flex-start;gap:1rem;width:100%;display:flex}.mobile_nav_menu .side_nav{flex-direction:column;gap:.8rem;display:flex}.mobile_nav_menu .nav_link{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:0;padding:.8rem 1rem;transition:all .2s}.mobile_nav_menu .nav_link:hover{background:#ffffff1a;border-color:#fff3}.side_nav{flex-direction:column;gap:.4rem;display:flex}.nav_link{margin:0 .2rem;padding:.3rem .5rem}.sub_menu{width:100%;list-style:none}.sub_menu *,.sub_menu li .nav_link{width:100%}.side_nav:has(.status_checker) .status_checker{width:calc(100% - .6rem);margin:0 .3rem;padding:.3rem .5rem}.nav_link_text_notification{justify-content:space-between;align-items:center;display:flex;position:relative}.nav_link_text_notification_number{justify-content:flex-start;align-items:center;gap:.5rem;display:flex;position:relative}.nav_link_text_notification .badge,.nav_link_text_notification_number .badge{font-size:.5rem}