.app-container {
  display: flex;
  height: 100vh;
  width: 100vw;
  position: relative;
}

.sidebar {
  width: var(--sidebar-width);
  height: 100%;
  background: var(--bg-secondary);
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  z-index: 20;
  box-shadow: 4px 0 24px rgba(0,0,0,0.3);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.map-container {
  flex: 1;
  height: 100vh;
  position: relative;
  background: #0f1115;
  overflow: hidden;
}