:root {
  --admin-bg: #f8fafc;
  --admin-surface: #ffffff;
  --admin-surface-muted: #f1f5f9;
  --admin-border: #e2e8f0;
  --admin-border-light: #f1f5f9;
  --admin-text: #0f172a;
  --admin-text-secondary: #475569;
  --admin-text-muted: #94a3b8;
  --admin-sidebar-dark: #0f172a;
  --admin-sidebar-dark-hover: #1e293b;
  --admin-sidebar-dark-active: #334155;
  --admin-sidebar-light: #eef2f6;
  --admin-sidebar-text: #cbd5e1;
  --admin-sidebar-text-active: #ffffff;
  --admin-radius: 12px;
  --admin-radius-sm: 8px;
  --admin-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --admin-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 4px 16px rgba(15, 23, 42, 0.04);
  --admin-shadow-lg: 0 8px 30px rgba(15, 23, 42, 0.08);
  --admin-primary: #6366f1;
  --admin-primary-soft: rgba(99, 102, 241, 0.1);
}
.admin-topbar {
  position: sticky;
  top: 0;
  z-index: 999;
  height: 64px !important;
  line-height: 64px !important;
  padding: 0 20px !important;
  border-bottom: 1px solid var(--admin-border) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--admin-shadow-sm);
}
.admin-topbar .admin-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 64px;
  width: 100%;
}
.admin-topbar .admin-topbar-actions {
  flex: 1;
  min-width: 0;
  display: flex;
  justify-content: flex-end;
}
.admin-topbar .admin-topbar-space {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
.admin-topbar .admin-topbar-icon-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.admin-topbar .trigger {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  line-height: 1;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: var(--admin-radius-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  color: var(--admin-text-secondary);
  transition: background 0.2s ease, color 0.2s ease;
}
.admin-topbar .trigger:hover {
  background: var(--admin-surface-muted);
  color: var(--admin-primary) !important;
}
.admin-topbar .ant-btn-link {
  color: var(--admin-text-secondary);
  border-radius: var(--admin-radius-sm);
}
.admin-topbar .ant-btn-link:hover {
  color: var(--admin-primary);
  background: var(--admin-primary-soft);
}
.admin-topbar .ant-divider-vertical {
  border-color: var(--admin-border);
  height: 1.2em;
}
.admin-sidebar {
  background: linear-gradient(180deg, #0f172a 0%, #1a2332 100%) !important;
  -webkit-border-end: 1px solid rgba(255, 255, 255, 0.08) !important;
          border-inline-end: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 2px 0 12px rgba(15, 23, 42, 0.12);
}
.admin-sidebar .main-sidebar .ps {
  background: transparent;
}
.admin-sidebar .ant-menu {
  background: transparent !important;
  color: var(--admin-sidebar-text);
  -webkit-border-end: none !important;
          border-inline-end: none !important;
}
.admin-sidebar .ant-menu-item,
.admin-sidebar .ant-menu-submenu-title {
  border-radius: var(--admin-radius-sm);
  margin: 2px 10px !important;
  width: calc(100% - 20px) !important;
  color: var(--admin-sidebar-text) !important;
  transition: background 0.2s ease, color 0.2s ease;
}
.admin-sidebar .ant-menu-item .anticon,
.admin-sidebar .ant-menu-submenu-title .anticon {
  color: var(--admin-sidebar-text);
}
.admin-sidebar .ant-menu-item-selected {
  font-weight: 600;
  background: var(--admin-primary) !important;
  color: var(--admin-sidebar-text-active) !important;
}
.admin-sidebar .ant-menu-item-selected .anticon,
.admin-sidebar .ant-menu-item-selected span {
  color: var(--admin-sidebar-text-active) !important;
}
.admin-sidebar .ant-menu-item:hover,
.admin-sidebar .ant-menu-submenu-title:hover {
  background: var(--admin-sidebar-dark-hover) !important;
  color: var(--admin-sidebar-text-active) !important;
}
.admin-sidebar .ant-menu-item:hover .anticon,
.admin-sidebar .ant-menu-submenu-title:hover .anticon {
  color: var(--admin-sidebar-text-active);
}
.admin-sidebar .ant-menu-submenu-arrow {
  color: var(--admin-sidebar-text);
}
.admin-sidebar .ant-menu-sub.ant-menu-inline {
  background: rgba(0, 0, 0, 0.15) !important;
}
.admin-sidebar .ant-menu-sub .ant-menu-item {
  color: #94a3b8 !important;
}
.admin-sidebar .ant-menu-sub .ant-menu-item-selected {
  color: var(--admin-sidebar-text-active) !important;
}
.admin-sidebar.admin-sidebar-light {
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%) !important;
  -webkit-border-end: 1px solid rgba(255, 255, 255, 0.08) !important;
          border-inline-end: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.admin-sidebar.ant-layout-sider-dark {
  background: linear-gradient(180deg, #0f172a 0%, #1a2332 100%) !important;
  -webkit-border-end: 1px solid rgba(255, 255, 255, 0.08) !important;
          border-inline-end: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.admin-sidebar.ant-layout-sider-collapsed .ant-menu-item,
.admin-sidebar.ant-layout-sider-collapsed .ant-menu-submenu-title {
  margin: 2px 8px !important;
  width: calc(100% - 16px) !important;
}
.light_theme .sidebar-right-border.admin-sidebar {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.breadcrumb-header .page-content-sub-header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 16px;
  padding-top: 20px !important;
  padding-bottom: 4px !important;
}
.breadcrumb-header .page-content-sub-header .ant-card-body {
  padding: 0 !important;
}
.breadcrumb-header .ant-page-header {
  padding: 0 !important;
}
.breadcrumb-header .ant-page-header .ant-page-header-heading-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--admin-text);
  letter-spacing: -0.02em;
}
.breadcrumb-header .ant-breadcrumb {
  color: var(--admin-text-muted);
}
.breadcrumb-header .ant-breadcrumb a {
  color: var(--admin-text-secondary);
}
.breadcrumb-header .ant-breadcrumb a:hover {
  color: var(--admin-primary);
}
.light_theme .page-content-container > .ant-card,
.light_theme .dashboard-page-content-container > .ant-card,
.light_theme .setup-page-content-container > .ant-card,
.light_theme .email-page-content-container > .ant-card,
.light_theme .page-content-container .ant-card,
.light_theme .dashboard-page-content-container .ant-card,
.light_theme .setup-page-content-container .ant-card,
.light_theme .email-page-content-container .ant-card {
  border-radius: var(--admin-radius);
  border: 1px solid var(--admin-border);
  box-shadow: var(--admin-shadow);
  overflow: hidden;
}
.light_theme .page-content-container > .ant-card .ant-card-head,
.light_theme .dashboard-page-content-container > .ant-card .ant-card-head,
.light_theme .setup-page-content-container > .ant-card .ant-card-head,
.light_theme .email-page-content-container > .ant-card .ant-card-head,
.light_theme .page-content-container .ant-card .ant-card-head,
.light_theme .dashboard-page-content-container .ant-card .ant-card-head,
.light_theme .setup-page-content-container .ant-card .ant-card-head,
.light_theme .email-page-content-container .ant-card .ant-card-head {
  border-bottom: 1px solid var(--admin-border-light);
  min-height: 52px;
  padding: 0 20px;
}
.light_theme .page-content-container > .ant-card .ant-card-head .ant-card-head-title,
.light_theme .dashboard-page-content-container > .ant-card .ant-card-head .ant-card-head-title,
.light_theme .setup-page-content-container > .ant-card .ant-card-head .ant-card-head-title,
.light_theme .email-page-content-container > .ant-card .ant-card-head .ant-card-head-title,
.light_theme .page-content-container .ant-card .ant-card-head .ant-card-head-title,
.light_theme .dashboard-page-content-container .ant-card .ant-card-head .ant-card-head-title,
.light_theme .setup-page-content-container .ant-card .ant-card-head .ant-card-head-title,
.light_theme .email-page-content-container .ant-card .ant-card-head .ant-card-head-title {
  font-weight: 600;
  color: var(--admin-text);
  font-size: 15px;
  padding: 14px 0;
}
.light_theme .page-content-container > .ant-card .ant-card-body,
.light_theme .dashboard-page-content-container > .ant-card .ant-card-body,
.light_theme .setup-page-content-container > .ant-card .ant-card-body,
.light_theme .email-page-content-container > .ant-card .ant-card-body,
.light_theme .page-content-container .ant-card .ant-card-body,
.light_theme .dashboard-page-content-container .ant-card .ant-card-body,
.light_theme .setup-page-content-container .ant-card .ant-card-body,
.light_theme .email-page-content-container .ant-card .ant-card-body {
  padding: 20px !important;
}
.light_theme .stat-widget-card {
  border-radius: var(--admin-radius) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: var(--admin-shadow) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.light_theme .stat-widget-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--admin-shadow-lg) !important;
}
.light_theme .stat-widget-card .ant-card-body {
  padding: 20px !important;
}
.light_theme .bg-color {
  background: rgba(255, 255, 255, 0.88) !important;
}
.light_theme .bg-setting-sidebar {
  background: var(--admin-surface);
  border-right: 1px solid var(--admin-border);
  border-radius: var(--admin-radius);
}
.light_theme .setting-sidebar .ant-menu {
  -webkit-border-end: none !important;
          border-inline-end: none !important;
}
.light_theme .setting-sidebar .ant-menu-item {
  border-radius: var(--admin-radius-sm);
  margin: 2px 8px;
  width: calc(100% - 16px);
}
.light_theme .setting-sidebar .ant-menu-item-selected {
  background: var(--admin-primary-soft) !important;
  font-weight: 600;
}
.light_theme .sidebar-right-border {
  border-right: 1px solid var(--admin-border) !important;
}
.light_theme .ant-table {
  border-radius: var(--admin-radius-sm);
}
.light_theme .ant-table-thead > tr > th {
  background: var(--admin-surface-muted) !important;
  color: var(--admin-text-secondary);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 1px solid var(--admin-border) !important;
}
.light_theme .ant-table-tbody > tr:hover > td {
  background: #fafbff !important;
}
.light_theme .ant-btn {
  border-radius: var(--admin-radius-sm);
  font-weight: 500;
}
.light_theme .ant-btn-primary {
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.25);
}
.light_theme .ant-input,
.light_theme .ant-input-affix-wrapper,
.light_theme .ant-select-selector,
.light_theme .ant-picker {
  border-radius: var(--admin-radius-sm) !important;
  border-color: var(--admin-border) !important;
}
.light_theme .ant-input:focus,
.light_theme .ant-input-affix-wrapper-focused,
.light_theme .ant-select-focused .ant-select-selector,
.light_theme .ant-picker-focused {
  box-shadow: 0 0 0 3px var(--admin-primary-soft) !important;
}
.admin-fab {
  box-shadow: 0 4px 20px rgba(99, 102, 241, 0.35) !important;
  border: none !important;
}
.login-main-container {
  background: var(--admin-bg) !important;
}
.login-div {
  border-radius: var(--admin-radius) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: var(--admin-shadow-lg) !important;
}
.right-login-div {
  background: linear-gradient(135deg, #eef2ff 0%, #f8fafc 50%, #ecfdf5 100%) !important;
}
.login-btn,
.login-btn:hover,
.login-btn:active {
  border-radius: var(--admin-radius-sm) !important;
  height: 44px;
  font-weight: 600;
  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.3);
}
.admin-horizontal-header .ant-layout-header,
.admin-horizontal-header .ant-menu-horizontal {
  background: var(--admin-sidebar-dark) !important;
  border-bottom: none !important;
}
.admin-horizontal-header .ant-menu-horizontal > .ant-menu-item,
.admin-horizontal-header .ant-menu-horizontal > .ant-menu-submenu {
  border-radius: var(--admin-radius-sm);
}
.dark_theme {
  --admin-bg: #0b1120;
  --admin-surface: #111827;
  --admin-border: #1f2937;
  --admin-text: #f8fafc;
}
.dark_theme .admin-topbar {
  background: rgba(17, 24, 39, 0.92) !important;
  border-bottom-color: var(--admin-border) !important;
}
.dark_theme .stat-widget-card:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3) !important;
}
#components-layout-demo-responsive {
  overflow-x: hidden;
  width: 100%;
}
@media (max-width: 991px) {
  .admin-topbar {
    padding: 0 12px !important;
  }
  .admin-topbar .admin-topbar-label {
    display: none;
  }
  .admin-topbar .admin-topbar-tag {
    display: none;
  }
  .admin-topbar .admin-topbar-lang span:not(.anticon) {
    max-width: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
  }
  .admin-topbar .admin-topbar-warehouse {
    max-width: 120px;
    overflow: hidden;
  }
  .admin-sidebar.ant-layout-sider {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: 998 !important;
    transition: transform 0.25s ease, width 0.25s ease, opacity 0.2s ease;
  }
  .admin-sidebar.ant-layout-sider-collapsed {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(-100%) !important;
  }
  .ant-layout-rtl .admin-sidebar.ant-layout-sider-collapsed {
    transform: translateX(100%) !important;
  }
  .admin-sidebar.ant-layout-sider:not(.ant-layout-sider-collapsed) {
    width: min(280px, 88vw) !important;
    min-width: min(280px, 88vw) !important;
    max-width: min(280px, 88vw) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
    background: linear-gradient(180deg, #0f172a 0%, #1a2332 100%) !important;
    box-shadow: 4px 0 24px rgba(15, 23, 42, 0.35) !important;
  }
  .ant-layout-rtl .admin-sidebar.ant-layout-sider:not(.ant-layout-sider-collapsed) {
    box-shadow: -4px 0 24px rgba(15, 23, 42, 0.18) !important;
  }
  .breadcrumb-header .page-content-sub-header {
    margin: 0 12px !important;
  }
  .page-content-container > .ant-card .ant-card-body,
  .dashboard-page-content-container {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .MainContentArea,
  .ant-layout-content {
    overflow-x: hidden;
  }
}
@media (min-width: 992px) and (max-width: 1150px) {
  .admin-sidebar.ant-layout-sider-collapsed {
    left: -80px !important;
    background: linear-gradient(180deg, #0f172a 0%, #1a2332 100%) !important;
  }
  .ant-layout-rtl .admin-sidebar.ant-layout-sider-collapsed {
    left: auto !important;
    right: -80px !important;
  }
}
@media (min-width: 1151px) {
  .admin-sidebar.ant-layout-sider-collapsed {
    background: linear-gradient(180deg, #0f172a 0%, #1a2332 100%) !important;
  }
}
.table-responsive .ant-table-content {
  display: block;
  width: 100%;
  overflow-x: auto;
}
.table-responsive .ant-table-content .ant-table-cell,
.table-responsive .ant-table-content tbody td,
.table-responsive .ant-table-body td {
  white-space: nowrap;
}
.ant-tabs-bar {
  border-bottom: 1px solid #d4d4d4;
}
.required label::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 16px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: "*";
}
.col-border-right {
  border-right: 1px solid #f0f0f0;
}
.mt-0 {
  margin-top: 0px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-80 {
  margin-top: 80px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.ml-5 {
  margin-left: 5px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-25 {
  margin-left: 25px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-25 {
  margin-right: 25px;
}
.pd-10 {
  padding: 10px;
}
.pl-0 {
  padding-left: 0px;
}
.pl-5 {
  padding-left: 5px;
}
.pl-15 {
  padding-left: 15px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-30 {
  padding-top: 30px;
}
.pb-10 {
  padding-bottom: 10px;
}
.p-0 {
  padding: 0px !important;
}
.p-5 {
  padding: 5px;
}
.pl-24 {
  padding-left: 24px;
}
.small-text-message {
  color: #7c8db5 !important;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.dashboard-container {
  min-height: calc(100vh - 400px);
}
.front-sidebar {
  min-height: 100vh;
}
.top-dropdown-box .ant-dropdown-content {
  margin-top: 13px;
  min-width: 200px;
}
.top-dropdown-box li {
  padding-top: 2px;
  padding-bottom: 2px;
}
.top-dropdown-box .ant-menu-submenu-title {
  padding-left: 50px;
}
.categories-page-lefbar {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 25px;
  border: 0px;
}
.categories-page-lefbar .ant-menu-sub.ant-menu-inline {
  background: #fff;
}
.category-page-container {
  min-height: calc(100vh - 400px);
}
.page-content-sub-header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.no-border-radius {
  border-radius: 0px !important;
}
.light_theme .bg-white {
  background: #fff;
}
.light_theme .bg-setting-sidebar {
  background: #fff;
}
.light_theme .bg-color {
  background: #fff;
}
.light_theme .bt-1 {
  border-top: 1px solid #f0f0f0;
}
.light_theme .bb-1 {
  border-bottom: 1px solid #f0f0f0;
}
.light_theme .sidebar-right-border {
  border-right: none !important;
}
.light_theme .breadcrumb-left-border {
  border-left: none !important;
}
.dark_theme .bg-white {
  background: #1f1f1f;
}
.dark_theme .bg-setting-sidebar {
  background: #141414;
}
.dark_theme .bg-color {
  background: transparent !important;
}
.dark_theme .bt-1 {
  border-top: 1px solid #434343;
}
.dark_theme .bb-1 {
  border-bottom: 1px solid #434343;
}
.dark_theme .setting-sidebar {
  border: 1px solid #303030;
}
.dark_theme .sidebar-right-border {
  border-right: 1px solid #303030;
}
.dark_theme .breadcrumb-left-border {
  border-left: none !important;
}