.admin-shell { max-width: 1280px; margin: 0 auto; padding: 5rem 1rem; }
.admin-logo { width: 180px; margin: 0 auto 1rem; }
.admin-login { max-width: 520px; margin: auto; }
.admin-dashboard header { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.admin-tabs { display: flex; gap: 0.5rem; flex-wrap: wrap; margin: 1rem 0; }
.admin-tabs button { border: 1px solid var(--color-border); background: #0a0a0a; color: var(--color-text); padding: 0.65rem 0.85rem; cursor: pointer; }
.admin-panel { border: 1px solid var(--color-border); padding: 1rem; min-height: 420px; background: rgba(255,255,255,0.03); }
.admin-list { display: grid; gap: 0.75rem; }
.admin-record { border: 1px solid var(--color-border); padding: 1rem; background: #080808; }


.admin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}
.admin-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.8rem;
  align-items: end;
}
.admin-media-card,
.admin-product-card {
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(0,0,0,0.55);
  padding: 0.8rem;
  border-radius: 0.9rem;
}
.admin-media-card img,
.admin-media-card video,
.admin-product-card img,
.admin-product-card video {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: #050505;
  border-radius: 0.6rem;
}
.admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.7rem;
}
.admin-actions .button,
.admin-actions button {
  min-height: 2.25rem;
}
.admin-record input,
.admin-record textarea,
.admin-record select,
.admin-media-card input,
.admin-media-card textarea,
.admin-media-card select,
.admin-product-card input,
.admin-product-card textarea,
.admin-product-card select {
  width: 100%;
}
.font-count-note {
  color: rgba(247,242,236,0.76);
  font-size: 0.95rem;
}