🔥 Control top-right avatar size .navbar-nav .user-menu img {
  width: 32px !important;
  height: 32px !important;
  object-fit: cover;
  border-radius: 50%;
}

/* 🔥 Sidebar avatar (if shown) */
.user-panel img {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover;
  border-radius: 50%;
}

/* ===== GLOBAL BACKGROUND (Gradient Dark Blue) ===== */
body {
  background: linear-gradient(135deg, #0b1f3a, #1e3a5f) !important;
  font-family: "Inter", sans-serif;
}

/* ===== NAVBAR ===== */
.main-header {
  background: linear-gradient(90deg, #0b1f3a, #1e3a5f) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* ===== SIDEBAR ===== */
.main-sidebar {
  background: #0b1f3a !important;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}

/* ===== BRAND LOGO AREA ===== */
.brand-link {
  background: linear-gradient(135deg, #ff7a18, #ff3d00) !important;
  color: white !important;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* ===== SIDEBAR ITEMS ===== */
.nav-sidebar .nav-link {
  border-radius: 10px;
  margin: 4px 10px;
  transition: all 0.3s ease;
}

/* ===== HOVER ANIMATION ===== */
.nav-sidebar .nav-link:hover {
  background: rgba(255, 122, 24, 0.2) !important;
  transform: translateX(5px);
}

/* ===== ACTIVE ITEM ===== */
.nav-sidebar .nav-link.active {
  background: linear-gradient(135deg, #ff7a18, #ff3d00) !important;
  color: white !important;
  box-shadow: 0 4px 12px rgba(255, 122, 24, 0.4);
}

/* ===== CONTENT CARDS ===== */
.card {
  background: rgba(255, 255, 255, 0.03) !important;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
}

/* ===== BUTTONS ===== */
/* ===== PRIMARY (MAIN BRAND ORANGE) ===== */
.btn-primary {
  background: linear-gradient(135deg, #ff7a18, #ff3d00) !important;
  border: none !important;
  color: #fff !important;
}

/* ===== SECONDARY (DARK BLUE) ===== */
.btn-secondary {
  background: linear-gradient(135deg, #1b263b, #415a77) !important;
  border: none !important;
  color: #fff !important;
}

/* ===== SUCCESS (GREEN BUT PREMIUM) ===== */
.btn-success {
  background: linear-gradient(135deg, #56ab2f, #7dcd40) !important;
  border: none !important;
  color: #fff !important;
}

/* ===== DANGER (RED GRADIENT) ===== */
.btn-danger {
  background: linear-gradient(135deg, #ff4d4d, #b30000) !important;
  border: none !important;
  color: #fff !important;
}

/* ===== INFO (BLUE ACCENT) ===== */
.btn-info {
  background: linear-gradient(135deg, #4ea8de, #0077b6) !important;
  border: none !important;
  color: #fff !important;
}

/* ===== WARNING (ORANGE-YELLOW) ===== */
.btn-warning {
  background: linear-gradient(135deg, #fca311, #ffba08) !important;
  border: none !important;
  color: #0d1b2a !important;
}

/* ===== COMMON BUTTON STYLE ===== */
.btn {
  border-radius: 10px !important;
  font-weight: 500;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease !important;
}

/* ===== HOVER ===== */
.btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

/* ===== CLICK ===== */
.btn:active {
  transform: scale(0.97);
}

/* ===== FOCUS (REMOVE UGLY OUTLINE) ===== */
.btn:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255, 122, 24, 0.4);
}

/* ===== TABLES ===== */
.table {
  background: transparent !important;
  color: #e5e7eb;
}

/* ===== INPUT FIELDS ===== */
.form-control {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: white;
  border-radius: 10px;
}

/* ===== SPACING FIX ===== */
.content-wrapper {
  padding: 20px;
}

/* ===== SMOOTH PAGE FEEL ===== */
* {
  transition:
    background 0.3s ease,
    color 0.3s ease;
}