.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--primary-color);color:var(--white);padding:var(--spacing-lg) 0;position:fixed;height:100vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.sidebar-logo{padding:0 var(--spacing-lg);margin-bottom:var(--spacing-xl);text-align:center}.sidebar-logo h2{color:var(--white);font-size:var(--font-size-xl);margin:0}.sidebar-user-name{color:var(--gray-300);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0 0 0;font-weight:400;opacity:.9}.sidebar-menu{list-style:none}.sidebar-menu-item{margin-bottom:var(--spacing-xs)}.sidebar-menu-link{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);color:var(--gray-300);text-decoration:none;transition:all .2s;gap:var(--spacing-md)}.sidebar-menu-link:hover{background-color:var(--secondary-color);color:var(--white)}.sidebar-menu-link.active{background-color:var(--accent-color);color:var(--white);border-left:4px solid var(--white)}.sidebar-menu-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sidebar-menu-link{position:relative}.notification-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-xs);border-radius:10px;font-size:.7em;font-weight:700;line-height:1;transition:all .2s}.sidebar-menu .notification-badge{margin-left:auto}.notification-badge.notification-badge--loading{background-color:var(--gray-400);color:var(--white)}.notification-badge.notification-badge--active{background-color:#f00;color:var(--white)}.sidebar-menu-category{margin-bottom:var(--spacing-xs)}.sidebar-menu-category-header{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);color:var(--gray-300);cursor:pointer;transition:all .2s;gap:var(--spacing-md);position:relative;user-select:none}.sidebar-menu-category-header:hover{background-color:var(--secondary-color);color:var(--white)}.sidebar-menu-arrow{margin-left:auto;font-size:12px;transition:transform .3s}.sidebar-menu-category.open .sidebar-menu-arrow{transform:rotate(-180deg)}.sidebar-submenu{list-style:none;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.sidebar-menu-category.open .sidebar-submenu{max-height:500px}.sidebar-submenu-link{padding-left:calc(var(--spacing-lg) + 30px)!important}.main-content{margin-left:var(--sidebar-width);flex:1;padding:var(--spacing-xl);background-color:var(--gray-50)}.content-header{margin-bottom:var(--spacing-xl)}.content-title{font-size:var(--font-size-3xl);color:var(--gray-900);margin-bottom:var(--spacing-sm)}.content-subtitle{font-size:var(--font-size-base);color:var(--gray-600)}.login-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.login-container{background:var(--white);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:400px}.login-logo{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo h1{color:var(--primary-color);margin-bottom:var(--spacing-sm)}.login-logo p{color:var(--gray-600);font-size:var(--font-size-sm)}@media(max-width:768px){.sidebar{width:200px}.main-content{margin-left:200px;padding:var(--spacing-md)}:root{--sidebar-width:200px}}@media(max-width:480px){.sidebar{position:static;width:100%;height:auto}.main-content{margin-left:0}.app-layout{flex-direction:column}}.header-container{background-color:var(--white);border-bottom:1px solid var(--gray-200);padding:var(--spacing-md) var(--spacing-lg);margin:calc(var(--spacing-xl)*-1) calc(var(--spacing-xl)*-1) var(--spacing-xl);display:flex;justify-content:flex-end;align-items:center;box-shadow:var(--shadow-sm)}.impersonation-container{display:flex;align-items:center;gap:var(--spacing-md)}.impersonation-label{font-size:var(--font-size-sm);color:var(--gray-700);font-weight:500}.impersonation-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--gray-900);background-color:var(--white);cursor:pointer;min-width:250px;transition:all .2s}.impersonation-select:hover{border-color:var(--primary-color)}.impersonation-select:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}