.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);border-right:1px solid var(--border-subtle);z-index:100;background:#161717;flex-direction:column;flex-shrink:0;justify-content:space-between;height:100%;padding:24px 6px 8px;transition:width .1s ease-out,min-width .1s ease-out;display:flex}.sidebar.sidebar-collapsed{width:54px;min-width:54px}.sidebar-top,.sidebar-bottom{flex-direction:column;gap:2px;width:100%;display:flex}.sidebar-top{gap:6px}.sidebar-item{width:100%;height:40px;color:var(--text-white);transition:all var(--transition-fast);box-sizing:border-box;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:400;text-decoration:none;display:flex;position:relative}.sidebar-item:hover{color:var(--text-white);background:#2a2c2c}.sidebar-item.active{color:var(--text-white);background:#323435;border:1px solid #434647}.sidebar-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-collapsed .sidebar-label{display:none}.sidebar-collapsed .sidebar-item{gap:0}.sidebar-bottom{padding:0 2px}.sidebar-collapse{justify-content:center;width:40px;min-width:40px;height:40px;padding:0}.sidebar-item-disabled{opacity:.8}@media (max-width:820px),(max-width:900px) and (max-height:600px){:root{--sidebar-width:min(82vw, 280px)}.sidebar{top:var(--topbar-height);z-index:90;visibility:hidden;width:min(82vw,280px);min-width:min(82vw,280px);height:auto;transition:transform var(--transition-normal);padding:8px;position:fixed;bottom:0;left:0;transform:translate(-102%);box-shadow:16px 0 36px #00000059}.sidebar.sidebar-open{visibility:visible;transform:translate(0)}.sidebar.sidebar-collapsed{width:min(82vw,280px);min-width:min(82vw,280px)}.sidebar-collapsed .sidebar-label{display:inline}.sidebar-collapse{display:none}.sidebar-item{min-height:44px}}