.unit-sidebar{background-color:var(--color-primary);color:var(--color-white);display:flex;flex-direction:column;flex-shrink:0;padding-block:var(--spacing-large);padding-inline:var(--spacing-medium);width:var(--sidebar-width)}.unit-sidebar .title{font-size:var(--font-size-large);margin-block-end:var(--spacing-large);text-align:center}.unit-sidebar .nav{flex-grow:1}.unit-sidebar .menu{list-style-type:none;margin:0;padding:0}.unit-sidebar .item{margin-block-end:var(--spacing-medium)}.unit-sidebar .link{color:var(--color-white);font-size:var(--font-size-medium);text-decoration:none;transition:opacity .3s ease}.unit-sidebar .link:hover{opacity:.8}.unit-sidebar .button.logout{background-color:var(--color-white);border:none;border-radius:var(--border-radius);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-small);margin-block-start:auto;padding-block:var(--spacing-small);padding-inline:var(--spacing-medium);transition:background-color .3s ease}.unit-sidebar .button.logout:hover{background-color:var(--color-light-gray)}@media (width <= 48rem){.unit-sidebar{padding-block:var(--spacing-medium);width:100%}.unit-sidebar .menu{display:flex;flex-wrap:wrap;gap:var(--spacing-small)}.unit-sidebar .item{margin-block-end:0}.unit-sidebar .button.logout{align-self:flex-start;margin-block-start:var(--spacing-medium)}}.unit-layout{display:flex;min-height:100vh}.unit-layout .main{background-color:var(--color-background);flex-grow:1;padding-block:var(--spacing-large);padding-inline:var(--spacing-large)}@media (width <= 48rem){.unit-layout{flex-direction:column}.unit-layout .main{padding-block:var(--spacing-medium);padding-inline:var(--spacing-medium)}}