.app-sidebar{overflow:auto;height:100vh;height:100dvh;position:fixed;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent)!important;border-right:1px solid var(--border-color-secondary);display:flex;flex-direction:column;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-sidebar .ant-menu{background:transparent!important;color:var(--text-primary)!important;flex:1 1;padding:var(--spacing-sm)}.app-sidebar .ant-menu-item,.app-sidebar .ant-menu-submenu-title{color:var(--text-primary)!important;border-radius:var(--border-radius-sm);margin-inline:0;margin-block:4px;height:40px;line-height:40px}.app-sidebar .ant-menu-item:hover,.app-sidebar .ant-menu-submenu-title:hover{background:var(--bg-spotlight)!important;color:var(--primary-color)!important}.app-sidebar .ant-menu-item-selected{background:color-mix(in srgb,var(--primary-color) 18%,transparent)!important;color:var(--primary-color)!important;font-weight:600;box-shadow:inset 2px 0 0 var(--primary-color),0 0 0 1px color-mix(in srgb,var(--primary-color) 20%,transparent)}.app-sidebar .ant-menu-submenu-arrow{color:var(--text-secondary)!important}.sidebar-header{justify-content:space-between;padding:0 var(--spacing-md);height:var(--header-height);border-bottom:1px solid var(--border-color-secondary);flex-shrink:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sidebar-header,.sidebar-logo{display:flex;align-items:center}.sidebar-logo{gap:var(--spacing-sm);color:var(--text-primary);transition:var(--transition-base)}.sidebar-logo-text{font-size:24px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-fast);font-size:14px}.sidebar-collapse-btn:hover{background:var(--bg-spotlight);color:var(--text-primary)}.sidebar-footer{flex-shrink:0;border-top:1px solid var(--border-color-secondary);padding:var(--spacing-xs)}.sidebar-settings-trigger{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;margin:0;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-sm)}.sidebar-settings-trigger--active,.sidebar-settings-trigger:hover{background:var(--bg-spotlight);border-color:var(--border-color-secondary);color:var(--text-primary)}.sidebar-settings-trigger__icon{font-size:16px;display:flex;align-items:center;justify-content:center}.sidebar-user-block{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;margin:0;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-base);border:1px solid transparent;background:transparent;cursor:pointer;transition:var(--transition-fast);text-align:left}.sidebar-user-block:focus-visible,.sidebar-user-block:hover{background:var(--bg-spotlight);border-color:var(--border-color-secondary)}.sidebar-user-block__avatar{flex-shrink:0}.sidebar-user-block__info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-user-block__name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sidebar-user-block__role{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);line-height:1.2}.sidebar-user-block__role--admin{color:var(--primary-color)}.sidebar-user-block__role--moderator{color:color-mix(in srgb,var(--primary-color) 70%,var(--text-secondary))}.sidebar-user-block__settings-icon{font-size:14px;color:var(--text-tertiary);flex-shrink:0;transition:var(--transition-fast)}.sidebar-user-block:focus-visible .sidebar-user-block__settings-icon,.sidebar-user-block:hover .sidebar-user-block__settings-icon{color:var(--text-primary)}.ant-layout-sider-collapsed .sidebar-user-block{justify-content:center;padding:var(--spacing-xs)}.sidebar-preferences{margin:0 var(--spacing-xs) var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--border-color-secondary);border-radius:var(--border-radius-sm);background:color-mix(in srgb,var(--bg-base) 92%,transparent)}.sidebar-preferences__field{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.sidebar-preferences__field+.sidebar-preferences__field{margin-top:var(--spacing-xs)}.sidebar-preferences__field--stacked{align-items:flex-start;flex-direction:column}.sidebar-preferences__label{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.sidebar-preferences__select{min-width:132px}.sidebar-preferences .accent-picker{padding:0;width:100%;justify-content:flex-start}.sidebar-preferences__theme{margin-top:var(--spacing-sm);width:100%;border:1px solid var(--border-color-secondary);background:var(--bg-spotlight);color:var(--text-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);justify-content:center;gap:var(--spacing-xs)}.sidebar-preferences__theme,.sidebar-preferences__theme-icon{display:flex;align-items:center}.app-layout>.ant-layout{margin-left:250px;transition:var(--transition-base)}.app-layout>.ant-layout-sider-collapsed~.ant-layout{margin-left:80px}.ant-layout-sider-collapsed .sidebar-header{padding:0;justify-content:center}.ant-layout-sider-collapsed .sidebar-collapse-btn{margin:0}@media (max-width:768px){.app-sidebar{display:none!important}.app-layout>.ant-layout{margin-left:0!important}}.notifications-bell{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:transparent;border:1px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);font-size:var(--font-size-sm)}.notifications-bell:hover{background:var(--bg-spotlight);border-color:var(--border-color-secondary);color:var(--text-primary)}.notifications-bell--sidebar{display:flex;width:calc(100% - var(--spacing-sm) * 2);margin:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.notifications-bell--topbar{width:36px;height:36px;padding:0}.notifications-bell__icon{display:inline-flex;align-items:center;font-size:16px}.notifications-bell__label{flex:1 1;text-align:left}