/* ========== GLOBAL RESET ========== */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  font-family: 'Segoe UI', 'Poppins', sans-serif;
  background: #f8f9fa;
  color: #333;
  line-height: 1.6;
}


/* ========== HEADER ========== */
.dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  background-color: #1f2d3d;
  color: #d1d5db;
  padding: 1.25rem 1.5rem;
  border-radius: 0.5rem;
  margin-top: 70px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.header-title {
  display: flex;
  flex-direction: column;
}

.school-name {
  color: #ffcc00;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.school-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  color: #ffffff;
}

.school-info .divider {
  color: #888;
}

/* ========== LAST LOGIN ========== */
.last-login {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #ffc107;
  white-space: nowrap;
}

.last-login i {
  font-size: 1rem;
}

a {
  text-decoration: none;
  color: inherit;
}

button, input, select, textarea {
  font-family: inherit;
}
 body {
      background: #f8f9fc;
    }

    main.container {
      margin-left: 280px;
      margin-top: 10px;
      padding: 20px;
      max-width: 1400px;
      margin-bottom: 100px;
    }

    .dashboard-card {
      border-left: 5px solid #dee2e6;
      border-radius: 0.5rem;
      background-color: #fff;
      box-shadow: 0 4px 10px rgba(0,0,0,0.03);
      position: relative;
      overflow: hidden;
      transition: transform 0.2s ease-in-out;
    }

    .dashboard-card:hover {
      transform: scale(1.02);
    }

    .dashboard-card .card-body {
      padding: 1.5rem;
      position: relative;
    }

    .dashboard-card .card-title {
      font-size: 0.95rem;
      font-weight: 600;
      text-transform: uppercase;
      margin-bottom: 0.25rem;
      color: #6c757d;
    }

    .dashboard-card .card-value {
      font-size: 1.7rem;
      font-weight: bold;
      margin-bottom: 0.5rem;
    }

    .dashboard-card .card-text {
      font-size: 0.875rem;
      color: #6c757d;
      margin-bottom: 1rem;
    }

    .dashboard-card .proceed {
      font-size: 0.875rem;
      color: #0d6efd;
      font-weight: 600;
    }

    .dashboard-card .icon-check {
      position: absolute;
      top: 15px;
      right: 20px;
      font-size: 2.3rem;
      opacity: 0.2;
    }

    .border-primary   { border-left-color: #0d6efd !important; }
    .border-success   { border-left-color: #198754 !important; }
    .border-warning   { border-left-color: #ffc107 !important; }
    .border-info      { border-left-color: #0dcaf0 !important; }
    .border-secondary { border-left-color: #6c757d !important; }
    .border-indigo    { border-left-color: #6610f2 !important; }

    @media (max-width: 991px) {
      main.container {
        margin-left: 0;
        padding: 15px;
        margin-bottom: 120px;
      }
    }