.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-primary);z-index:var(--z-sidebar);transition:width var(--transition-base),transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar__logo{align-items:center;gap:var(--space-3);padding:var(--space-5)var(--space-5);border-bottom:1px solid var(--border-primary);min-height:var(--header-height);display:flex}.sidebar__logo-icon{background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500));border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.sidebar__logo-text{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);white-space:nowrap;transition:opacity var(--transition-fast);font-weight:700;overflow:hidden}.sidebar.collapsed .sidebar__logo-text{opacity:0;width:0}.sidebar__nav{padding:var(--space-4)var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar__section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:var(--space-3)var(--space-3)var(--space-1);white-space:nowrap;font-weight:600;overflow:hidden}.sidebar.collapsed .sidebar__section-label{opacity:0;height:0;padding:0}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);transition:all var(--transition-fast);white-space:nowrap;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar__link:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(2px)}.sidebar__link.active{background:var(--bg-active);color:var(--color-primary-600);font-weight:600}.sidebar__link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:1.1rem;display:flex}.sidebar__link-text{transition:opacity var(--transition-fast);overflow:hidden}.sidebar.collapsed .sidebar__link-text{opacity:0;width:0}.sidebar__link-badge{background:var(--color-primary-500);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);margin-left:auto;padding:1px 8px;font-weight:600}.sidebar.collapsed .sidebar__link-badge{display:none}.sidebar__footer{padding:var(--space-4)var(--space-3);border-top:1px solid var(--border-primary)}.sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);display:flex}.sidebar__user:hover{background:var(--bg-hover)}.sidebar__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-400),var(--color-accent-400));width:36px;height:36px;font-weight:700;font-size:var(--text-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__user-info{transition:opacity var(--transition-fast);overflow:hidden}.sidebar.collapsed .sidebar__user-info{opacity:0;width:0}.sidebar__user-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar__user-role{font-size:var(--text-xs);color:var(--text-tertiary)}.sidebar__overlay{background:var(--bg-overlay);z-index:calc(var(--z-sidebar) - 1);opacity:0;transition:opacity var(--transition-base);display:none;position:fixed;inset:0}.sidebar__overlay.visible{opacity:1}@media (max-width:768px){.sidebar{width:var(--sidebar-width);transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar.collapsed .sidebar__logo-text,.sidebar.collapsed .sidebar__link-text,.sidebar.collapsed .sidebar__user-info,.sidebar.collapsed .sidebar__link-badge,.sidebar.collapsed .sidebar__section-label{opacity:1;width:auto;height:auto;padding:revert}.sidebar__overlay{display:block}}.sidebar-mobile-trigger{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-primary);z-index:calc(var(--z-header) + 1);box-shadow:var(--shadow-sm);cursor:pointer;justify-content:center;align-items:center;display:none;position:fixed;top:12px;left:12px}@media (max-width:768px){.sidebar-mobile-trigger{display:flex}}
.header{top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);padding:0 var(--space-6);z-index:var(--z-header);transition:left var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg-primary)85%,transparent);justify-content:space-between;align-items:center;display:flex;position:fixed}.header.sidebar-collapsed{left:var(--sidebar-collapsed-width)}.header__breadcrumbs{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);display:flex}.header__breadcrumb-link{color:var(--text-tertiary);transition:color var(--transition-fast)}.header__breadcrumb-link:hover{color:var(--text-primary)}.header__breadcrumb-current{color:var(--text-primary);font-weight:500}.header__breadcrumb-sep{color:var(--text-tertiary);font-size:var(--text-xs)}.header__actions{align-items:center;gap:var(--space-3);display:flex}.theme-switcher{position:relative}.theme-switcher__trigger{border-radius:var(--radius-md);width:36px;height:36px;transition:all var(--transition-fast);border:1px solid var(--border-primary);background:var(--bg-card);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.theme-switcher__trigger:hover{background:var(--bg-hover);transform:scale(1.05)}.theme-switcher__dropdown{top:calc(100% + var(--space-2));background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);animation:fadeIn var(--transition-fast)ease-out;position:absolute;right:0}.theme-switcher__option{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-fast);display:flex}.theme-switcher__option:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-switcher__option.active{background:var(--bg-active);color:var(--color-primary-600);font-weight:500}.theme-switcher__option-icon{font-size:1.1rem}.theme-switcher__option-info{text-align:left}.theme-switcher__option-label{font-weight:500}.theme-switcher__option-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.header__logout{border-radius:var(--radius-md);width:36px;height:36px;transition:all var(--transition-fast);border:1px solid var(--border-primary);background:var(--bg-card);color:var(--text-secondary);justify-content:center;align-items:center;font-size:1rem;display:flex}.header__logout:hover{background:var(--color-danger-50);border-color:var(--color-danger-500);color:var(--color-danger-500)}@media (max-width:768px){.header{padding:0 var(--space-4);padding-left:56px;left:0}.header.sidebar-collapsed{left:0}}