:root {
  --bs-primary: #1c3d5a;
  --bs-secondary: #c79c42;
  --bs-success: #2e7d6a;
  --bs-info: #2e7d6a;
  --bs-dark: #0d1f2f;
  --bs-light: #f7f6f2;
  --bs-white: #fffbf5;
}

body {
  background-color: #fffbf5;
}

 .bg-white,
.bg-light {
  background-color: #fffbf5 !important;
}

.card,
.card-body,
.card-header,
.card-footer,
.modal-content,
.dropdown-menu,
.table,
.table th,
.table td,
.table-responsive,
.footer,
.fixed-plugin .card,
.form-control,
.form-select,
.input-group .form-control {
  background-color: #fffbf5;
}

.navbar-main {
  background: linear-gradient(180deg, rgba(28, 61, 90, 0.95), rgba(9, 19, 30, 0.9)) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.navbar-main .navbar-brand {
  color: #ffffff;
}

.sidenav {
  background: #fffbf5;
  color: #1c3d5a;
  width: 280px;
  border-right: 1px solid rgba(28, 61, 90, 0.08);
  overflow-y: hidden !important;
  max-height: calc(100vh - 48px);
  top: 24px;
  bottom: 24px;
  padding-bottom: 0;
  z-index: 1030;
}

@media (max-width: 1200px) {
  .sidenav {
    position: fixed;
  }
}

.sidenav.navbar-vertical {
  overflow-y: hidden !important;
  max-height: 100vh;
}

.sidenav.navbar-expand-xs,
.sidenav.navbar-expand-sm,
.sidenav.navbar-expand-md,
.sidenav.navbar-expand-lg,
.sidenav.navbar-expand-xl,
.sidenav.navbar-expand-xxl {
  overflow-y: hidden !important;
}

.sidenav .navbar-collapse,
.sidenav .collapse,
.sidenav .navbar-collapse > ul {
  height: auto !important;
  overflow-y: visible !important;
  max-height: none !important;
}

.sidenav .navbar-brand {
  color: #1c3d5a;
}

.sidenav .navbar-brand-img {
  max-height: 70px;
}

.sidenav .nav-link {
  color: #1c3d5a !important;
  font-weight: 600;
}

.sidenav .nav-link .icon {
  background: rgba(28, 61, 90, 0.08);
}
.sidenav .nav-link .icon i {
  color: #c79c42 !important;
}
.sidenav .nav-link-text,
.sidenav .nav-link .icon,
.sidenav .nav-link span {
  color: #1c3d5a !important;
}
.sidenav .nav-link.active,
.sidenav .nav-link:hover {
  color: #1c3d5a;
  background: rgba(28, 61, 90, 0.1);
}

.sidenav-footer {
  margin-top: auto;
  background: transparent;
}

.sidenav-footer .btn {
  color: #1c3d5a;
}

.sidenav-footer .btn.btn-secondary {
  background-color: #c79c42;
  border-color: #c79c42;
  color: #102639;
}

main.main-content {
  margin-left: 300px;
  transition: margin-left 0.3s ease;
}

@media (max-width: 991px) {
  main.main-content {
    margin-left: 0;
  }
  .sidenav {
    width: 100%;
  }
}

.bg-gradient-primary {
  background: linear-gradient(180deg, #1c3d5a 0%, #0f243a 100%) !important;
}

.btn-primary {
  background-color: #1c3d5a !important;
  border-color: #1c3d5a !important;
  box-shadow: 0 4px 12px rgba(28, 61, 90, 0.35);
}

.btn-secondary {
  background-color: #c79c42 !important;
  border-color: #c79c42 !important;
  color: #102639 !important;
}

.text-primary {
  color: #1c3d5a !important;
}

.text-secondary {
  color: #c79c42 !important;
}

.card {
  border-radius: 1rem;
}

.badge.bg-gradient-success {
  background: linear-gradient(180deg, #2e7d6a 0%, #225a4b 100%) !important;
}

.profile-info-grid {
  display: grid;
  gap: 0.6rem 1rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.profile-info-row {
  border-bottom: 1px solid rgba(16, 38, 57, 0.1);
  padding-bottom: 0.75rem;
}
.profile-info-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.profile-info-row .info-line {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.profile-info-row .info-label-text {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #102639;
  font-weight: 600;
}
.profile-info-row .info-label-icon {
  font-size: 0.9rem;
}
.profile-info-row .info-value {
  font-size: 0.78rem;
  margin: 0;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(13, 31, 47, 0.9);
}

.profile-avatar-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  gap: 0.2rem;
}
.profile-avatar-col img {
  max-width: 150px;
  margin: 0;
}
.profile-avatar-col p {
  margin: 0;
}
.profile-info-row .info-meta {
  font-size: 0.75rem;
  color: rgba(13, 31, 47, 0.65);
}

@media (max-width: 991px) {
  .navbar-main {
    background: #fff7eb !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(28, 61, 90, 0.12);
  }
  .navbar-main .sidenav-toggler-inner,
  .navbar-main .sidenav-toggler-line {
    background-color: transparent;
  }
  .navbar-main .sidenav-toggler-line {
    background-color: #1c3d5a !important;
  }
  .navbar-main .nav-link,
  .navbar-main .nav-link i,
  .navbar-main h6,
  .navbar-main .navbar-brand {
    color: #1c3d5a !important;
  }
  .navbar-main .navbar-brand img {
    filter: none;
  }
}

@media (max-width: 991px) {
  .navbar-main .navbar-brand {
    display: flex !important;
    align-items: center;
  }
  .navbar-main .navbar-brand img {
    max-height: 42px;
  }
}
@media (max-width: 575.98px) {
  .heading-color {
    color: #1c3d5a !important;
  }
}