:root {
  --aurevia-blue: #2478dc;
  --aurevia-cyan: #20bfd0;
  --aurevia-violet: #9067e9;
  --aurevia-pink: #ed6db7;
  --aurevia-gold: #e7b64f;
  --aurevia-ink: #17334f;
}

body {
  color: var(--aurevia-ink) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(32,191,208,.19), transparent 28rem),
    radial-gradient(circle at 90% 12%, rgba(237,109,183,.17), transparent 25rem),
    radial-gradient(circle at 75% 92%, rgba(144,103,233,.16), transparent 30rem),
    linear-gradient(145deg, #f6fcff, #edf8ff 38%, #f7f1ff 72%, #fff4fa) fixed !important;
}

.top-header .navbar {
  border-bottom: 1px solid rgba(255,255,255,.82) !important;
  background: rgba(248,253,255,.86) !important;
  box-shadow: 0 10px 34px rgba(38,84,128,.1) !important;
  backdrop-filter: blur(18px) saturate(145%);
}

.sidebar-wrapper {
  border-right: 1px solid rgba(117,196,224,.2) !important;
  background:
    radial-gradient(circle at 20% 8%, rgba(42,202,210,.23), transparent 15rem),
    radial-gradient(circle at 85% 86%, rgba(144,98,227,.24), transparent 16rem),
    linear-gradient(180deg, #102d4b, #102744 48%, #171f3e) !important;
  box-shadow: 18px 0 46px rgba(25,54,95,.14) !important;
}

.sidebar-wrapper .sidebar-header,
.sidebar-wrapper .sidebar-nav,
.sidebar-wrapper .sidebar-bottom { background: transparent !important; }

.sidebar-wrapper .menu-label,
.sidebar-wrapper .logo-name h5 { color: rgba(231,248,255,.88) !important; }

.sidebar-wrapper .metismenu a {
  margin: 3px 10px !important;
  border-radius: 12px !important;
  color: rgba(222,239,250,.8) !important;
}

.sidebar-wrapper .metismenu a:hover,
.sidebar-wrapper .metismenu .mm-active > a {
  color: #fff !important;
  background: linear-gradient(105deg, rgba(42,190,207,.8), rgba(93,106,220,.8) 58%, rgba(222,91,178,.75)) !important;
  box-shadow: 0 10px 22px rgba(31,91,153,.28) !important;
}

.sidebar-header img,
.sidebar-header .logo-icon img {
  width: 100% !important;
  max-width: 205px !important;
  height: auto !important;
  padding: 9px 13px !important;
  border: 1px solid rgba(255,255,255,.84) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg,#fff,#effaff) !important;
  box-shadow: 0 10px 24px rgba(3,18,43,.24) !important;
  object-fit: contain !important;
}

.page-content .card {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.94) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(32,191,208,.16), transparent 44%),
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(240,249,255,.84)) !important;
  box-shadow: 0 17px 42px rgba(42,83,129,.13), inset 0 1px 0 #fff !important;
  backdrop-filter: blur(14px) saturate(135%);
  transition: transform .22s ease, box-shadow .22s ease !important;
}

.page-content .card::before {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg,var(--aurevia-blue),var(--aurevia-cyan),var(--aurevia-violet),var(--aurevia-pink));
}

.page-content .card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 52px rgba(48,88,136,.18), inset 0 1px 0 #fff !important;
}

.page-content .row > [class*="col"]:nth-child(4n + 2) .card {
  background: radial-gradient(circle at 100% 0,rgba(144,103,233,.18),transparent 44%),linear-gradient(145deg,#fff,rgba(245,239,255,.86)) !important;
}
.page-content .row > [class*="col"]:nth-child(4n + 3) .card {
  background: radial-gradient(circle at 100% 0,rgba(237,109,183,.17),transparent 44%),linear-gradient(145deg,#fff,rgba(255,241,249,.86)) !important;
}
.page-content .row > [class*="col"]:nth-child(4n) .card {
  background: radial-gradient(circle at 100% 0,rgba(231,182,79,.19),transparent 44%),linear-gradient(145deg,#fff,rgba(255,249,233,.88)) !important;
}

.page-content .card-body { padding: 1.35rem !important; }
.page-content .card h2,
.page-content .card h3 { color: var(--aurevia-ink) !important; font-weight: 800 !important; letter-spacing: -.045em !important; }
.page-content .card img { filter: drop-shadow(0 8px 12px rgba(44,104,158,.2)); }

.page-content .card .wh-48,
.page-content .card .wh-64,
.page-content .card .widget-icon,
.page-content .card .product-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255,255,255,.85) !important;
  border-radius: 16px !important;
  color: #fff !important;
  background: linear-gradient(135deg,var(--aurevia-blue),var(--aurevia-cyan)) !important;
  box-shadow: 0 10px 24px rgba(37,124,190,.24), inset 0 1px 0 rgba(255,255,255,.3) !important;
}

.page-content .row > [class*="col"]:nth-child(4n + 2) .wh-48,
.page-content .row > [class*="col"]:nth-child(4n + 2) .wh-64,
.page-content .row > [class*="col"]:nth-child(4n + 2) .widget-icon {
  background: linear-gradient(135deg,var(--aurevia-violet),var(--aurevia-pink)) !important;
}

.page-content .row > [class*="col"]:nth-child(4n + 3) .wh-48,
.page-content .row > [class*="col"]:nth-child(4n + 3) .wh-64,
.page-content .row > [class*="col"]:nth-child(4n + 3) .widget-icon {
  background: linear-gradient(135deg,#19ad91,var(--aurevia-cyan)) !important;
}

.page-content .row > [class*="col"]:nth-child(4n) .wh-48,
.page-content .row > [class*="col"]:nth-child(4n) .wh-64,
.page-content .row > [class*="col"]:nth-child(4n) .widget-icon {
  background: linear-gradient(135deg,#df9c32,var(--aurevia-gold)) !important;
}

.page-content .breadcrumb,
.page-content .page-breadcrumb {
  padding: .72rem 1rem !important;
  border: 1px solid rgba(255,255,255,.85) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.62) !important;
  box-shadow: 0 10px 25px rgba(44,92,135,.08) !important;
  backdrop-filter: blur(12px);
}

@media (max-width: 767.98px) {
  .page-content .card { border-radius: 16px !important; }
}