.sidebar{border-right:1px solid #f0f0f0;justify-content:space-between;background-color:var(--sidebar-background-color);flex-direction:column;padding:2rem 1rem;overflow-y:auto;display:flex}.sidebar .links{flex-direction:column;display:flex;gap:.5rem}.sidebar .links .link-group-name{justify-content:space-between;color:var(--text-color);align-items:center;font-weight:600;font-size:1rem;cursor:pointer;display:flex}.sidebar .links .link{color:var(--text-color);text-decoration:none;align-items:center;padding:.25rem 0;font-weight:600;cursor:pointer;display:flex;gap:.5rem}.sidebar .links .link[attr-active=true]{background-color:#0000002b;border:1px solid #333;border-radius:.25rem}.sidebar .links .links-group .links-group-content{transition:grid-template-rows .25s ease-out;grid-template-rows:0fr;display:grid}.sidebar .links .links-group[attr-isOpen=true] .links-group-content{grid-template-rows:1fr}.sidebar .links .links-group i{transition:transform .2s ease}.sidebar .links .links-group[attr-isOpen=true] i{transform:rotate(-90deg)}.sidebar .links .links-group .links-group-inner{overflow:hidden;display:flex;flex-direction:column;gap:4px;padding-left:.25rem}.sidebar .links .link .dot{background-color:var(--primary-color);border:2px solid var(--primary-color);border-radius:.2rem;margin-left:1rem;height:.75rem;width:.75rem}.sidebar .bottom-container .logged-in-user-email{font-weight:500}.sidebar .bottom-container p{cursor:pointer;color:red}.sidebar .sidebar-toggler{display:none}@media screen and (width<=50rem){.sidebar{--left: 15rem;height:calc((100vh) - (var(--header-height)));transition:left .5s ease-in-out;left:calc(var(--left) * (-1));top:var(--header-height);position:fixed}.sidebar[attr-isOpen=true]{left:0}.sidebar .sidebar-toggler{position:fixed;display:block;top:1.5rem;left:1rem;z-index:9}.sidebar .sidebar-toggler i{background-color:var(--primary-color);border-radius:.25rem;padding:.25rem;cursor:pointer;color:#fff}}span.badge{background-color:var(--light-blue);border-radius:var(--border-radius);height:fit-content;padding:0 .35rem;margin:0 .25rem;color:var(--dark-blue);width:fit-content}span.badge[attr-type=green]{background-color:var(--light-green);color:var(--dark-green)}span.badge[attr-type=red]{background-color:var(--light-red);color:var(--dark-red)}span.badge[attr-type=purple]{background-color:var(--light-purple);color:var(--dark-purple)}span.badge[attr-type=grey]{background-color:var(--light-grey);color:var(--dark-grey)}span.badge[attr-type=yellow]{background-color:var(--light-yellow);color:var(--dark-yellow)}.app-container{--header-height: 1.5rem;--sidebar-width: 14rem;--page-content-container-width: calc(100vw - var(--sidebar-width));grid-template-columns:var(--sidebar-width) var(--page-content-container-width);grid-template-rows:var(--header-height) auto;overflow:hidden;display:grid;height:100dvh;width:100vw}.app-container .header-bar{background-color:#9e9e9e;grid-column:1 / span 2;letter-spacing:12px;align-items:center;padding-left:30px;font-weight:400;font-size:1rem;grid-row:1 / 1;height:var(--app-container-header-bar-height);display:flex;color:#fff}.app-container .header-bar[its-me=false]{background-color:tomato}.app-container .sidebar{grid-column:1 / 1;grid-row:2 / 2}.app-container .page-content-container{grid-column:2 / 2;grid-row:2 / 2;padding:1rem;overflow-x:auto;overflow-y:auto;width:calc(var(--page-content-container-width) - 2rem)}.app-container .page-content-container .page-content-container-scroll-body{min-width:-webkit-fill-available;width:fit-content}.app-container .page-content-container .page-content-container-scroll-body:has(.full-page){height:-webkit-fill-available}.mobile-menu{display:none}button.square{aspect-ratio:1 / 1}ul{border:var(--default-border);border-radius:var(--border-radius);list-style:none;padding:0}li{padding:.5rem 1rem}li:not(:last-child){border-bottom:var(--default-border)}.bg-red{background-color:var(--red)!important;color:#fff!important}.bg-green{background-color:var(--green)!important;color:#fff!important}@media screen and (width<=50rem){.app-container{grid-template-columns:100vw}.app-container .page-content-container{width:calc(100vw - 2rem);grid-column:1 / 1}}