:root {
  --mihri-gold-dark: #7a5a22;
  --mihri-gold: #9c7530;
  --mihri-gold-light: #d6b36a;
  --mihri-gold-soft: #f4d58d;
  --mihri-cream: #fff4cf;
  --mihri-cream-bright: #fff8e1;
  --mihri-charcoal: #050505;
  --mihri-charcoal-soft: #1a1410;
  --mihri-delete: #c94d3f;
  --mihri-delete-dark: #a53b30;
  --mihri-delete-light: #ef6b59;
  --mihri-success: #8f6e2f;
  --mihri-success-dark: #745721;
}

.mihri-gradient-bg,
.login-page,
.register-page,
.skin-blue .main-header .logo,
.skin-blue .main-header .navbar,
.skin-blue .main-sidebar,
.skin-blue .left-side,
.sidebar-background {
  background: linear-gradient(135deg, var(--mihri-charcoal) 0%, var(--mihri-charcoal-soft) 35%, var(--mihri-gold-dark) 100%) !important;
}

.login-page,
.register-page {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.login-logo-image {
  max-width: 220px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.admin-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 50px;
  padding: 0 10px;
}

.admin-brand img {
  max-height: 36px;
  width: auto;
}

.admin-brand-text {
  color: var(--mihri-gold-soft);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
}

.skin-blue .sidebar-menu > li.header {
  background: rgba(0, 0, 0, 0.18) !important;
  color: var(--mihri-gold-soft) !important;
}

.skin-blue .sidebar a,
.skin-blue .main-header .navbar .nav > li > a,
.skin-blue .main-header .logo,
.skin-blue .main-header .logo:hover {
  color: var(--mihri-cream) !important;
}

.skin-blue .sidebar-menu > li > a:hover,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a {
  background: rgba(244, 213, 141, 0.14) !important;
  border-left-color: var(--mihri-gold-soft) !important;
  color: var(--mihri-cream-bright) !important;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
  background: rgba(0, 0, 0, 0.16) !important;
}

.mihri-btn-gold,
.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-info,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info,
.btn-warning,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning,
.btn-success,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background: linear-gradient(135deg, var(--mihri-gold) 0%, var(--mihri-gold-light) 100%) !important;
  border-color: #8b6626 !important;
  color: #1c1408 !important;
}

.mihri-btn-gold:hover,
.btn-primary:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-success:hover {
  background: linear-gradient(135deg, #b3873a 0%, #ebca83 100%) !important;
  border-color: var(--mihri-gold) !important;
  color: #120d05 !important;
}

.btn-danger,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background: linear-gradient(135deg, var(--mihri-delete-dark) 0%, var(--mihri-delete-light) 100%) !important;
  border-color: #913228 !important;
  color: #fff7f5 !important;
}

.btn-danger:hover {
  background: linear-gradient(135deg, #b33f33 0%, #ff7e6b 100%) !important;
  border-color: var(--mihri-delete) !important;
  color: #ffffff !important;
}

.sidebar-background {
  opacity: .95;
}

.modern-gradient-blue {
  background: linear-gradient(135deg, var(--mihri-charcoal) 0%, var(--mihri-charcoal-soft) 55%, var(--mihri-gold-dark) 100%);
  color: #ffffff;
  border: none;
  box-shadow: 0 6px 18px rgba(122, 90, 34, 0.28);
}

.modern-gradient-green {
  background: linear-gradient(135deg, #2b2117 0%, #6b4f24 55%, var(--mihri-gold-light) 100%);
  color: #fff8e1;
  border: none;
  box-shadow: 0 6px 18px rgba(156, 117, 48, 0.26);
}

.modern-gradient-yellow {
  background: linear-gradient(135deg, #f3e4bc 0%, var(--mihri-gold-light) 100%);
  color: #2d2213;
  border: none;
  box-shadow: 0 6px 18px rgba(214, 179, 106, 0.32);
}

.modern-gradient-orange {
  background: linear-gradient(135deg, #7d5a24 0%, #b88938 100%);
  color: #fff7e6;
  border: none;
  box-shadow: 0 6px 18px rgba(184, 137, 56, 0.28);
}

.modern-gradient-purple {
  background: linear-gradient(135deg, #231b14 0%, #5a4425 55%, #c8a968 100%);
  color: #fff7e6;
  border: none;
  box-shadow: 0 6px 18px rgba(90, 68, 37, 0.28);
}

.modern-gradient-teal {
  background: linear-gradient(135deg, #1a1410 0%, #4b381f 50%, var(--mihri-gold) 100%);
  color: #fff8e1;
  border: none;
  box-shadow: 0 6px 18px rgba(122, 90, 34, 0.28);
}

.modern-box {
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(28, 20, 8, 0.1);
  border: 1px solid rgba(156, 117, 48, 0.08);
  transition: all 0.3s ease;
}

.modern-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 35px rgba(28, 20, 8, 0.16);
}

.modern-small-box {
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.3s ease;
  position: relative;
}

.modern-small-box:hover {
  transform: translateY(-3px);
}

.modern-small-box .inner {
  padding: 20px;
  position: relative;
  z-index: 2;
}

.modern-small-box .icon {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 60px;
  opacity: 0.22;
  z-index: 1;
}

.modern-small-box .small-box-footer {
  background: rgba(255, 244, 207, 0.14) !important;
  color: #fff8e1 !important;
  border-top: 1px solid rgba(255, 244, 207, 0.12);
}

.modern-gradient-yellow .small-box-footer {
  background: rgba(45, 34, 19, 0.08) !important;
  color: #2d2213 !important;
  border-top: 1px solid rgba(45, 34, 19, 0.08);
}

.modern-table {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(28, 20, 8, 0.05);
}

.modern-table thead tr {
  background: linear-gradient(135deg, var(--mihri-charcoal-soft) 0%, var(--mihri-gold-dark) 100%);
  color: #fff8e1;
}

.modern-table tbody tr:hover {
  background-color: rgba(244, 213, 141, 0.1);
  transform: scale(1.01);
  transition: all 0.2s ease;
}

.modern-btn {
  border-radius: 25px;
  padding: 8px 20px;
  font-weight: 500;
  transition: all 0.3s ease;
  border: none;
  box-shadow: 0 4px 15px rgba(28, 20, 8, 0.1);
}

.modern-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(28, 20, 8, 0.15);
}

.modern-btn-primary,
.modern-btn-success,
.modern-btn-info,
.modern-btn-warning {
  background: linear-gradient(135deg, var(--mihri-gold) 0%, var(--mihri-gold-light) 100%);
  color: #1c1408;
}

.modern-label {
  border-radius: 12px;
  padding: 4px 12px;
  font-weight: 500;
  font-size: 11px;
}

.modern-label-danger {
  background: linear-gradient(135deg, var(--mihri-delete-dark) 0%, var(--mihri-delete-light) 100%);
  color: #ffffff;
}

.modern-label-warning {
  background: linear-gradient(135deg, #b57c2f 0%, #d9a652 100%);
  color: #fff8e1;
}

.modern-label-success {
  background: linear-gradient(135deg, #6f7d32 0%, #99ad4a 100%);
  color: #ffffff;
}

.modern-label-info {
  background: linear-gradient(135deg, #614820 0%, var(--mihri-gold) 100%);
  color: #fff8e1;
}

.modern-label-primary {
  background: linear-gradient(135deg, var(--mihri-charcoal-soft) 0%, var(--mihri-gold-dark) 100%);
  color: #fff8e1;
}

.modern-label-default {
  background: linear-gradient(135deg, #5b4b35 0%, #8a734b 100%);
  color: #fff8e1;
}

.modern-box-header {
  color: #fff8e1;
  border-radius: 12px 12px 0 0;
}

.modern-box-header-primary {
  background: linear-gradient(135deg, var(--mihri-charcoal) 0%, var(--mihri-gold-dark) 100%);
}

.modern-box-header-danger {
  background: linear-gradient(135deg, var(--mihri-delete-dark) 0%, var(--mihri-delete-light) 100%);
}

.modern-box-header-info {
  background: linear-gradient(135deg, #4b381f 0%, var(--mihri-gold) 100%);
}