/*
    Heena Gems Jewellery theme
    Maroon + gold, glassmorphism surfaces, Sora (headings) / Poppins (body) / Raleway (labels)
*/

:root {
  --hg-maroon: #7a1f2b;
  --hg-maroon-600: #8e2635;
  --hg-maroon-700: #5e1622;
  --hg-maroon-800: #4a0f18;
  --hg-maroon-900: #2e0810;
  --hg-gold: #c9952f;
  --hg-gold-600: #a87a22;
  --hg-gold-light: #e9c46a;
  --hg-gold-soft: #f6e7c1;
  --hg-cream: #fbf7f1;
  --hg-ink: #2a1a1e;
  --hg-text: #4a3a3f;
  --hg-muted: #8a777c;
  --hg-line: rgba(122, 31, 43, 0.1);
  --hg-line-strong: rgba(122, 31, 43, 0.18);
  --hg-glass: rgba(255, 255, 255, 0.62);
  --hg-glass-strong: rgba(255, 255, 255, 0.82);
  --hg-glass-border: rgba(255, 255, 255, 0.7);
  --hg-shadow: 0 8px 30px rgba(74, 15, 24, 0.07);
  --hg-shadow-hover: 0 14px 40px rgba(74, 15, 24, 0.13);
  --hg-radius: 16px;
  --hg-radius-sm: 10px;
  --hg-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --hg-font-body: "Poppins", "Inter", sans-serif;
  --hg-font-head: "Sora", "Poppins", sans-serif;
  --hg-font-label: "Raleway", "Poppins", sans-serif;
}

/* ---------- Base ---------- */

body,
button,
input,
select,
textarea,
.tooltip,
.popover,
.dropdown-menu,
.select2-container,
.bootstrap-select .dropdown-menu {
  font-family: var(--hg-font-body) !important;
}

body {
  color: var(--hg-text);
  background: var(--hg-maroon-900);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.modal-title,
.panel-title,
.tw-text-lg,
.tw-text-xl,
.tw-text-2xl {
  font-family: var(--hg-font-head) !important;
  color: var(--hg-ink);
  letter-spacing: -0.01em;
}

::selection {
  background: var(--hg-gold-soft);
  color: var(--hg-maroon-800);
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(201, 149, 47, 0.55) transparent;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: rgba(201, 149, 47, 0.5);
  border-radius: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

#wrapper a:not(.btn):not(.label):not([class*="tw-text-"]),
.customers a:not(.btn):not(.label):not(.navbar-brand) {
  color: var(--hg-maroon);
  transition: color 0.2s ease;
}

#wrapper a:not(.btn):not(.label):not([class*="tw-text-"]):hover,
.customers a:not(.btn):not(.label):not(.navbar-brand):hover {
  color: var(--hg-gold-600);
}

/* ---------- Page canvas (soft gold / maroon glows so the glass has something to blur) ---------- */

#wrapper,
body.login_admin,
body.customers {
  background:
    radial-gradient(1100px 600px at 8% -10%, rgba(233, 196, 106, 0.22), transparent 60%),
    radial-gradient(900px 600px at 105% 15%, rgba(122, 31, 43, 0.1), transparent 60%),
    radial-gradient(900px 700px at 40% 115%, rgba(201, 149, 47, 0.14), transparent 60%),
    var(--hg-cream) !important;
  background-attachment: fixed !important;
}

/* ---------- Sidebar ---------- */

.sidebar,
#menu,
#setup-menu-wrapper {
  background: linear-gradient(180deg, #3b0b14 0%, #561522 48%, #2e0810 100%) !important;
  box-shadow: 4px 0 24px rgba(46, 8, 16, 0.25);
}

#menu #logo {
  border-bottom: 1px solid rgba(233, 196, 106, 0.18);
  margin-bottom: 4px;
}

.sidebar li a {
  font-family: var(--hg-font-label) !important;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(255, 244, 228, 0.82);
  border-radius: 10px;
  border-left: 3px solid transparent;
  transition: background 0.25s var(--hg-ease), color 0.25s ease, transform 0.25s var(--hg-ease), border-color 0.25s ease;
}

.sidebar li a i.menu-icon {
  color: var(--hg-gold-light);
  opacity: 0.8;
  transition: transform 0.3s var(--hg-ease), opacity 0.2s ease;
}

.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus {
  background: rgba(255, 255, 255, 0.07) !important;
  color: #fff;
  border-radius: 10px;
  transform: translateX(3px);
}

.sidebar .nav > li > a:hover i.menu-icon {
  transform: scale(1.12);
  opacity: 1;
}

.sidebar li.active > a {
  background: linear-gradient(90deg, rgba(233, 196, 106, 0.24), rgba(233, 196, 106, 0.04)) !important;
  border-left-color: var(--hg-gold-light);
  color: #fff !important;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgba(233, 196, 106, 0.12);
}

.sidebar li.active > a i.menu-icon {
  opacity: 1;
}

.sidebar li .nav-second-level li a {
  color: rgba(255, 238, 214, 0.7);
  font-weight: 500;
  border-left: 0;
}

.sidebar .nav > li .nav-second-level > li:not(.active) > a:hover,
.sidebar .nav > li .nav-second-level > li:not(.active) > a:focus {
  background: transparent !important;
  color: var(--hg-gold-light) !important;
}

.sidebar li .nav-second-level li.active a {
  background: linear-gradient(135deg, var(--hg-gold-light), var(--hg-gold)) !important;
  color: var(--hg-maroon-900) !important;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(201, 149, 47, 0.35);
}

.sidebar li .nav-second-level li.active a .menu-icon {
  color: var(--hg-maroon-900);
}

#setup-menu > li:first-child {
  border-bottom-color: rgba(233, 196, 106, 0.18);
  font-family: var(--hg-font-head);
}

/* ---------- Top header (glass) ---------- */

#header {
  background: linear-gradient(90deg, rgba(255, 252, 247, 0.94), rgba(251, 243, 230, 0.94)) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  border-bottom: 1px solid rgba(201, 149, 47, 0.22) !important;
  box-shadow: 0 4px 24px rgba(74, 15, 24, 0.06);
}

#header .form-control,
#header input[type="search"],
#header #search_input {
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.75) !important;
  border: 1px solid var(--hg-line) !important;
}

#header li > a.active,
#header .navbar-nav > li > a:hover {
  background: rgba(201, 149, 47, 0.12);
  border-radius: 999px;
}

#header .navbar-nav > li > a,
#header .hide-menu {
  color: var(--hg-maroon-700);
  transition: color 0.2s ease, background 0.2s ease;
}

/* ---------- Glass surfaces ---------- */

.panel_s,
.top_stats_wrapper,
.jumbotron,
.customers .panel,
.kan-ban-col .panel-heading,
.screen-options-area {
  background: var(--hg-glass) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  border: 1px solid var(--hg-glass-border) !important;
  border-radius: var(--hg-radius) !important;
  box-shadow: var(--hg-shadow) !important;
}

.panel_s {
  transition: box-shadow 0.35s var(--hg-ease), transform 0.35s var(--hg-ease);
}

.panel_s > .panel-body,
.panel_s .panel-body,
.panel_s .panel-heading,
.panel_s .panel-footer,
.panel_s .table,
.panel_s .dataTables_wrapper {
  background: transparent !important;
  border-color: var(--hg-line) !important;
}

.panel_s > .panel-heading {
  font-family: var(--hg-font-head);
  font-weight: 600;
  color: var(--hg-ink);
}

/* Stat cards */
.top_stats_wrapper {
  transition: transform 0.35s var(--hg-ease), box-shadow 0.35s var(--hg-ease);
  position: relative;
  overflow: hidden;
}

.top_stats_wrapper::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--hg-gold-light), var(--hg-maroon));
  opacity: 0.85;
}

.top_stats_wrapper:hover {
  transform: translateY(-4px);
  box-shadow: var(--hg-shadow-hover) !important;
}

.top_stats_wrapper .tw-font-medium,
.top_stats_wrapper .tw-font-semibold,
.top_stats_wrapper span {
  font-family: var(--hg-font-label);
  font-weight: 600;
  color: var(--hg-ink);
}

.top_stats_wrapper .progress {
  background: rgba(122, 31, 43, 0.08);
  border-radius: 999px;
}

/* ---------- Buttons ---------- */

.btn {
  font-family: var(--hg-font-body) !important;
  font-weight: 500;
  border-radius: var(--hg-radius-sm) !important;
  transition: transform 0.2s var(--hg-ease), box-shadow 0.25s ease, background 0.25s ease, filter 0.2s ease;
}

.btn:active {
  transform: scale(0.97);
}

.btn-primary,
.btn-info,
.customers .btn-primary {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--hg-maroon-600), var(--hg-maroon-700)) !important;
  border-color: var(--hg-maroon-700) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(122, 31, 43, 0.25);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus {
  filter: brightness(1.08);
  box-shadow: 0 8px 22px rgba(122, 31, 43, 0.32);
  transform: translateY(-1px);
}

/* gold shine sweep */
.btn-primary::after,
.btn-info::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255, 233, 180, 0.35), transparent);
  transform: skewX(-20deg);
  pointer-events: none;
}

.btn-primary:hover::after,
.btn-info:hover::after {
  animation: hgShine 0.8s var(--hg-ease);
}

.btn-default {
  background: rgba(255, 255, 255, 0.75) !important;
  border: 1px solid var(--hg-line-strong) !important;
  color: var(--hg-maroon-700) !important;
}

.btn-default:hover,
.btn-default:focus {
  background: #fff !important;
  border-color: var(--hg-gold) !important;
  box-shadow: 0 4px 14px rgba(201, 149, 47, 0.18);
}

.btn-success {
  background: linear-gradient(135deg, var(--hg-gold), var(--hg-gold-600)) !important;
  border-color: var(--hg-gold-600) !important;
  color: #fff !important;
}

/* ---------- Forms ---------- */

.form-control,
.bootstrap-select > .dropdown-toggle,
.bootstrap-select .btn.dropdown-toggle,
.input-group-addon,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-radius: var(--hg-radius-sm) !important;
  border-color: #e7dbd0 !important;
  background-color: rgba(255, 255, 255, 0.85) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.form-control:focus,
.bootstrap-select.open > .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  border-color: var(--hg-gold) !important;
  box-shadow: 0 0 0 3px rgba(201, 149, 47, 0.18) !important;
  outline: none !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: var(--hg-maroon) !important;
  border-color: var(--hg-maroon) !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label:before {
  border-color: var(--hg-maroon) !important;
}

.onoffswitch-label {
  transition: background-color 0.25s ease;
}

.radio-primary input[type="radio"] + label:after,
.radio-primary input[type="radio"]:checked + label:after {
  background-color: var(--hg-maroon) !important;
}

.radio-primary input[type="radio"]:checked + label:before {
  border-color: var(--hg-maroon) !important;
}

/* settings / vertical pill navigation */
.navbar-pills-flat > li > a {
  transition: background 0.2s ease, color 0.2s ease, padding-left 0.25s var(--hg-ease);
}

.navbar-pills-flat > li.active > a,
.navbar-pills-flat > li.active > a:focus,
.navbar-pills-flat > li.active > a:hover {
  background: linear-gradient(90deg, rgba(246, 231, 193, 0.75), rgba(255, 255, 255, 0.6)) !important;
  color: var(--hg-maroon) !important;
  font-weight: 600;
  border-left: 3px solid var(--hg-gold) !important;
}

.navbar-pills-flat > li.active > a i,
.navbar-pills-flat > li > a:hover i {
  color: var(--hg-gold-600) !important;
}

.navbar-pills-flat > li:not(.active) > a:hover {
  background: rgba(246, 231, 193, 0.35) !important;
  padding-left: 18px;
}

.btn-bottom-toolbar {
  background: rgba(255, 252, 247, 0.85) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-top: 1px solid rgba(201, 149, 47, 0.22) !important;
}

label,
.control-label {
  font-family: var(--hg-font-label);
  font-weight: 600;
  color: var(--hg-text);
}

.checkbox input[type="checkbox"]:checked + label::before,
.radio input[type="radio"]:checked + label::before {
  background-color: var(--hg-maroon) !important;
  border-color: var(--hg-maroon) !important;
}

/* ---------- Tables ---------- */

.table > thead > tr > th,
table.dataTable thead th {
  font-family: var(--hg-font-label) !important;
  font-weight: 700 !important;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--hg-muted) !important;
  background: rgba(246, 231, 193, 0.35) !important;
  border-bottom: 1px solid var(--hg-line-strong) !important;
}

.table > tbody > tr > td {
  border-color: var(--hg-line) !important;
  font-size: 13px;
}

.table > tbody > tr {
  transition: background 0.2s ease;
}

.table-hover > tbody > tr:hover,
.table > tbody > tr:hover,
table.dataTable tbody tr:hover {
  background: rgba(246, 231, 193, 0.35) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background: rgba(251, 247, 241, 0.6);
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span {
  background: var(--hg-maroon) !important;
  border-color: var(--hg-maroon) !important;
  color: #fff !important;
}

.pagination > li > a {
  color: var(--hg-maroon);
  border-color: var(--hg-line) !important;
}

/* ---------- Tabs, dropdowns, modals ---------- */

.nav-tabs > li > a {
  font-family: var(--hg-font-label);
  font-weight: 600;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--hg-maroon) !important;
  border-bottom-color: var(--hg-gold) !important;
}

.nav-tabs > li > a:hover {
  color: var(--hg-gold-600) !important;
}

.dropdown-menu {
  border-radius: 12px !important;
  border: 1px solid var(--hg-line) !important;
  background: var(--hg-glass-strong) !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  box-shadow: 0 16px 40px rgba(74, 15, 24, 0.14) !important;
  animation: hgPop 0.18s var(--hg-ease);
}

.dropdown-menu > li > a {
  border-radius: 8px;
  transition: background 0.15s ease, color 0.15s ease;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a {
  background: rgba(246, 231, 193, 0.6) !important;
  color: var(--hg-maroon-800) !important;
}

.modal-content {
  border-radius: 18px !important;
  border: 1px solid var(--hg-glass-border) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: 0 24px 60px rgba(46, 8, 16, 0.25) !important;
  overflow: hidden;
}

.modal-header {
  background: linear-gradient(90deg, rgba(246, 231, 193, 0.55), rgba(255, 255, 255, 0));
  border-bottom: 1px solid var(--hg-line) !important;
}

.modal-backdrop.in {
  opacity: 0.45;
  background: var(--hg-maroon-900);
}

.modal.fade .modal-dialog {
  transition: transform 0.35s var(--hg-ease), opacity 0.3s ease;
}

/* ---------- Login ---------- */

body.login_admin .authentication-form-wrapper > div.tw-bg-white,
body.login_admin .authentication-form-wrapper .tw-bg-white {
  background: var(--hg-glass) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
  border: 1px solid var(--hg-glass-border);
  border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(74, 15, 24, 0.12) !important;
  animation: hgFadeUp 0.7s var(--hg-ease) both 0.1s;
}

body.login_admin .company-logo {
  animation: hgFadeUp 0.7s var(--hg-ease) both;
}

body.login_admin .company-logo img {
  max-width: 300px;
  height: auto;
}

body.login_admin h1 {
  color: var(--hg-maroon) !important;
  animation: hgFadeUp 0.7s var(--hg-ease) both 0.05s;
}

body.login_admin .btn-primary {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* ---------- Customers area ---------- */

.customers .navbar.header {
  background: rgba(255, 252, 247, 0.8) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  border-bottom: 1px solid rgba(201, 149, 47, 0.22) !important;
  box-shadow: 0 4px 24px rgba(74, 15, 24, 0.06);
}

.customers .navbar.header .navbar-nav > li > a {
  font-family: var(--hg-font-label);
  font-weight: 600;
  color: var(--hg-maroon-700) !important;
}

.customers .navbar.header .navbar-nav > li > a:hover {
  color: var(--hg-gold-600) !important;
}

.customers .kb-search-jumbotron {
  background:
    radial-gradient(600px 300px at 15% 0%, rgba(233, 196, 106, 0.35), transparent 60%),
    linear-gradient(135deg, var(--hg-maroon-700), var(--hg-maroon-900)) !important;
  border: 0 !important;
  color: #fff;
}

.customers .kb-search-jumbotron h2,
.customers .kb-search-jumbotron h3,
.customers .kb-search-jumbotron p {
  color: #fff !important;
}

.customers footer {
  background: transparent;
  border-top: 1px solid var(--hg-line);
}

.customers .kb-search-jumbotron.jumbotron {
  border-radius: 0 !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.customers .kb-search-jumbotron .form-control {
  background: rgba(255, 255, 255, 0.95) !important;
}

.customers .navbar.header .navbar-nav > li.active > a,
.customers .navbar.header .navbar-nav > li > a:focus {
  background: rgba(246, 231, 193, 0.6) !important;
  border-radius: var(--hg-radius-sm);
}

.customers .navbar.header .navbar-nav > li.customers-nav-item-login > a {
  background: linear-gradient(135deg, var(--hg-maroon-600), var(--hg-maroon-700)) !important;
  color: #fff !important;
  border-radius: var(--hg-radius-sm);
  box-shadow: 0 4px 14px rgba(122, 31, 43, 0.25);
}

body.login_admin a {
  color: var(--hg-maroon);
}

body.login_admin a:hover {
  color: var(--hg-gold-600);
}

/* ---------- Calendar ---------- */

.fc .fc-button-primary {
  background: linear-gradient(135deg, var(--hg-maroon-600), var(--hg-maroon-700)) !important;
  border-color: var(--hg-maroon-700) !important;
  font-family: var(--hg-font-label);
  font-weight: 600;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:disabled {
  background: linear-gradient(135deg, var(--hg-gold), var(--hg-gold-600)) !important;
  border-color: var(--hg-gold-600) !important;
  opacity: 1;
}

.fc .fc-col-header-cell-cushion {
  font-family: var(--hg-font-label);
  font-weight: 700;
  color: var(--hg-maroon);
}

.fc .fc-day-today {
  background: rgba(246, 231, 193, 0.45) !important;
}


/* ---------- Tailwind 'primary' palette -> maroon (Perfex default is blue) ---------- */

.tw-bg-primary-50,
.hover\:tw-bg-primary-50:hover,
.group:hover .group-hover\:tw-bg-primary-50,
.group:hover .group-hover\:\!tw-bg-primary-50 {
  background-color: rgb(251 243 244) !important;
}

.tw-text-primary-50,
.hover\:tw-text-primary-50:hover,
.group:hover .group-hover\:tw-text-primary-50,
.group:hover .group-hover\:\!tw-text-primary-50 {
  color: rgb(251 243 244) !important;
}

.tw-border-primary-50,
.hover\:tw-border-primary-50:hover,
.group:hover .group-hover\:tw-border-primary-50,
.group:hover .group-hover\:\!tw-border-primary-50 {
  border-color: rgb(251 243 244) !important;
}

.tw-bg-primary-100,
.hover\:tw-bg-primary-100:hover,
.group:hover .group-hover\:tw-bg-primary-100,
.group:hover .group-hover\:\!tw-bg-primary-100 {
  background-color: rgb(246 228 230) !important;
}

.tw-text-primary-100,
.hover\:tw-text-primary-100:hover,
.group:hover .group-hover\:tw-text-primary-100,
.group:hover .group-hover\:\!tw-text-primary-100 {
  color: rgb(246 228 230) !important;
}

.tw-border-primary-100,
.hover\:tw-border-primary-100:hover,
.group:hover .group-hover\:tw-border-primary-100,
.group:hover .group-hover\:\!tw-border-primary-100 {
  border-color: rgb(246 228 230) !important;
}

.tw-bg-primary-200,
.hover\:tw-bg-primary-200:hover,
.group:hover .group-hover\:tw-bg-primary-200,
.group:hover .group-hover\:\!tw-bg-primary-200 {
  background-color: rgb(236 197 202) !important;
}

.tw-text-primary-200,
.hover\:tw-text-primary-200:hover,
.group:hover .group-hover\:tw-text-primary-200,
.group:hover .group-hover\:\!tw-text-primary-200 {
  color: rgb(236 197 202) !important;
}

.tw-border-primary-200,
.hover\:tw-border-primary-200:hover,
.group:hover .group-hover\:tw-border-primary-200,
.group:hover .group-hover\:\!tw-border-primary-200 {
  border-color: rgb(236 197 202) !important;
}

.tw-bg-primary-300,
.hover\:tw-bg-primary-300:hover,
.group:hover .group-hover\:tw-bg-primary-300,
.group:hover .group-hover\:\!tw-bg-primary-300 {
  background-color: rgb(220 152 161) !important;
}

.tw-text-primary-300,
.hover\:tw-text-primary-300:hover,
.group:hover .group-hover\:tw-text-primary-300,
.group:hover .group-hover\:\!tw-text-primary-300 {
  color: rgb(220 152 161) !important;
}

.tw-border-primary-300,
.hover\:tw-border-primary-300:hover,
.group:hover .group-hover\:tw-border-primary-300,
.group:hover .group-hover\:\!tw-border-primary-300 {
  border-color: rgb(220 152 161) !important;
}

.tw-bg-primary-400,
.hover\:tw-bg-primary-400:hover,
.group:hover .group-hover\:tw-bg-primary-400,
.group:hover .group-hover\:\!tw-bg-primary-400 {
  background-color: rgb(196 97 111) !important;
}

.tw-text-primary-400,
.hover\:tw-text-primary-400:hover,
.group:hover .group-hover\:tw-text-primary-400,
.group:hover .group-hover\:\!tw-text-primary-400 {
  color: rgb(196 97 111) !important;
}

.tw-border-primary-400,
.hover\:tw-border-primary-400:hover,
.group:hover .group-hover\:tw-border-primary-400,
.group:hover .group-hover\:\!tw-border-primary-400 {
  border-color: rgb(196 97 111) !important;
}

.tw-bg-primary-500,
.hover\:tw-bg-primary-500:hover,
.group:hover .group-hover\:tw-bg-primary-500,
.group:hover .group-hover\:\!tw-bg-primary-500 {
  background-color: rgb(168 58 74) !important;
}

.tw-text-primary-500,
.hover\:tw-text-primary-500:hover,
.group:hover .group-hover\:tw-text-primary-500,
.group:hover .group-hover\:\!tw-text-primary-500 {
  color: rgb(168 58 74) !important;
}

.tw-border-primary-500,
.hover\:tw-border-primary-500:hover,
.group:hover .group-hover\:tw-border-primary-500,
.group:hover .group-hover\:\!tw-border-primary-500 {
  border-color: rgb(168 58 74) !important;
}

.tw-bg-primary-600,
.hover\:tw-bg-primary-600:hover,
.group:hover .group-hover\:tw-bg-primary-600,
.group:hover .group-hover\:\!tw-bg-primary-600 {
  background-color: rgb(142 38 53) !important;
}

.tw-text-primary-600,
.hover\:tw-text-primary-600:hover,
.group:hover .group-hover\:tw-text-primary-600,
.group:hover .group-hover\:\!tw-text-primary-600 {
  color: rgb(142 38 53) !important;
}

.tw-border-primary-600,
.hover\:tw-border-primary-600:hover,
.group:hover .group-hover\:tw-border-primary-600,
.group:hover .group-hover\:\!tw-border-primary-600 {
  border-color: rgb(142 38 53) !important;
}

.tw-bg-primary-700,
.hover\:tw-bg-primary-700:hover,
.group:hover .group-hover\:tw-bg-primary-700,
.group:hover .group-hover\:\!tw-bg-primary-700 {
  background-color: rgb(122 31 43) !important;
}

.tw-text-primary-700,
.hover\:tw-text-primary-700:hover,
.group:hover .group-hover\:tw-text-primary-700,
.group:hover .group-hover\:\!tw-text-primary-700 {
  color: rgb(122 31 43) !important;
}

.tw-border-primary-700,
.hover\:tw-border-primary-700:hover,
.group:hover .group-hover\:tw-border-primary-700,
.group:hover .group-hover\:\!tw-border-primary-700 {
  border-color: rgb(122 31 43) !important;
}

.tw-bg-primary-800,
.hover\:tw-bg-primary-800:hover,
.group:hover .group-hover\:tw-bg-primary-800,
.group:hover .group-hover\:\!tw-bg-primary-800 {
  background-color: rgb(94 22 34) !important;
}

.tw-text-primary-800,
.hover\:tw-text-primary-800:hover,
.group:hover .group-hover\:tw-text-primary-800,
.group:hover .group-hover\:\!tw-text-primary-800 {
  color: rgb(94 22 34) !important;
}

.tw-border-primary-800,
.hover\:tw-border-primary-800:hover,
.group:hover .group-hover\:tw-border-primary-800,
.group:hover .group-hover\:\!tw-border-primary-800 {
  border-color: rgb(94 22 34) !important;
}

.tw-bg-primary-900,
.hover\:tw-bg-primary-900:hover,
.group:hover .group-hover\:tw-bg-primary-900,
.group:hover .group-hover\:\!tw-bg-primary-900 {
  background-color: rgb(74 15 24) !important;
}

.tw-text-primary-900,
.hover\:tw-text-primary-900:hover,
.group:hover .group-hover\:tw-text-primary-900,
.group:hover .group-hover\:\!tw-text-primary-900 {
  color: rgb(74 15 24) !important;
}

.tw-border-primary-900,
.hover\:tw-border-primary-900:hover,
.group:hover .group-hover\:tw-border-primary-900,
.group:hover .group-hover\:\!tw-border-primary-900 {
  border-color: rgb(74 15 24) !important;
}

.tw-ring-primary-500,
.tw-ring-primary-600 {
  --tw-ring-color: rgb(201 149 47) !important;
}

/* ---------- Animations ---------- */

@keyframes hgFadeUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes hgPop {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes hgShine {
  to {
    left: 130%;
  }
}

.hg-animate {
  animation: hgFadeUp 0.6s var(--hg-ease) both;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* ---------- Responsive ---------- */

@media (max-width: 768px) {
  .content {
    padding: 16px !important;
  }

  .panel_s,
  .top_stats_wrapper {
    border-radius: 12px !important;
  }

  .top_stats_wrapper:hover {
    transform: none;
  }

  body.login_admin .company-logo img {
    max-width: 230px;
  }

  .table > thead > tr > th,
  table.dataTable thead th {
    font-size: 10.5px;
  }
}