*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --dashboard-bg: #f8fafc;
  --dashboard-surface: #ffffff;
  --dashboard-surface-muted: #f8fafc;
  --dashboard-surface-soft: #f3f6fb;
  --dashboard-border: #e5e7eb;
  --dashboard-border-strong: #d1d5db;
  --dashboard-text: #111827;
  --dashboard-text-soft: #4b5563;
  --dashboard-text-muted: #6b7280;
  --dashboard-text-faint: #9ca3af;
  --dashboard-primary: var(--color-primary, #2563eb);
  --dashboard-primary-soft: var(--color-primary-ultra-light, #dbeafe);
  --dashboard-danger: #b91c1c;
  --dashboard-danger-soft: #fef2f2;
  --dashboard-success: #065f46;
  --dashboard-success-soft: #ecfdf5;
  --dashboard-overlay: rgba(15, 23, 42, 0.3);
  --dashboard-shadow-sm: 0 6px 16px rgba(15, 23, 42, 0.05);
  --dashboard-shadow-md: 0 14px 34px rgba(15, 23, 42, 0.10);
  --dashboard-shadow-lg: 0 24px 56px rgba(15, 23, 42, 0.14);
  --dashboard-radius-sm: 0.5rem;
  --dashboard-radius-md: 0.75rem;
  --dashboard-radius-lg: 1rem;
  --dashboard-space-1: 0.25rem;
  --dashboard-space-2: 0.5rem;
  --dashboard-space-3: 0.75rem;
  --dashboard-space-4: 1rem;
  --dashboard-space-5: 1.25rem;
  --dashboard-space-6: 1.5rem;
  --dashboard-space-8: 2rem;
  --dashboard-sidebar-width: 16rem;
  --dashboard-sidebar-width-collapsed: 5.5rem;
  --dashboard-topbar-height-mobile: 64px;
  --dashboard-topbar-height-desktop: 64px;
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--dashboard-bg);
  color: var(--dashboard-text);
  font-family: var(--font-default, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif);
}

html[dir="ltr"] body {
  direction: ltr;
}

html[dir="rtl"] body {
  direction: rtl;
  font-family: var(--font-arabic, var(--font-default, ui-sans-serif, system-ui, sans-serif));
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

ul,
ol,
menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

button {
  border: 0;
  background: none;
  cursor: pointer;
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  cursor: default;
}

table {
  width: 100%;
  border-collapse: collapse;
}

[hidden],
.hidden {
  display: none !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dashboard-body {
  background: var(--dashboard-bg);
  color: var(--dashboard-text);
}

.dashboard-body.dashboard-mobile-sidebar-open {
  overflow: hidden;
}

.dashboard-app {
  min-height: 100vh;
  background: var(--dashboard-bg);
}

.dashboard-topbar {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 80;
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid var(--dashboard-border);
  box-shadow: var(--dashboard-shadow-sm);
  backdrop-filter: blur(12px);
}

.dashboard-topbar__inner {
  padding: 0.75rem;
}

.dashboard-topbar__content,
.dashboard-topbar__start,
.dashboard-topbar__end {
  display: flex;
  align-items: center;
}

.dashboard-topbar__content {
  justify-content: space-between;
  gap: 1rem;
}

.dashboard-topbar__start {
  gap: 0.75rem;
  min-width: 0;
}

.dashboard-topbar__end {
  position: relative;
  justify-content: flex-end;
  gap: var(--dashboard-space-2);
}

.dashboard-lang-switch {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.125rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-sm);
  background: var(--dashboard-surface);
  gap: 0;
  max-width: min(100%, 11rem);
}

.dashboard-lang-switch__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75rem;
  padding: 0.28rem 0.4rem;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--dashboard-text-muted);
  text-decoration: none;
  border-radius: calc(var(--dashboard-radius-sm) - 2px);
  line-height: 1;
}

.dashboard-lang-switch__link:hover {
  background: var(--dashboard-surface-soft);
  color: var(--dashboard-text);
}

.dashboard-lang-switch__link.is-active {
  background: var(--dashboard-text);
  color: #fff;
}

.dashboard-icon {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}

.dashboard-icon--sm {
  width: 1.125rem;
  height: 1.125rem;
}

.dashboard-icon--lg {
  width: 1.5rem;
  height: 1.5rem;
}

.dashboard-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--dashboard-space-2);
  min-height: 2.5rem;
  min-width: 2.5rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid transparent;
  border-radius: var(--dashboard-radius-sm);
  color: var(--dashboard-text-muted);
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.dashboard-icon-button:hover {
  background: #eef2f7;
  color: var(--dashboard-text-soft);
  transform: translateY(-1px);
}

.dashboard-icon-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(209, 213, 219, 0.7);
}

.dashboard-icon-button--sm {
  min-height: 1.75rem;
  min-width: 1.75rem;
  padding: 0.25rem;
}

.dashboard-drawer-toggle__label {
  display: none;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--dashboard-text-soft);
}

.dashboard-brand {
  display: inline-flex;
  align-items: center;
  margin-inline-start: 0;
}

.dashboard-brand__logo {
  display: block;
  width: auto;
  height: 40px;
  max-width: 170px;
  object-fit: contain;
}

.dashboard-brand__text {
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: var(--dashboard-text);
}

.dashboard-user-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--dashboard-radius-sm);
  font-size: 0.875rem;
  color: var(--dashboard-text-soft);
  transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.dashboard-user-button:hover {
  background: #eef2f7;
  color: var(--dashboard-text);
}

.dashboard-user-dropdown {
  position: fixed;
  z-index: 9999;
  width: 14rem;
  background: var(--dashboard-surface);
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-sm);
  box-shadow: var(--dashboard-shadow-lg);
  text-align: start;
  overflow: hidden;
}

.dashboard-user-dropdown__header,
.dashboard-user-dropdown__earnings {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #f3f4f6;
}

.dashboard-user-dropdown__name {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--dashboard-text-soft);
}

.dashboard-user-dropdown__email {
  display: block;
  font-size: 0.875rem;
  color: var(--dashboard-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard-user-dropdown__earnings-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.dashboard-user-dropdown__earnings-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--dashboard-text-soft);
}

.dashboard-user-dropdown__earnings-amount {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #047857;
}

.dashboard-user-dropdown__list {
  padding-block: 0.25rem;
}

.dashboard-user-dropdown__link,
.dashboard-user-dropdown__button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  color: var(--dashboard-text-soft);
  text-align: start;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.dashboard-user-dropdown__link:hover,
.dashboard-user-dropdown__button:hover {
  background: #f8fafc;
  color: var(--dashboard-text);
}

.dashboard-inline-form {
  margin: 0;
}

.dashboard-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 85;
  background: var(--dashboard-overlay);
}

.dashboard-sidebar {
  position: fixed;
  inset-block-start: var(--dashboard-topbar-height-mobile);
  z-index: 90;
  width: min(18rem, calc(100vw - 1rem));
  height: calc(100dvh - var(--dashboard-topbar-height-mobile));
  padding-top: 0.75rem;
  margin-top: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);
  border-inline-end: 1px solid var(--dashboard-border);
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);
  transition: transform 0.2s ease, width 0.2s ease;
}

html[dir="ltr"] .dashboard-sidebar {
  left: 0;
  right: auto;
  inset-inline-start: 0;
  transform: translateX(-100%);
}

html[dir="rtl"] .dashboard-sidebar {
  right: 0;
  left: auto;
  inset-inline-end: 0;
  border-inline-end: 0;
  border-inline-start: 1px solid var(--dashboard-border);
  transform: translateX(100%);
}

html[dir="ltr"] .dashboard-sidebar.open,
html[dir="rtl"] .dashboard-sidebar.open,
.dashboard-sidebar.open {
  transform: translateX(0);
}

.dashboard-sidebar__scroll {
  height: 100%;
  padding-inline: 0.75rem;
  padding-bottom: 1rem;
  overflow-y: auto;
  background: var(--dashboard-surface);
}

.dashboard-scrollbar-light::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.dashboard-scrollbar-light::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
}

.dashboard-scrollbar-light:hover::-webkit-scrollbar-thumb {
  background: #d1d5db;
}

.dashboard-sidebar__section-title {
  margin: 1rem 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--dashboard-text-faint);
}

.dashboard-sidebar__list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-weight: 400;
}

.dashboard-sidebar__link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  border-radius: var(--dashboard-radius-sm);
  color: var(--dashboard-text-soft);
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.dashboard-sidebar__link:hover {
  background: #f8fafc;
  color: var(--dashboard-text);
  transform: translateX(-2px);
}

html[dir="ltr"] .dashboard-sidebar__link:hover {
  transform: translateX(2px);
}

.dashboard-sidebar__link.is-active {
  background: #eff6ff;
  color: #1d4ed8;
  box-shadow: inset 0 0 0 1px rgba(191, 219, 254, 0.9);
}

.dashboard-sidebar__icon {
  flex: 0 0 auto;
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background: rgba(148, 163, 184, 0.12);
  color: #475569;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

[data-sidebar-link]:hover .dashboard-sidebar__icon,
[data-sidebar-link].is-active .dashboard-sidebar__icon {
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
}

[data-sidebar-link].is-active .dashboard-sidebar__icon {
  transform: scale(1.02);
}

.dashboard-sidebar__label {
  flex: 1 1 auto;
  white-space: nowrap;
}

.dashboard-content-shell {
  min-height: 100vh;
  padding: 1rem;
  transition: margin-inline-start 0.2s ease;
}

.dashboard-content-shell__inner {
  margin-top: 4.25rem;
}

.dashboard-footer {
  border-top: 1px solid var(--dashboard-border);
  background: var(--dashboard-surface);
  padding: 1rem;
  font-size: 0.875rem;
  color: var(--dashboard-text-muted);
  text-align: center;
  transition: margin-inline-start 0.2s ease;
}

.dashboard-footer__text + .dashboard-footer__text {
  margin-top: 0.5rem;
}

.dashboard-page,
.space-y-6 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.dashboard-stack {
  display: grid;
  gap: 1rem;
}

.dashboard-page-header,
.flex.flex-wrap.items-center.justify-between.gap-3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.dashboard-page-title,
.text-xl.font-semibold.text-gray-800 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1f2937;
}

.dashboard-panel,
.rounded-2xl.border.border-gray-200.bg-white.p-4.shadow-sm,
.rounded-2xl.border.border-gray-200.bg-white.p-5.shadow-sm,
.rounded-2xl.border.border-gray-200.bg-white.p-6.shadow-sm {
  background: var(--dashboard-surface);
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-lg);
  box-shadow: var(--dashboard-shadow-sm);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.rounded-2xl.border.border-gray-200.bg-white.p-4.shadow-sm { padding: 1rem; }
.rounded-2xl.border.border-gray-200.bg-white.p-5.shadow-sm { padding: 1.25rem; }
.rounded-2xl.border.border-gray-200.bg-white.p-6.shadow-sm { padding: 1.5rem; }

.dashboard-filterbar {
  padding: 1rem;
}

.dashboard-filterbar__body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.dashboard-filterbar__row {
  display: grid;
  gap: 0.75rem;
}

.dashboard-filterbar__row--main {
  grid-template-columns: minmax(0, 1fr);
}

.dashboard-filterbar__row--advanced {
  grid-template-columns: minmax(0, 1fr);
}

.dashboard-filterbar__field {
  min-width: 0;
}

.dashboard-filterbar__autocomplete {
  position: relative;
}

.dashboard-filterbar__actions,
.dashboard-bulk-actions,
.dashboard-filterbar__chips-list,
.dashboard-pagination__actions,
.dashboard-pagination__pages,
.dashboard-mobile-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.dashboard-filterbar__actions {
  justify-content: flex-start;
}

.dashboard-chip--counter {
  background: #111827;
  border-color: #111827;
  color: #fff;
}

.dashboard-filterbar__advanced {
  padding: 0.75rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-lg);
  background: linear-gradient(180deg, rgba(248,250,252,0.95) 0%, rgba(255,255,255,0.95) 100%);
}

.dashboard-filterbar__chips {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid #f3f4f6;
}

.dashboard-filterbar__chips-title {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  color: var(--dashboard-text-faint);
}

.dashboard-bulk-actions__meta,
.dashboard-pagination__info {
  font-size: 0.875rem;
  color: var(--dashboard-text-muted);
}

.dashboard-mobile-list {
  display: grid;
  gap: 0.75rem;
}

.dashboard-table__head th {
  background: #f9fafb;
  color: var(--dashboard-text-muted);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.dashboard-table__body {
  background: #fff;
}

.dashboard-table__body tr {
  background: #fff;
  transition: background-color 0.18s ease;
}

.dashboard-table__body td {
  vertical-align: top;
  color: var(--dashboard-text-soft);
}

.dashboard-table__body tr:hover {
  background: #fbfdff;
}

.dashboard-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.dashboard-btn,
.dashboard-btn--primary,
.dashboard-btn--secondary,
.dashboard-btn--danger,
.dashboard-btn--success,
.inline-flex.items-center.rounded-lg.bg-gray-900.px-4.py-2.text-sm.font-medium.text-white.hover\:bg-black,
.inline-flex.items-center.rounded-lg.border.border-gray-200.bg-white.px-3.py-2.text-sm.font-medium.text-gray-700.hover\:bg-gray-50,
.inline-flex.items-center.rounded-lg.border.border-gray-200.bg-white.px-3.py-2.text-xs.font-semibold.uppercase.text-gray-600.hover\:bg-gray-50,
.inline-flex.items-center.rounded-lg.border.border-red-200.bg-red-50.px-3.py-2.text-xs.font-semibold.uppercase.text-red-700.hover\:bg-red-100 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: var(--dashboard-radius-sm);
  border: 1px solid transparent;
  font-weight: 600;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
  white-space: nowrap;
}

.dashboard-btn,
.dashboard-btn--secondary,
.inline-flex.items-center.rounded-lg.border.border-gray-200.bg-white.px-3.py-2.text-sm.font-medium.text-gray-700.hover\:bg-gray-50,
.inline-flex.items-center.rounded-lg.border.border-gray-200.bg-white.px-3.py-2.text-xs.font-semibold.uppercase.text-gray-600.hover\:bg-gray-50 {
  background: var(--dashboard-surface);
  border-color: var(--dashboard-border);
  color: var(--dashboard-text-soft);
}

.dashboard-btn:hover,
.dashboard-btn--secondary:hover,
.inline-flex.items-center.rounded-lg.border.border-gray-200.bg-white.px-3.py-2.text-sm.font-medium.text-gray-700.hover\:bg-gray-50:hover,
.inline-flex.items-center.rounded-lg.border.border-gray-200.bg-white.px-3.py-2.text-xs.font-semibold.uppercase.text-gray-600.hover\:bg-gray-50:hover {
  background: #f8fafc;
  border-color: var(--dashboard-border-strong);
  color: var(--dashboard-text);
  box-shadow: var(--dashboard-shadow-sm);
}

.dashboard-btn.is-active,
.dashboard-btn--secondary.is-active {
  background: #111827;
  border-color: #111827;
  color: #fff;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.18);
}

.dashboard-btn--primary,
.inline-flex.items-center.rounded-lg.bg-gray-900.px-4.py-2.text-sm.font-medium.text-white.hover\:bg-black {
  background: #111827;
  color: #fff;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.18);
}

.dashboard-btn--primary:hover,
.inline-flex.items-center.rounded-lg.bg-gray-900.px-4.py-2.text-sm.font-medium.text-white.hover\:bg-black:hover {
  background: #0b1220;
  border-color: #0b1220;
  color: #fff;
  box-shadow: 0 14px 30px rgba(17, 24, 39, 0.24);
}

.dashboard-btn--danger,
.inline-flex.items-center.rounded-lg.border.border-red-200.bg-red-50.px-3.py-2.text-xs.font-semibold.uppercase.text-red-700.hover\:bg-red-100 {
  background: var(--dashboard-danger-soft);
  border-color: #fecaca;
  color: var(--dashboard-danger);
}

.dashboard-btn--danger:hover,
.inline-flex.items-center.rounded-lg.border.border-red-200.bg-red-50.px-3.py-2.text-xs.font-semibold.uppercase.text-red-700.hover\:bg-red-100:hover {
  background: #fee2e2;
  border-color: #fecaca;
  color: var(--dashboard-danger);
  box-shadow: var(--dashboard-shadow-sm);
}

.dashboard-btn:focus-visible,
.dashboard-btn--primary:focus-visible,
.dashboard-btn--secondary:focus-visible,
.dashboard-btn--danger:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(191, 219, 254, 0.9);
}

.dashboard-alert,
.rounded-lg.border.border-red-200.bg-red-50.px-4.py-3.text-sm.text-red-700,
.rounded-lg.border.border-emerald-200.bg-emerald-50.px-4.py-3.text-sm.text-emerald-800 {
  padding: 0.75rem 1rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-sm);
  font-size: 0.875rem;
}

.dashboard-alert--error,
.rounded-lg.border.border-red-200.bg-red-50.px-4.py-3.text-sm.text-red-700 {
  background: var(--dashboard-danger-soft);
  border-color: #fecaca;
  color: var(--dashboard-danger);
}

.dashboard-alert--success,
.rounded-lg.border.border-emerald-200.bg-emerald-50.px-4.py-3.text-sm.text-emerald-800 {
  background: var(--dashboard-success-soft);
  border-color: #a7f3d0;
  color: var(--dashboard-success);
}

.rounded-lg.border.border-green-200.bg-green-50.px-4.py-3.text-sm.text-green-800 {
  background: #f0fdf4;
  border-color: #bbf7d0;
  color: #166534;
}

.dashboard-field,
.grid.gap-2.text-sm.font-medium.text-gray-600,
.grid.gap-1\.5.text-sm.font-medium.text-gray-600 {
  display: grid;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--dashboard-text-soft);
}

.dashboard-input,
.dashboard-select,
.dashboard-textarea,
.w-full.rounded-lg.border.border-gray-200.px-3.py-2.text-sm,
.w-full.rounded-lg.border.border-gray-200.px-3.py-2.text-sm.focus\:border-blue-500.focus\:ring-2.focus\:ring-blue-200,
.w-full.rounded-xl.border.border-gray-200.bg-white.px-3.py-2\.5.text-sm.text-gray-800,
.w-full.rounded-xl.border.border-gray-200.bg-white.px-3.py-2\.5.text-sm.text-gray-800.placeholder\:text-gray-400.focus\:border-blue-500.focus\:ring-2.focus\:ring-blue-200,
.w-full.rounded-xl.border.border-gray-200.bg-white.px-3.py-2.text-sm.text-gray-800,
.w-full.rounded-xl.border.border-gray-200.bg-white.px-3.py-2.text-sm.focus\:border-blue-500.focus\:ring-2.focus\:ring-blue-200 {
  width: 100%;
  min-height: 2.5rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-md);
  background: var(--dashboard-surface);
  color: var(--dashboard-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.dashboard-input:hover,
.dashboard-select:hover,
.dashboard-textarea:hover {
  border-color: var(--dashboard-border-strong);
  background: #fcfdff;
}

.dashboard-input::placeholder,
.dashboard-textarea::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--dashboard-text-faint);
}

.dashboard-table-shell,
.overflow-x-auto.rounded-xl.border.border-gray-200,
.hidden.overflow-x-auto.rounded-xl.border.border-gray-200.sm\:block {
  overflow-x: auto;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-md);
  background: var(--dashboard-surface);
  min-width: 0;
}

.dashboard-table,
.min-w-full.divide-y.divide-gray-200.text-sm {
  width: 100%;
  min-width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.dashboard-table thead,
.bg-gray-50.text-xs.font-semibold.uppercase.tracking-wide.text-gray-500 {
  background: #f9fafb;
  color: var(--dashboard-text-muted);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.dashboard-table tbody,
.divide-y.divide-gray-100.bg-white {
  background: var(--dashboard-surface);
}

.dashboard-table td,
.dashboard-table th,
.px-4.py-3.text-left,
.px-4.py-3.text-start,
.px-4.py-6.text-sm.text-gray-500 {
  border-bottom: 1px solid #f3f4f6;
}

.dashboard-chip,
.dashboard-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--dashboard-border);
  border-radius: 999px;
  background: #f9fafb;
  color: var(--dashboard-text-soft);
  font-size: 0.75rem;
  font-weight: 600;
}

.dashboard-badge--success {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #047857;
}

.dashboard-badge--muted {
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #4b5563;
}

.dashboard-badge--warning {
  background: #fffbeb;
  border-color: #fde68a;
  color: #b45309;
}

.dashboard-badge--danger {
  background: #fff1f2;
  border-color: #fecdd3;
  color: #be123c;
}

.dashboard-badge--info {
  background: #f0f9ff;
  border-color: #bae6fd;
  color: #0369a1;
}

.dashboard-badge--draft {
  background: #f5f3ff;
  border-color: #ddd6fe;
  color: #6d28d9;
}

.dashboard-chip__meta {
  color: var(--dashboard-text-muted);
}

.dashboard-chip__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border-radius: 999px;
  color: var(--dashboard-text-faint);
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.dashboard-chip__remove:hover {
  background: #e5e7eb;
  color: var(--dashboard-text-soft);
  transform: scale(1.05);
}

.dashboard-modal-overlay,
.fixed.inset-0.z-50.items-start.justify-center.overflow-y-auto.bg-gray-900\/40.px-4.py-6.sm\:items-center,
.fixed.inset-0.z-50.hidden.items-start.justify-center.overflow-y-auto.bg-gray-900\/40.px-4.py-6.sm\:items-center,
.fixed.inset-0.z-50.items-start.justify-center.overflow-y-auto.bg-slate-900\/50.p-4.py-6.sm\:items-center,
.fixed.inset-0.z-50.hidden.items-start.justify-center.overflow-y-auto.bg-slate-900\/50.p-4.py-6.sm\:items-center,
.fixed.inset-0.z-50.items-start.justify-center.overflow-y-auto.bg-black\/40.p-4.py-6.sm\:items-center,
.fixed.inset-0.z-50.hidden.items-start.justify-center.overflow-y-auto.bg-black\/40.p-4.py-6.sm\:items-center,
.fixed.inset-0.z-50.items-start.justify-center.overflow-y-auto.bg-slate-900\/60.p-4.py-6.sm\:items-center,
.fixed.inset-0.z-50.hidden.items-start.justify-center.overflow-y-auto.bg-slate-900\/60.p-4.py-6.sm\:items-center,
.fixed.inset-0.z-\[75\].items-start.justify-center.overflow-y-auto.bg-black\/45.p-4.py-6.sm\:items-center,
.fixed.inset-0.z-\[75\].hidden.items-start.justify-center.overflow-y-auto.bg-black\/45.p-4.py-6.sm\:items-center {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  background: rgba(17, 24, 39, 0.4);
  padding: 1rem;
  padding-block: 1rem;
  backdrop-filter: blur(4px);
}

.fixed.inset-0.z-\[60\].items-start.justify-center.overflow-y-auto.bg-gray-900\/40.px-4.py-6.sm\:items-center,
.fixed.inset-0.z-\[60\].hidden.items-start.justify-center.overflow-y-auto.bg-gray-900\/40.px-4.py-6.sm\:items-center {
  position: fixed;
  inset: 0;
  z-index: 130;
  display: none;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  background: rgba(17, 24, 39, 0.4);
  padding: 1rem;
  padding-block: 1rem;
  backdrop-filter: blur(4px);
}

.fixed.inset-0.z-50.flex.items-start.justify-center.overflow-y-auto.bg-gray-900\/40.px-4.py-6.sm\:items-center,
.fixed.inset-0.z-50.flex.items-start.justify-center.overflow-y-auto.bg-slate-900\/50.p-4.py-6.sm\:items-center,
.fixed.inset-0.z-50.flex.items-start.justify-center.overflow-y-auto.bg-black\/40.p-4.py-6.sm\:items-center,
.fixed.inset-0.z-50.flex.items-start.justify-center.overflow-y-auto.bg-slate-900\/60.p-4.py-6.sm\:items-center,
.fixed.inset-0.z-\[75\].flex.items-start.justify-center.overflow-y-auto.bg-black\/45.p-4.py-6.sm\:items-center,
.fixed.inset-0.z-\[60\].flex.items-start.justify-center.overflow-y-auto.bg-gray-900\/40.px-4.py-6.sm\:items-center {
  display: flex;
}

.w-full.max-w-2xl.rounded-2xl.bg-white.shadow-2xl,
.w-full.max-w-3xl.rounded-2xl.bg-white.shadow-2xl,
.w-full.max-w-3xl.rounded-2xl.bg-white.shadow-xl,
.w-full.max-w-4xl.rounded-2xl.bg-white.shadow-xl,
.w-full.max-w-3xl.rounded-2xl.bg-white.shadow-xl.max-h-\[88vh\].overflow-hidden,
.w-full.max-w-2xl.rounded-2xl.bg-white.shadow-xl.max-h-\[86vh\].overflow-hidden {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: calc(100dvh - 2rem);
  overflow: hidden;
}

.w-full.max-w-2xl.rounded-2xl.bg-white.shadow-2xl > .flex.items-center.justify-between.gap-3.border-b.border-gray-200.px-5.py-4,
.w-full.max-w-3xl.rounded-2xl.bg-white.shadow-2xl > .flex.items-center.justify-between.gap-3.border-b.border-gray-200.px-5.py-4,
.w-full.max-w-3xl.rounded-2xl.bg-white.shadow-xl > .flex.items-center.justify-between.gap-3.border-b.border-gray-200.px-5.py-4,
.w-full.max-w-4xl.rounded-2xl.bg-white.shadow-xl > .flex.items-center.justify-between.gap-3.border-b.border-gray-200.px-5.py-4,
.w-full.max-w-2xl.rounded-2xl.bg-white.shadow-xl.max-h-\[86vh\].overflow-hidden > .flex.flex-wrap.items-center.justify-between.gap-2.border-b.border-gray-200.px-5.py-4,
.w-full.max-w-3xl.rounded-2xl.bg-white.shadow-xl.max-h-\[88vh\].overflow-hidden > .flex.items-center.justify-between.gap-3.border-b.border-gray-200.px-5.py-4 {
  position: sticky;
  top: 0;
  z-index: 2;
  flex-shrink: 0;
  background: var(--dashboard-surface);
}

.w-full.max-w-2xl.rounded-2xl.bg-white.shadow-2xl > form,
.w-full.max-w-3xl.rounded-2xl.bg-white.shadow-2xl > form,
.w-full.max-w-3xl.rounded-2xl.bg-white.shadow-xl > form,
.w-full.max-w-4xl.rounded-2xl.bg-white.shadow-xl > form,
.w-full.max-w-2xl.rounded-2xl.bg-white.shadow-xl.max-h-\[86vh\].overflow-hidden > .grid.gap-4.p-4.overflow-y-auto.max-h-\[calc\(86vh-84px\)\],
.w-full.max-w-3xl.rounded-2xl.bg-white.shadow-xl.max-h-\[88vh\].overflow-hidden > form {
  flex: 1 1 auto;
  overflow-y: auto;
}

.dashboard-modal {
  width: 100%;
  max-width: 48rem;
  max-height: 88vh;
  overflow: hidden;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-lg);
  background: var(--dashboard-surface);
  box-shadow: var(--dashboard-shadow-lg);
}

.dashboard-modal-overlay.is-open {
  display: flex;
}

.dashboard-modal-overlay--stacked {
  z-index: 130;
}

.dashboard-modal-open {
  overflow: hidden;
}

.dashboard-modal__body {
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
}

.dashboard-modal__body--scroll {
  max-height: 80vh;
  overflow-y: auto;
}

.dashboard-page-header__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

.dashboard-modal-close {
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1;
}

.is-hidden {
  display: none !important;
}

.dashboard-btn.is-active {
  color: #ffffff;
  background: #111827;
  border-color: #111827;
}

.dashboard-catalogs__reset-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.dashboard-catalogs__mobile-list {
  display: grid;
}

.dashboard-catalogs__table-shell {
  display: none;
}

.dashboard-catalogs__table-cell {
  padding: 0.75rem 1rem;
  text-align: start;
}

.dashboard-catalogs__table-cell--body {
  vertical-align: top;
}

.dashboard-catalogs__table-cell--align {
  text-align: start;
}

.dashboard-catalogs__table-empty {
  padding: 1.5rem 1rem;
  font-size: 0.875rem;
  color: var(--dashboard-text-muted);
  text-align: start;
}

.dashboard-catalogs__mobile-create {
  position: fixed;
  inset-inline-end: 1.25rem;
  bottom: 1.25rem;
  z-index: 30;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  background: #111827;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 600;
  box-shadow: var(--dashboard-shadow-lg);
}

.dashboard-catalogs__mobile-create:hover {
  background: #000000;
}

.dashboard-catalogs__modal {
  max-height: 88vh;
}

.dashboard-catalogs__modal-overlay {
  z-index: 120;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.dashboard-catalogs__modal--wide {
  max-width: 48rem;
}

.dashboard-catalogs__modal--medium {
  max-width: 42rem;
}

.dashboard-catalogs__modal-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--dashboard-border);
}

.dashboard-catalogs__modal-heading-group,
.dashboard-catalogs__modal-actions,
.dashboard-catalogs__localized-actions,
.dashboard-catalogs__localized-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.dashboard-catalogs__localized-toolbar {
  justify-content: space-between;
}

.dashboard-catalogs__modal-title,
.dashboard-catalogs__section-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--dashboard-text);
}

.dashboard-catalogs__subscribers-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.625rem;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 0.75rem;
  font-weight: 600;
}

.dashboard-catalogs__subscribers-count {
  margin-inline-start: 0.25rem;
}

.dashboard-catalogs__modal-form {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  max-height: calc(88vh - 72px);
  overflow-y: auto;
}

.dashboard-catalogs__modal-alert {
  padding: 0.75rem 1rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-sm);
  font-size: 0.875rem;
}

.dashboard-catalogs__modal-alert--success {
  background: var(--dashboard-success-soft);
  border-color: #a7f3d0;
  color: var(--dashboard-success);
}

.dashboard-catalogs__modal-alert--error {
  background: var(--dashboard-danger-soft);
  border-color: #fecaca;
  color: var(--dashboard-danger);
}

.dashboard-catalogs__form-grid,
.dashboard-catalogs__localized-names {
  display: grid;
  gap: 0.75rem;
}

.dashboard-catalogs__branches {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.75rem;
}

.dashboard-catalogs__branches .dashboard-tag-picker {
  flex: 1 1 auto;
  min-width: 0;
}

.dashboard-catalogs__form-grid-primary,
.dashboard-catalogs__form-grid-dates,
.dashboard-catalogs__notification-grid,
.dashboard-catalogs__names-grid {
  display: grid;
  gap: 0.75rem;
}

.dashboard-catalogs__form-grid-country-store-category {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  grid-column: 1 / -1;
}

.dashboard-catalog-form__country-store-category-row {
  grid-column: 1 / -1;
}

@media (max-width: 639px) {
  .dashboard-catalogs__form-grid-country-store-category,
  .dashboard-catalog-form__country-store-category-row {
    grid-template-columns: 1fr;
  }
}

.dashboard-catalogs__field-row,
.dashboard-catalogs__branches-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--dashboard-text-soft);
}

.dashboard-catalogs__field-label {
  width: 6rem;
  flex-shrink: 0;
  color: var(--dashboard-text-soft);
}

.dashboard-catalogs__field-label--strong {
  font-weight: 600;
  color: var(--dashboard-text);
}

.dashboard-catalogs__field-hint {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--dashboard-text-faint);
}

.dashboard-catalogs__field-control {
  flex: 1 1 auto;
  min-width: 0;
}

.dashboard-catalogs__field-control--relative {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

.dashboard-catalogs__selected-regions,
.dashboard-catalogs__region-results {
  min-height: 2rem;
  padding: 0.375rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-md);
  background: var(--dashboard-surface);
}

.dashboard-catalogs__selected-regions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.dashboard-catalogs__region-results {
  display: grid;
  gap: 0.25rem;
  max-height: 7rem;
  overflow-y: auto;
}

.dashboard-catalogs__segments-dropdown {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  top: calc(100% + 0.25rem);
  z-index: 20;
  max-height: 14rem;
  overflow-y: auto;
  padding: 0.5rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-md);
  background: var(--dashboard-surface);
  box-shadow: var(--dashboard-shadow-lg);
}

.dashboard-catalogs__stack-field,
.dashboard-catalogs__localized-field {
  display: grid;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--dashboard-text-soft);
}

.dashboard-catalogs__stack-field--full {
  grid-column: 1 / -1;
}

.dashboard-catalogs__action-btn {
  font-size: 0.75rem;
}

.dashboard-catalogs__status-note {
  font-size: 0.75rem;
  color: var(--dashboard-text-muted);
}

.dashboard-catalogs__status-note.is-muted {
  color: var(--dashboard-text-muted);
}

.dashboard-catalogs__status-note.is-success {
  color: #047857;
}

.dashboard-catalogs__status-note.is-error {
  color: #dc2626;
}

.dashboard-catalogs__dropdown-empty,
.dashboard-catalogs__empty-note,
.dashboard-catalogs__action-placeholder,
.dashboard-catalogs__pagination-ellipsis {
  font-size: 0.75rem;
  color: var(--dashboard-text-muted);
}

.dashboard-catalogs__dropdown-empty {
  display: block;
  padding: 0.375rem 0.5rem;
}

.dashboard-catalogs__store-option {
  font-size: 0.75rem;
}

.dashboard-catalogs__segment-option {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  border-radius: 0.5rem;
  color: var(--dashboard-text-soft);
  font-size: 0.875rem;
  text-align: start;
}

.dashboard-catalogs__segment-option:hover {
  background: #f8fafc;
}

.dashboard-catalogs__segment-option.is-active {
  background: #111827;
  color: #ffffff;
}

.dashboard-catalogs__segment-option-indicator {
  font-size: 0.75rem;
  color: var(--dashboard-text-faint);
}

.dashboard-catalogs__segment-option.is-active .dashboard-catalogs__segment-option-indicator {
  color: rgba(255, 255, 255, 0.8);
}

.dashboard-catalogs__region-option {
  display: block;
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--dashboard-border);
  border-radius: 0.5rem;
  color: var(--dashboard-text-soft);
  font-size: 0.75rem;
}

.dashboard-catalogs__region-option:hover {
  background: #f8fafc;
}

.dashboard-catalogs__region-option.is-rtl {
  text-align: right;
}

.dashboard-catalogs__region-option.is-ltr {
  text-align: left;
}

.dashboard-catalogs__region-option-meta,
.dashboard-catalogs__region-option-subtitle,
.dashboard-catalogs__submeta {
  color: var(--dashboard-text-muted);
  font-size: 0.75rem;
}

.dashboard-catalogs__timestamps {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin-bottom: 0.375rem;
  font-size: 0.6875rem;
  line-height: 1.35;
  color: var(--dashboard-text-muted);
}

.dashboard-catalogs__timestamp-line {
  display: block;
}

.dashboard-catalogs__timestamp-label {
  font-weight: 600;
  color: var(--dashboard-text-soft);
}

.dashboard-catalogs__timestamp-fine {
  font-size: 0.625rem;
  opacity: 0.88;
  margin-bottom: 0.2rem;
}

.dashboard-catalogs__timestamp-fine time {
  font-variant-numeric: tabular-nums;
}

.dashboard-catalogs__timestamp-line--secondary {
  opacity: 0.92;
}

.dashboard-catalogs__region-option-subtitle {
  display: block;
  margin-top: 0.125rem;
}

.dashboard-catalogs__active-filters-wrap--visible {
  display: flex;
}

.dashboard-catalogs__icon-action,
.dashboard-catalogs__mobile-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--dashboard-border);
  border-radius: 0.5rem;
  background: var(--dashboard-surface);
  color: var(--dashboard-text-soft);
  font-size: 0.875rem;
}

.dashboard-catalogs__icon-action:hover,
.dashboard-catalogs__mobile-action:hover {
  background: #f8fafc;
  color: var(--dashboard-text);
}

.dashboard-catalogs__icon-action--danger,
.dashboard-catalogs__mobile-action--danger {
  border-color: #fecaca;
  color: var(--dashboard-danger);
}

.dashboard-catalogs__icon-action--danger:hover,
.dashboard-catalogs__mobile-action--danger:hover {
  background: #fef2f2;
}

.dashboard-catalogs__thumb {
  width: 3rem;
  height: 4rem;
  flex-shrink: 0;
  object-fit: cover;
  border: 1px solid var(--dashboard-border);
  border-radius: 0.375rem;
}

.dashboard-catalogs__thumb--mobile {
  width: 3.5rem;
  height: 5rem;
  border-radius: 0.5rem;
}

.dashboard-catalogs__thumb--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  border-style: dashed;
  background: #f9fafb;
  color: var(--dashboard-text-faint);
  font-size: 0.75rem;
}

.dashboard-catalogs__name-cell,
.dashboard-catalogs__mobile-header,
.dashboard-catalogs__mobile-title-row,
.dashboard-catalogs__stats-row,
.dashboard-catalogs__action-row,
.dashboard-catalogs__mobile-actions,
.dashboard-catalogs__mobile-status-row,
.dashboard-catalogs__meta-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.dashboard-catalogs__name-cell,
.dashboard-catalogs__mobile-header {
  align-items: flex-start;
  gap: 0.75rem;
}

.dashboard-catalogs__mobile-title-row,
.dashboard-catalogs__action-row {
  align-items: flex-start;
  justify-content: space-between;
}

.dashboard-catalogs__name-content,
.dashboard-catalogs__mobile-main,
.dashboard-catalogs__mobile-title-wrap {
  min-width: 0;
  flex: 1 1 auto;
}

.dashboard-catalogs__name-title,
.dashboard-catalogs__mobile-title {
  font-weight: 600;
  color: var(--dashboard-text);
}

.dashboard-catalogs__mobile-title {
  font-size: 1rem;
}

.dashboard-catalogs__meta-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 999px;
  background: #f3f4f6;
  color: #374151;
  font-size: 0.75rem;
  font-weight: 500;
}

.dashboard-catalogs__meta-tag--active-tone {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #047857;
}

.dashboard-catalogs__submeta.dashboard-catalogs__submeta--active-tone {
  color: #047857;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  display: inline-block;
  max-width: 100%;
  line-height: 1.35;
}

.dashboard-catalogs__submeta--spaced {
  margin-top: 0.25rem;
}

.dashboard-catalogs__status-row,
.dashboard-catalogs__mobile-status-row {
  margin-top: 0.25rem;
  align-items: center;
}

.dashboard-catalogs__stats-row {
  margin-top: 0.25rem;
  align-items: center;
}

.dashboard-catalogs__stats-row--mobile {
  margin-top: 0.75rem;
}

.dashboard-catalogs__stat-item {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: var(--dashboard-text-muted);
}

.dashboard-catalogs__action-row--start {
  justify-content: flex-start;
}

.dashboard-catalogs__action-row--end {
  justify-content: flex-end;
}

.dashboard-catalogs__table-row:hover {
  background: #f8fafc;
}

.dashboard-catalogs__mobile-card {
  padding: 1rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-lg);
  background: var(--dashboard-surface);
  box-shadow: var(--dashboard-shadow-sm);
}

.dashboard-catalogs__mobile-body {
  display: grid;
  gap: 0.5rem;
  margin-top: 0.75rem;
  font-size: 0.75rem;
  color: var(--dashboard-text-soft);
}

.dashboard-catalogs__mobile-empty {
  padding: 1.5rem 1rem;
  border: 1px dashed var(--dashboard-border-strong);
  border-radius: var(--dashboard-radius-lg);
  background: var(--dashboard-surface);
  font-size: 0.875rem;
  color: var(--dashboard-text-muted);
}

.dashboard-catalogs__mobile-checkbox {
  display: inline-flex;
  align-items: center;
}

.dashboard-catalogs__input--rtl {
  text-align: right;
}

.dashboard-catalogs__selected-regions--rtl {
  justify-content: flex-end;
}

.dashboard-catalogs__region-results--rtl {
  text-align: right;
}

@media (min-width: 640px) {
  .dashboard-catalogs__mobile-list,
  .dashboard-catalogs__mobile-create {
    display: none !important;
  }

  .dashboard-catalogs__table-shell {
    display: block;
  }

  .dashboard-catalogs__form-grid-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-catalogs__form-grid-dates,
  .dashboard-catalogs__notification-grid,
  .dashboard-catalogs__names-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .dashboard-catalogs__form-grid-primary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.dashboard-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.dashboard-tag-option {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--dashboard-border);
  border-radius: 999px;
  background: var(--dashboard-surface);
  color: var(--dashboard-text-soft);
  font-size: 0.75rem;
  font-weight: 600;
}

.dashboard-tag-option:hover {
  border-color: var(--dashboard-border-strong);
  background: #f8fafc;
}

.dashboard-summary-list {
  display: grid;
  gap: 0.75rem;
}

.dashboard-summary-item {
  display: grid;
  gap: 0.25rem;
  padding: 0.75rem 0.875rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-md);
  background: var(--dashboard-surface);
  color: var(--dashboard-text-soft);
  font-size: 0.875rem;
}

.dashboard-summary-item strong {
  color: var(--dashboard-text);
}

.dashboard-summary-item__meta {
  color: var(--dashboard-text-muted);
  font-size: 0.8125rem;
}

.dashboard-summary-empty {
  padding: 0.75rem 0.875rem;
  border: 1px dashed var(--dashboard-border-strong);
  border-radius: var(--dashboard-radius-md);
  color: var(--dashboard-text-muted);
  font-size: 0.875rem;
}

.dashboard-dropdown-results,
#catalogsStoreResults,
#catalogModalStoreResults,
#newsStoreResults,
#catalogStoreResults,
#branchModalStoreResults {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  top: calc(100% + 6px);
  z-index: 20;
  width: 100%;
  max-height: 11rem;
  overflow-y: auto;
  padding: 0.25rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-md);
  background: var(--dashboard-surface);
  box-shadow: var(--dashboard-shadow-lg);
}

.dashboard-dropdown-option,
.block.w-full.rounded-md.px-2.py-1.text-start.text-sm.text-gray-700.hover\:bg-gray-100,
.block.w-full.rounded-md.px-2.py-1\.5.text-left.text-xs.text-gray-700.hover\:bg-gray-50,
.block.w-full.rounded-md.px-2.py-1\.5.text-start.text-xs.text-gray-700.hover\:bg-gray-50 {
  display: block;
  width: 100%;
  padding: 0.5rem;
  border-radius: 0.5rem;
  color: var(--dashboard-text-soft);
  text-align: start;
}

.dashboard-dropdown-option:hover,
.block.w-full.rounded-md.px-2.py-1.text-start.text-sm.text-gray-700.hover\:bg-gray-100:hover,
.block.w-full.rounded-md.px-2.py-1\.5.text-left.text-xs.text-gray-700.hover\:bg-gray-50:hover,
.block.w-full.rounded-md.px-2.py-1\.5.text-start.text-xs.text-gray-700.hover\:bg-gray-50:hover {
  background: #eef2f7;
  color: var(--dashboard-text);
}

.dashboard-pagination,
.flex.flex-wrap.items-center.justify-between.gap-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.dashboard-pagination__page {
  min-width: 2.5rem;
  font-weight: 600;
}

.dashboard-empty-state {
  padding: 1.5rem 1rem;
  color: var(--dashboard-text-muted);
  text-align: center;
}

.dashboard-empty-state--compact {
  padding: 0.625rem 0.75rem;
  font-size: 0.75rem;
  text-align: start;
}

.rounded-xl.border.border-gray-200.bg-white.p-6,
.space-y-6.rounded-xl.border.border-gray-200.bg-white.p-6,
.rounded-xl.border.border-gray-200.bg-white.p-6.shadow-sm {
  background: var(--dashboard-surface);
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-md);
  padding: 1.5rem;
  box-shadow: var(--dashboard-shadow-sm);
}

.space-y-4.rounded-xl.border.border-gray-200.bg-gray-50.p-4,
.rounded-xl.border.border-gray-200.bg-gray-50.p-4 {
  background: #f9fafb;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-md);
  padding: 1rem;
}

.dashboard-form-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.875rem;
}

.dashboard-form-header__title {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0.5rem 0.75rem;
  border: 1px solid #dbeafe;
  border-radius: 0.625rem;
  background: #eff6ff;
  color: #1e3a8a;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.2;
}

.dashboard-form-header__draft {
  font-size: 0.875rem;
  font-weight: 600;
  background: #fef3c7;
  color: #92400e;
  padding: 0.25rem 0.625rem;
  border-radius: 0.375rem;
}

.dashboard-form-header__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}

.dashboard-form-header__status {
  color: #6b7280;
  font-size: 0.875rem;
}

.dashboard-btn--success {
  background: #059669;
  color: #fff;
}

.dashboard-btn--success:hover {
  background: #047857;
  border-color: #047857;
  color: #fff;
  box-shadow: 0 14px 30px rgba(4, 120, 87, 0.20);
}

.dashboard-btn:active,
.dashboard-btn--primary:active,
.dashboard-btn--secondary:active,
.dashboard-btn--danger:active,
.dashboard-btn--success:active {
  transform: translateY(1px);
}

.dashboard-form-alert {
  display: none;
  border: 1px solid transparent;
  border-radius: 0.625rem;
  padding: 0.75rem;
  margin-bottom: 0.875rem;
}

.dashboard-form-grid {
  display: grid;
  gap: 0.875rem;
}

.dashboard-form-grid--two-column {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  align-items: start;
}

.dashboard-form-column {
  display: grid;
  gap: 0.875rem;
  align-content: start;
  min-width: 0;
}

.dashboard-fieldset {
  border: 1px solid var(--dashboard-border);
  border-radius: 0.625rem;
  padding: 0.875rem;
  background: #fff;
  overflow: visible;
}

.dashboard-fieldset__legend {
  padding-inline: 0.375rem;
  color: #374151;
}

.dashboard-branches-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.75rem;
}

.dashboard-branches-row__label {
  flex: 0 0 auto;
  align-self: center;
  width: 6rem;
  font-weight: 600;
  color: var(--dashboard-text);
}

.dashboard-branches-row .dashboard-tag-picker {
  flex: 1 1 auto;
  min-width: 0;
}

.dashboard-field-grid {
  display: grid;
  gap: 0.625rem;
}

.dashboard-field-grid--auto {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.dashboard-field-grid--split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column: 1 / -1;
}

.dashboard-field-grid--three-column {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-field-label {
  display: grid;
  gap: 0.375rem;
}

.dashboard-form-dropdown {
  display: none;
  position: absolute;
  z-index: 1000;
  inset-inline: 0;
  inset-block-start: calc(100% + 6px);
  max-height: 180px;
  overflow: auto;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  padding: 0.375rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.dashboard-form-dropdown:not(.hidden) {
  display: block;
}

.dashboard-field-inline-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.625rem;
}

.dashboard-field-muted {
  color: #6b7280;
  font-size: 0.8125rem;
}

.dashboard-form-page {
  width: 100%;
}

.dashboard-toggle-pill {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 2.75rem;
  padding: 0.625rem 0.875rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-md);
  background: var(--dashboard-surface-soft);
  color: var(--dashboard-text-soft);
}

.dashboard-checkbox {
  width: 1rem;
  height: 1rem;
  accent-color: var(--dashboard-primary);
}

.dashboard-upload-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.dashboard-upload-card {
  padding: 0.875rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-md);
  background: var(--dashboard-surface-soft);
}

.dashboard-upload-label {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--dashboard-text-soft);
}

.dashboard-upload-preview {
  display: flex;
  width: 7rem;
  height: 7rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--dashboard-border);
  border-radius: 0.625rem;
  background: var(--dashboard-surface);
}

.dashboard-upload-preview__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.dashboard-upload-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.dashboard-tag-picker {
  position: relative;
  display: grid;
  gap: 0.5rem;
  overflow: visible;
}

.dashboard-tag-picker__control {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.375rem 0.5rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-md);
  background: var(--dashboard-surface);
}

.dashboard-tag-picker__selected {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.dashboard-tag-picker__input {
  flex: 1 1 7.5rem;
  min-width: 7.5rem;
  border: 0;
  background: transparent;
  padding: 0.25rem;
  color: var(--dashboard-text);
}

.dashboard-tag-picker__input:focus {
  outline: none;
}

.dashboard-sticky-actions {
  position: sticky;
  bottom: 0;
  z-index: 10;
  margin-inline: -0.25rem;
  padding: 0.75rem 0.25rem;
  border-top: 1px solid var(--dashboard-border);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(10px);
}

.dashboard-sticky-actions__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

.dashboard-sticky-actions__status {
  font-size: 0.875rem;
  color: var(--dashboard-text-muted);
}

.dashboard-locale-field {
  display: grid;
  gap: 0.375rem;
}

.dashboard-locale-field__label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--dashboard-text-faint);
}

.dashboard-localized-tabs {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.dashboard-localized-wrap {
  display: grid;
  gap: 0.75rem;
  width: 100%;
  min-width: 0;
}

.dashboard-localized-panel {
  display: grid;
  gap: 0.75rem;
  width: 100%;
  min-width: 0;
  padding: 0.875rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-md);
  background: var(--dashboard-surface);
}

.dashboard-localized-row {
  display: grid;
  grid-template-columns: minmax(0, 11rem) minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  min-width: 0;
}

@media (max-width: 639px) {
  .dashboard-localized-row {
    grid-template-columns: minmax(0, 100px) minmax(0, 1fr);
    gap: 0.5rem;
  }
}

.dashboard-localized-row--textarea {
  align-items: start;
}

.dashboard-localized-row__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--dashboard-text-soft);
  min-width: 0;
  line-height: 1.35;
}

.dashboard-localized-row__label small {
  display: inline-block;
  margin-inline-start: 0.375rem;
  color: var(--dashboard-text-faint);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dashboard-localized-row__field {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.dashboard-localized-row--textarea .dashboard-localized-row__field {
  min-height: 5.5rem;
  resize: vertical;
}

.dashboard-inline-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.dashboard-inline-note {
  font-size: 0.75rem;
  color: var(--dashboard-text-muted);
}

.dashboard-dropdown-option--stacked {
  display: grid;
  gap: 0.125rem;
}

.dashboard-dropdown-option__meta {
  font-size: 0.75rem;
  color: var(--dashboard-text-muted);
}

.dashboard-link-inline {
  color: #0f766e;
  text-decoration: none;
  transition: color 0.18s ease;
}

.dashboard-link-inline:hover {
  color: #115e59;
}

.dashboard-tab-nav {
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}

.dashboard-tab-button {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
  padding: 0.75rem 1rem;
  border-bottom: 2px solid transparent;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--dashboard-text-muted);
  transition: color 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.dashboard-tab-button:hover {
  color: var(--dashboard-text-soft);
}

.dashboard-tab-button.is-active {
  color: var(--dashboard-primary);
  border-color: var(--dashboard-primary);
}

.dashboard-flag-icon {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.25rem;
  object-fit: cover;
}

.dashboard-contact-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-contact-grid__spacer {
  grid-column: span 2;
}

.dashboard-home {
  display: grid;
  gap: 1.25rem;
  min-width: 0;
}

.dashboard-home__metrics {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  min-width: 0;
}

.dashboard-metric-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border-radius: 1rem;
  color: #fff;
  box-shadow: var(--dashboard-shadow-sm);
}

.dashboard-metric-card__icon {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.875rem;
  background: rgba(255, 255, 255, 0.18);
}

.dashboard-metric-card__icon svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
}

.dashboard-metric-card__content {
  text-align: end;
}

.dashboard-metric-card__title {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.88);
}

.dashboard-metric-card__value {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
}

.dashboard-metric-card--branches { background: #3c6382; }
.dashboard-metric-card--cities { background: #706fd3; }
.dashboard-metric-card--external-stores { background: #34ace0; }
.dashboard-metric-card--stores { background: #33d9b2; }
.dashboard-metric-card--users { background: #e77f67; }
.dashboard-metric-card--products { background: #cf6a87; }
.dashboard-metric-card--catalogs { background: #596275; }
.dashboard-metric-card--views { background: #786fa6; }

.dashboard-home__section-title {
  margin: 0 0 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.dashboard-home__charts {
  display: grid;
  gap: 1.25rem;
  min-width: 0;
}

.dashboard-chart-card {
  padding: 1.25rem;
  border: 1px solid var(--dashboard-border);
  border-radius: 1rem;
  background: var(--dashboard-surface);
  box-shadow: var(--dashboard-shadow-sm);
  min-width: 0;
}

.dashboard-chart-card__title {
  margin: 0 0 0.75rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--dashboard-text);
}

.dashboard-chart-card__canvas {
  height: 14rem;
  min-width: 0;
}

.dashboard-storage-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.dashboard-storage-meta {
  font-size: 0.875rem;
  color: var(--dashboard-text-muted);
}

.dashboard-storage-meta strong {
  color: var(--dashboard-text-soft);
}

.dashboard-storage-summary {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-bottom: 1rem;
}

.dashboard-storage-summary-card {
  padding: 0.75rem 1rem;
  border: 1px solid var(--dashboard-border);
  border-radius: var(--dashboard-radius-md);
  min-width: 0;
}

.dashboard-storage-summary-card__label {
  font-size: 0.875rem;
  font-weight: 600;
}

.dashboard-storage-summary-card__value {
  margin-top: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.dashboard-storage-summary-card--blue {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}

.dashboard-storage-summary-card--green {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #047857;
}

.dashboard-storage-summary-card--amber {
  background: #fffbeb;
  border-color: #fde68a;
  color: #b45309;
}

.dashboard-table th,
.dashboard-table td {
  padding: 0.75rem 1rem;
  text-align: start;
}

.dashboard-table__cell--strong {
  font-weight: 600;
  color: var(--dashboard-text);
}

.dashboard-table__cell--muted {
  color: var(--dashboard-text-soft);
}

.dashboard-sidebar-collapsed .dashboard-sidebar {
  width: var(--dashboard-sidebar-width-collapsed);
}

.dashboard-sidebar-collapsed .dashboard-content-shell,
.dashboard-sidebar-collapsed .dashboard-footer {
  margin-inline-start: var(--dashboard-sidebar-width-collapsed);
}

html[dir="ltr"] .dashboard-sidebar-collapsed .dashboard-content-shell,
html[dir="ltr"] .dashboard-sidebar-collapsed .dashboard-footer {
  margin-left: var(--dashboard-sidebar-width-collapsed);
  margin-right: 0;
}

html[dir="rtl"] .dashboard-sidebar-collapsed .dashboard-content-shell,
html[dir="rtl"] .dashboard-sidebar-collapsed .dashboard-footer {
  margin-right: var(--dashboard-sidebar-width-collapsed);
  margin-left: 0;
}

.dashboard-sidebar-collapsed [data-sidebar-section-title],
.dashboard-sidebar-collapsed [data-sidebar-label] {
  display: none;
}

.dashboard-sidebar-collapsed [data-sidebar-link] {
  justify-content: center;
  padding-inline: 0.75rem;
}

.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.inset-0 { inset: 0; }
.block { display: block; }
.inline-flex { display: inline-flex; }
.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none !important; }
.overflow-hidden { overflow: hidden; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.w-full { width: 100%; }
.w-auto { width: auto; }
.w-6 { width: 1.5rem; }
.w-10 { width: 2.5rem; }
.w-12 { width: 3rem; }
.w-14 { width: 3.5rem; }
.w-56 { width: 14rem; }
.w-64 { width: 16rem; }
.h-6 { height: 1.5rem; }
.h-10 { height: 2.5rem; }
.h-4 { height: 1rem; }
.h-12 { height: 3rem; }
.h-16 { height: 4rem; }
.h-20 { height: 5rem; }
.h-56 { height: 14rem; }
.h-64 { height: 16rem; }
.h-72 { height: 18rem; }
.h-full { height: 100%; }
.h-screen { height: 100vh; }
.min-h-screen { min-height: 100vh; }
.min-w-0 { min-width: 0; }
.min-w-full { min-width: 100%; }
.min-h-\[112px\] { min-height: 112px; }
.max-w-md { max-width: 28rem; }
.max-w-2xl { max-width: 42rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.max-h-\[88vh\] { max-height: 88vh; }
.max-h-\[calc\(88vh-72px\)\] { max-height: calc(88vh - 72px); }
.max-h-44 { max-height: 11rem; }
.flex-1 { flex: 1 1 0%; }
.flex-shrink-0 { flex-shrink: 0; }
.shrink-0 { flex-shrink: 0; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-end { justify-content: flex-end; }
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }
.space-y-3 > * + * { margin-top: 0.75rem; }
.space-y-4 > * + * { margin-top: 1rem; }
.space-y-5 > * + * { margin-top: 1.25rem; }
.space-y-6 > * + * { margin-top: 1.5rem; }
.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }
.object-contain { object-fit: contain; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-md { border-radius: 0.375rem; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-full { border-radius: 999px; }
.border { border: 1px solid var(--dashboard-border); }
.border-dashed { border-style: dashed; }
.border-b { border-bottom: 1px solid var(--dashboard-border); }
.border-t { border-top: 1px solid var(--dashboard-border); }
.border-gray-100 { border-color: #f3f4f6; }
.border-gray-200 { border-color: #e5e7eb; }
.border-gray-300 { border-color: #d1d5db; }
.border-green-200 { border-color: #bbf7d0; }
.border-red-200 { border-color: #fecaca; }
.border-emerald-200 { border-color: #a7f3d0; }
.border-emerald-100 { border-color: #d1fae5; }
.border-amber-100 { border-color: #fde68a; }
.border-blue-100 { border-color: #dbeafe; }
.bg-\[\#3c6382\] { background: #3c6382; }
.bg-\[\#706fd3\] { background: #706fd3; }
.bg-\[\#34ace0\] { background: #34ace0; }
.bg-\[\#33d9b2\] { background: #33d9b2; }
.bg-\[\#e77f67\] { background: #e77f67; }
.bg-\[\#cf6a87\] { background: #cf6a87; }
.bg-\[\#596275\] { background: #596275; }
.bg-white { background: #fff; }
.bg-white\/20 { background: rgba(255, 255, 255, 0.2); }
.bg-gray-50 { background: #f9fafb; }
.bg-gray-100 { background: #f3f4f6; }
.bg-gray-900 { background: #111827; }
.bg-gray-900\/40 { background: rgba(17, 24, 39, 0.4); }
.bg-black\/40 { background: rgba(0, 0, 0, 0.4); }
.bg-black\/45 { background: rgba(0, 0, 0, 0.45); }
.bg-red-50 { background: #fef2f2; }
.bg-green-50 { background: #f0fdf4; }
.bg-emerald-50 { background: #ecfdf5; }
.bg-blue-50 { background: #eff6ff; }
.bg-sky-50 { background: #f0f9ff; }
.bg-rose-50 { background: #fff1f2; }
.bg-amber-50 { background: #fffbeb; }
.bg-slate-100 { background: #f1f5f9; }
.bg-violet-50 { background: #f5f3ff; }
.bg-slate-900\/30 { background: rgba(15, 23, 42, 0.3); }
.bg-slate-900\/50 { background: rgba(15, 23, 42, 0.5); }
.bg-slate-900\/60 { background: rgba(15, 23, 42, 0.6); }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-\[11px\] { font-size: 11px; line-height: 1rem; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.uppercase { text-transform: uppercase; }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-wide { letter-spacing: 0.025em; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-end { text-align: end; }
.text-start { text-align: start; }
.text-gray-500 { color: #6b7280; }
.text-gray-600 { color: #4b5563; }
.text-gray-700 { color: #374151; }
.text-gray-800 { color: #1f2937; }
.text-gray-900 { color: #111827; }
.text-gray-400 { color: #9ca3af; }
.text-white { color: #fff; }
.text-white\/90 { color: rgba(255, 255, 255, 0.9); }
.text-red-700 { color: #b91c1c; }
.text-red-800 { color: #991b1b; }
.text-green-800 { color: #166534; }
.text-emerald-700 { color: #047857; }
.text-emerald-800 { color: #065f46; }
.text-blue-950 { color: #172554; }
.text-emerald-950 { color: #022c22; }
.text-amber-950 { color: #451a03; }
.text-blue-700 { color: #1d4ed8; }
.text-sky-700 { color: #0369a1; }
.text-rose-700 { color: #be123c; }
.text-amber-700 { color: #b45309; }
.text-slate-700 { color: #334155; }
.text-violet-700 { color: #6d28d9; }
.px-2 { padding-inline: 0.5rem; }
.px-2\.5 { padding-inline: 0.625rem; }
.px-3 { padding-inline: 0.75rem; }
.px-4 { padding-inline: 1rem; }
.px-5 { padding-inline: 1.25rem; }
.pb-2 { padding-bottom: 0.5rem; }
.py-6 { padding-block: 1.5rem; }
.py-1 { padding-block: 0.25rem; }
.py-1\.5 { padding-block: 0.375rem; }
.py-2 { padding-block: 0.5rem; }
.py-2\.5 { padding-block: 0.625rem; }
.py-3 { padding-block: 0.75rem; }
.py-4 { padding-block: 1rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }
.p-1 { padding: 0.25rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mt-0\.5 { margin-top: 0.125rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.shadow-sm { box-shadow: var(--dashboard-shadow-sm); }
.shadow { box-shadow: var(--dashboard-shadow-sm); }
.shadow-lg { box-shadow: var(--dashboard-shadow-md); }
.shadow-xl { box-shadow: var(--dashboard-shadow-lg); }
.leading-none { line-height: 1; }
.transition-all { transition: all 0.2s ease; }
.transition-colors { transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease; }
.focus\:outline-none:focus { outline: none; }
.focus\:border-blue-500:focus { border-color: #3b82f6; }
.focus\:ring-2:focus { box-shadow: 0 0 0 3px rgba(191, 219, 254, 0.9); }
.focus\:ring-blue-200:focus { box-shadow: 0 0 0 3px rgba(191, 219, 254, 0.9); }
.hover\:bg-gray-50:hover { background: #f9fafb; }
.hover\:bg-gray-100:hover { background: #f3f4f6; }
.hover\:bg-black:hover { background: #000; }
.hover\:bg-red-100:hover { background: #fee2e2; }
.hover\:bg-red-50:hover { background: #fef2f2; }
.hover\:text-gray-700:hover { color: #374151; }
.hover\:text-gray-900:hover { color: #111827; }
.hover\:border-gray-300:hover { border-color: #d1d5db; }
.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
.disabled\:opacity-50:disabled { opacity: 0.5; }
.whitespace-nowrap { white-space: nowrap; }
.object-cover { object-fit: cover; }
.fill-white { fill: #fff; }
.z-10 { z-index: 10; }
.z-30 { z-index: 30; }
.z-50 { z-index: 50; }
.z-\[60\] { z-index: 60; }
.z-\[75\] { z-index: 75; }
.bottom-5 { bottom: 1.25rem; }
.divide-y > * + * { border-top: 1px solid var(--dashboard-border); }
.divide-gray-200 > * + * { border-color: #e5e7eb; }
.divide-gray-100 > * + * { border-color: #f3f4f6; }

html[dir="ltr"] table th,
html[dir="ltr"] table td {
  text-align: left;
}

html[dir="rtl"] table th,
html[dir="rtl"] table td {
  text-align: right;
}

@media (min-width: 640px) {
  .dashboard-topbar__inner {
    padding-inline: 1.25rem;
    padding-block: 0.75rem;
  }

  .dashboard-topbar__start {
    width: calc(var(--dashboard-sidebar-width) - 1rem);
    padding-inline-end: 1rem;
    border-inline-end: 1px solid var(--dashboard-border);
  }

  .dashboard-sidebar-collapsed .dashboard-topbar__start {
    width: calc(var(--dashboard-sidebar-width-collapsed) - 1rem);
  }

  .dashboard-sidebar {
    inset-block-start: var(--dashboard-topbar-height-desktop);
    width: var(--dashboard-sidebar-width);
    height: calc(100vh - var(--dashboard-topbar-height-desktop));
    padding-top: 1.5rem;
    transform: translateX(0) !important;
  }

  .dashboard-content-shell,
  .dashboard-footer {
    margin-inline-start: var(--dashboard-sidebar-width);
  }

  html[dir="ltr"] .dashboard-content-shell,
  html[dir="ltr"] .dashboard-footer {
    margin-left: var(--dashboard-sidebar-width);
    margin-right: 0;
  }

  html[dir="rtl"] .dashboard-content-shell,
  html[dir="rtl"] .dashboard-footer {
    margin-right: var(--dashboard-sidebar-width);
    margin-left: 0;
  }

  .dashboard-content-shell__inner {
    margin-top: 4rem;
    padding: 1rem;
  }

  .dashboard-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    text-align: initial;
  }

  .dashboard-footer__text + .dashboard-footer__text {
    margin-top: 0;
  }

  .dashboard-modal-overlay,
  .fixed.inset-0.z-50.hidden.items-start.justify-center.overflow-y-auto.bg-gray-900\/40.px-4.py-6.sm\:items-center,
  .fixed.inset-0.z-50.hidden.items-start.justify-center.overflow-y-auto.bg-slate-900\/50.p-4.py-6.sm\:items-center,
  .fixed.inset-0.z-50.hidden.items-start.justify-center.overflow-y-auto.bg-black\/40.p-4.py-6.sm\:items-center,
  .fixed.inset-0.z-50.hidden.items-start.justify-center.overflow-y-auto.bg-slate-900\/60.p-4.py-6.sm\:items-center,
  .fixed.inset-0.z-\[75\].hidden.items-start.justify-center.overflow-y-auto.bg-black\/45.p-4.py-6.sm\:items-center,
  .fixed.inset-0.z-\[60\].hidden.items-start.justify-center.overflow-y-auto.bg-gray-900\/40.px-4.py-6.sm\:items-center {
    align-items: center;
  }

  .dashboard-drawer-backdrop,
  .sm\:hidden {
    display: none !important;
  }

  .sm\:block { display: block !important; }
  .sm\:flex { display: flex !important; }
  .sm\:grid { display: grid !important; }
  .sm\:items-center { align-items: center; }
  .sm\:justify-between { justify-content: space-between; }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sm\:mt-11 { margin-top: 2.75rem; }
  .sm\:ms-64 { margin-inline-start: 16rem; }
  .sm\:p-3 { padding: 0.75rem; }
  .sm\:p-6 { padding: 1.5rem; }
}

@media (min-width: 640px) and (max-width: 1023.98px) {
  .dashboard-topbar__start {
    width: auto;
    padding-inline-end: 0;
    border-inline-end: 0;
  }

  .dashboard-sidebar {
    inset-block-start: var(--dashboard-topbar-height-mobile);
    width: min(18rem, calc(100vw - 1rem));
    height: calc(100dvh - var(--dashboard-topbar-height-mobile));
    padding-top: 0.75rem;
  }

  html[dir="ltr"] .dashboard-sidebar {
    transform: translateX(-100%) !important;
  }

  html[dir="rtl"] .dashboard-sidebar {
    transform: translateX(100%) !important;
  }

  html[dir="ltr"] .dashboard-sidebar.open,
  html[dir="rtl"] .dashboard-sidebar.open {
    transform: translateX(0) !important;
  }

  .dashboard-content-shell,
  .dashboard-footer,
  html[dir="ltr"] .dashboard-content-shell,
  html[dir="ltr"] .dashboard-footer,
  html[dir="rtl"] .dashboard-content-shell,
  html[dir="rtl"] .dashboard-footer,
  html[dir="ltr"] .dashboard-sidebar-collapsed .dashboard-content-shell,
  html[dir="ltr"] .dashboard-sidebar-collapsed .dashboard-footer,
  html[dir="rtl"] .dashboard-sidebar-collapsed .dashboard-content-shell,
  html[dir="rtl"] .dashboard-sidebar-collapsed .dashboard-footer {
    margin-inline-start: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .dashboard-content-shell__inner {
    margin-top: 4.25rem;
    padding: 0;
  }

  #dashboardDrawerBackdrop.hidden {
    display: none !important;
  }

  #dashboardDrawerBackdrop:not(.hidden) {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .md\:flex { display: flex !important; }
  .md\:grid { display: grid !important; }
  .md\:h-72 { height: 18rem; }
}

@media (min-width: 1024px) {
  .dashboard-filterbar__row--main {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: center;
  }

  .dashboard-filterbar__field {
    grid-column: span 2 / span 2;
  }

  .dashboard-filterbar__field--search {
    grid-column: span 3 / span 3;
  }

  .dashboard-filterbar__field--store {
    grid-column: span 3 / span 3;
  }

  .dashboard-filterbar__actions {
    grid-column: span 2 / span 2;
    justify-content: flex-end;
  }

  .dashboard-filterbar__row--advanced {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid { display: grid !important; }
  .lg\:flex { display: flex !important; }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .lg\:col-span-2 { grid-column: span 2 / span 2; }
  .lg\:col-span-3 { grid-column: span 3 / span 3; }
  .lg\:col-span-4 { grid-column: span 4 / span 4; }
  .lg\:col-span-6 { grid-column: span 6 / span 6; }
  .lg\:col-span-8 { grid-column: span 8 / span 8; }
  .lg\:items-center { align-items: center; }
  .lg\:justify-between { justify-content: space-between; }
  .lg\:justify-end { justify-content: flex-end; }
}

@media (min-width: 1280px) {
  .xl\:col-span-1 { grid-column: span 1 / span 1; }
  .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
}