.sidebar-overlay{z-index:998;background-color:#00000080;display:none;position:fixed;inset:0}.sidebar{background-color:var(--color-primary-dark);width:280px;height:100vh;color:var(--color-primary-neutral);transition:transform var(--transition-normal);z-index:999;font-family:var(--font-primary);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 8px #00000026}.sidebar--open{transform:translate(0)}.sidebar__header{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-primary-darker);justify-content:space-between;align-items:center;display:flex}.sidebar__title{font-family:var(--font-heading-sub);font-weight:var(--font-weight-bold);color:var(--color-highlight);margin:0;font-size:1.2rem}.sidebar__close-btn{color:var(--color-primary-neutral);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast);background:0 0;border:none;font-size:1.5rem}.sidebar__close-btn:hover{background-color:var(--color-primary-darker)}.sidebar__nav{flex:1;margin:0;padding:0;list-style:none}.sidebar__nav-item{border-bottom:1px solid var(--color-primary-darker)}.sidebar__nav-link,.sidebar__nav-button{padding:1rem var(--spacing-md);color:var(--color-primary-neutral);font-family:var(--font-body);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast), color var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;width:100%;font-size:1rem;text-decoration:none;display:flex}.sidebar__nav-link:hover,.sidebar__nav-button:hover{background-color:var(--color-primary-darker);color:var(--color-primary-light)}.sidebar__nav-link--active,.sidebar__nav-button--active{background-color:var(--color-primary-light);color:var(--color-primary-darker);font-weight:var(--font-weight-bold);border-left:4px solid var(--color-highlight)}.sidebar__nav-icon{align-items:center;margin-right:.75rem;font-size:1.1rem;display:flex}.sidebar__nav-arrow{transition:transform var(--transition-fast);margin-left:auto;font-size:.8rem}.sidebar__nav-arrow--open{transform:rotate(180deg)}.sidebar__submenu{max-height:0;transition:max-height var(--transition-normal);background-color:var(--color-primary-darker);margin:0;padding:0;list-style:none;overflow:hidden}.sidebar__submenu--open{max-height:500px}.sidebar__submenu-item{border-bottom:1px solid var(--color-primary-dark)}.sidebar__submenu-item:last-child{border-bottom:none}.sidebar__submenu-link{padding:.875rem var(--spacing-md) .875rem var(--spacing-2xl);color:var(--color-primary-neutral);font-family:var(--font-primary);transition:background-color var(--transition-fast), color var(--transition-fast);font-size:.95rem;text-decoration:none;display:block}.sidebar__submenu-link:hover{background-color:var(--color-primary-dark);color:var(--color-primary-light)}.sidebar__submenu-link--active{background-color:var(--color-highlight);color:var(--color-primary-darker);font-weight:var(--font-weight-bold)}@media (max-width:767px){.sidebar-overlay{display:block}.sidebar{width:100%;max-width:320px}}@media (min-width:768px){.sidebar{width:280px;height:100vh;position:fixed;top:0;left:0;transform:translate(0)}.sidebar__header{padding:2rem 1rem 1.5rem}.sidebar__close-btn{display:none}.sidebar-overlay{display:none!important}}@media (min-width:1024px){.sidebar{width:300px}.sidebar__title{font-size:1.3rem}}.sidebar__nav-link:focus,.sidebar__nav-button:focus,.sidebar__submenu-link:focus{outline:2px solid var(--color-primary-light);outline-offset:-2px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--color-primary-darker)}.sidebar::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--border-radius-sm)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-complementary-blue)}.sidebar__user{padding:var(--spacing-lg) var(--spacing-md);border-top:1px solid #7ed4fc33;margin-top:auto;padding-bottom:40px}.sidebar__user-info{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md);display:flex}.sidebar__user-icon{color:var(--color-primary-light);flex-shrink:0;align-items:center;font-size:1.5rem;display:flex}.sidebar__user-details{flex:1;min-width:0}.sidebar__user-email{font-family:var(--font-body);font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-primary-neutral);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar__logout-btn{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-primary-light);border-radius:var(--border-radius-sm);font-family:var(--font-body);font-size:.9375rem;font-weight:var(--font-weight-semibold);color:var(--color-primary-neutral);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);background:#7ed4fc1a;display:flex}.sidebar__logout-btn:hover{background:var(--color-primary-light);color:var(--color-primary-darker)}.sidebar__logout-btn:focus{outline:2px solid var(--color-complementary-blue);outline-offset:2px}.sidebar__logout-icon{align-items:center;font-size:1.125rem;display:flex}@media (max-width:767px){.sidebar__user{padding:var(--spacing-md);padding-bottom:40px}.sidebar__user-email{font-size:.8125rem}.sidebar__logout-btn{font-size:.875rem}}
.header{background-color:var(--color-primary-dark);color:var(--color-primary-neutral);box-shadow:var(--shadow-md);z-index:100;position:sticky;top:0}.header__container{padding:var(--spacing-md);justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.header__menu-toggle{cursor:pointer;width:40px;height:40px;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.header__menu-toggle:hover{background-color:var(--color-primary-darker)}.header__menu-toggle:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.header__menu-icon{flex-direction:column;justify-content:space-between;width:20px;height:16px;display:flex}.header__menu-icon span{background-color:var(--color-primary-neutral);width:100%;height:2px;transition:all var(--transition-normal);border-radius:1px;display:block}.header__title{font-family:var(--font-heading-main);font-weight:var(--font-weight-black);color:var(--color-primary-light);text-align:center;padding:0 var(--spacing-md);flex:1;margin:0;font-size:1.5rem}.header__actions{justify-content:flex-end;width:40px;display:flex}@media (max-width:767px){.header__container{padding:.75rem var(--spacing-md)}.header__title{padding:0 var(--spacing-sm);font-size:1.2rem}.header__menu-toggle{width:36px;height:36px}.header__menu-icon{width:18px;height:14px}}@media (min-width:768px){.header{display:none}}@media (min-width:1024px){.header{display:none}}.header__menu-toggle[aria-expanded=true] .header__menu-icon span:first-child{transform:rotate(45deg)translate(5px,5px)}.header__menu-toggle[aria-expanded=true] .header__menu-icon span:nth-child(2){opacity:0}.header__menu-toggle[aria-expanded=true] .header__menu-icon span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.header__user{align-items:center;gap:var(--spacing-sm);display:flex}.header__user-email{color:var(--color-primary-light);font-size:.875rem;display:none}.header__signout-btn{background-color:var(--color-primary-darker);color:var(--color-primary-neutral);border:1px solid var(--color-primary-light);border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:.5rem 1rem}.header__signout-btn:hover{background-color:var(--color-primary-light);color:var(--color-primary-dark);transform:translateY(-1px)}.header__signout-btn:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.header__signout-btn:active{transform:translateY(0)}@media (min-width:480px){.header__user-email{display:inline}}.header__actions:has(.header__user){width:auto;min-width:40px}.header__user-loading{color:var(--color-primary-light);opacity:.7;align-items:center;font-size:.875rem;display:flex}.header__user-loading span{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}
.layout{min-height:100vh}.layout__skip-link{background:var(--color-primary-dark);color:#fff;z-index:100;padding:8px;position:absolute;top:-40px;left:0}.layout__skip-link:focus{top:0}.layout__container{min-height:100vh;display:flex}.layout__main{flex:1;min-height:100vh;margin-left:0;overflow-x:hidden}.layout__content{min-height:100%}@media (min-width:768px){.layout__main{margin-left:280px}}@media (min-width:1024px){.layout__main{margin-left:300px}}@media (max-width:767px){.layout__container{flex-direction:column}}