.layout-container {
  display: flex;
  flex: 1;
}

[data-sidebar] {
  width: 15%;
  background: #f9fafb;
  padding: 1.5rem 1rem;
  border-right: 1px solid var(--border);
  flex-shrink: 0;
  position: relative;
}
.close-sidebar-btn {
  display: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: var(--foreground);
  z-index: 201;
}
[data-sidebar] header {
  font-weight: 600;
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--foreground-light);
  margin-bottom: 0.5rem;
  padding: 0 0.75rem;
}
[data-sidebar] ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1.25rem 0;
}
[data-sidebar] li { margin: 0.125rem 0; }
[data-sidebar] > ul > li > a {
  display: block;
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
  color: var(--foreground);
  text-decoration: none;
  font-size: 0.8125rem;
}
[data-sidebar] a:hover { background: var(--border); }
[data-sidebar] a[aria-current="page"] {
  background: var(--primary);
  color: #fff;
}

.loading { text-align: center; padding: 2rem; color: var(--muted-foreground); }