body {
      background-color: #f5f7fb;
    }

    .navbar-brand {
      font-weight: 600;
      letter-spacing: 0.03em;
    }

    .cf-badge {
      font-size: 0.75rem;
      letter-spacing: 0.08em;
    }

    .card {
      border-radius: 1rem;
      border: none;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
    }

    .table > :not(caption) > * > * {
      vertical-align: middle;
    }

    .job-row {
      cursor: pointer;
    }

    .job-row:hover {
      background-color: #f1f5f9;
    }

    .stat-pill {
      border-radius: 999px;
      padding: 0.25rem 0.75rem;
      font-size: 0.75rem;
      background: #e2e8f0;
    }

    .stat-pill-primary {
      background: #dbeafe;
    }

    .stat-label {
      font-size: 0.7rem;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #64748b;
    }

    .stat-value {
      font-weight: 600;
      color: #0f172a;
    }

    /* Mobile tweaks */
    @media (max-width: 767.98px) {
      .page-header-title {
        font-size: 1.25rem;
      }
    }
    
    .type {
      display: inline-block;
      font-weight: 500;

      color: #fff;
      padding: 0.375rem 0.3rem;
      font-size: 1rem;
      line-height: 0.75rem;
      border-radius: 0.25rem;
      text-align: center;
      text-decoration: none;
      transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    }
.type-must {
      background-color: #28a745;
      border: 1px solid #28a745;
    }
.type-should {
      background-color: #007bff;
      border: 1px solid #007bff;
    }
.type-nice {
      background-color: #6f42c1;
      border: 1px solid #6f42c1;
    }
.type-must:hover {
      background-color: #218838;
      border-color: #1e7e34;
      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }
.type-should:hover {
      background-color: #0069d9;
      border-color: #0062cc;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }
.type-nice:hover {
      background-color: #5a32a3;
      border-color: #4e2d8c;
      box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.5);
    }