.header{position:fixed;top:var(--layout-top-offset);right:0;left:0;z-index:var(--z-index-100);display:flex;align-items:center;gap:.75rem;height:var(--header-height);padding:0 1rem;background-color:var(--surface);border-bottom:1px solid var(--border-color)}.header__menu{display:inline-flex;padding:.375rem;border-radius:var(--border-radius-md);color:var(--gray-700)}.header__menu:hover{background-color:var(--gray-100)}@media (min-width:1024px){.header__menu{display:none}}.header__brand{display:flex;align-items:center;gap:.5rem}.header__logo,.header__logo-image{width:2rem;height:2rem;border-radius:var(--border-radius-md);-o-object-fit:contain;object-fit:contain}.header__name{font-size:1.125rem;font-weight:var(--font-bold);color:var(--brand-900)}.header__user{display:flex;align-items:center;gap:.5rem;margin-left:auto}.header__user-name{display:none;font-size:.875rem;font-weight:var(--font-medium);color:var(--gray-700)}@media (min-width:768px){.header__user-name{display:inline}}.header__logout-label{display:none}@media (min-width:640px){.header__logout-label{display:inline}}.sidebar{position:fixed;top:calc(var(--layout-top-offset) + var(--header-height));bottom:0;left:0;z-index:var(--z-index-100);display:flex;flex-direction:column;width:var(--sidebar-width);background-color:var(--brand-900);color:rgba(255,255,255,.86);transform:translateX(-100%);transition:transform .2s ease,width .2s ease}.sidebar--open{transform:translateX(0);box-shadow:var(--shadow-md)}@media (min-width:1024px){.sidebar{transform:none;box-shadow:none}}.sidebar__nav{display:flex;flex:1;flex-direction:column;gap:1.25rem;padding:1rem .75rem;overflow-x:hidden;overflow-y:auto}.sidebar__section{padding:0 .75rem .5rem;font-size:.6875rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.5);white-space:nowrap}.sidebar__list{display:flex;flex-direction:column;gap:.125rem}.sidebar__footer{display:none;padding:.75rem;border-top:1px solid rgba(255,255,255,.12)}@media (min-width:1024px){.sidebar__footer{display:flex;justify-content:flex-end}}.sidebar__toggle{display:inline-flex;padding:.5rem;border-radius:var(--border-radius-md);color:rgba(255,255,255,.86)}.sidebar__toggle:hover{background-color:rgba(255,255,255,.08)}.sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--border-radius-md);font-size:.9375rem}.sidebar__link:hover{background-color:rgba(255,255,255,.08)}.sidebar__link--active{color:#ffffff;font-weight:var(--font-medium)}.sidebar__link--active,.sidebar__link--active:hover{background-color:var(--brand-600)}.sidebar__icon{flex-shrink:0}.sidebar__label{flex:1;white-space:nowrap}@media (min-width:1024px){.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar--collapsed .sidebar__nav{padding:1rem .5rem}.sidebar--collapsed .sidebar__label,.sidebar--collapsed .sidebar__section{display:none}.sidebar--collapsed .sidebar__link{justify-content:center;padding:.625rem 0}.sidebar--collapsed .sidebar__footer{justify-content:center;padding:.75rem .5rem}}.dashboard-layout{min-height:100vh}.dashboard-layout__overlay{position:fixed;top:calc(var(--layout-top-offset) + var(--header-height));right:0;bottom:0;left:0;z-index:calc(var(--z-index-100) - 1);display:none;background-color:rgba(17,24,39,.35);cursor:default}.dashboard-layout__overlay--visible{display:block}@media (min-width:1024px){.dashboard-layout__overlay--visible{display:none}}.dashboard-layout__content{min-width:0;padding:calc(var(--layout-top-offset) + var(--header-height) + 1rem) 1rem 2rem}@media (min-width:768px){.dashboard-layout__content{padding:calc(var(--layout-top-offset) + var(--header-height) + 1.5rem) 1.5rem 2.5rem}}@media (min-width:1024px){.dashboard-layout__content{margin-left:var(--sidebar-width);padding:calc(var(--layout-top-offset) + var(--header-height) + 2rem) 2rem 3rem;transition:margin-left .2s ease}.dashboard-layout--sidebar-collapsed .dashboard-layout__content{margin-left:var(--sidebar-collapsed-width)}}