h2 {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 22px;
      margin-top: 30px;
      margin-bottom: 15px;
    }
    h2 .material-icons-sharp {
      color: #f39c12;
      font-size: 26px;
    }
    .best_emp_container{
        margin: 50px 100px !important;
    }
    .notif_new {
      background: #e74c3c;
      color: #fff;
      font-size: 12px;
      padding: 2px 6px;
      border-radius: 4px;
      margin-left: auto;
    }
    .blink {
      animation: blink 1.5s infinite;
    }
    @keyframes blink {
      50% { opacity: 0; }
    }
    table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 40px;
      background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
      border-radius: 8px;
      overflow: hidden;
    }
    thead {
      background: #EC9119;
      color: #fff;
    }
    th, td {
      padding: 12px;
      text-align: center;
      border-bottom: 1px solid #eee;
    }
    tbody tr:hover {
      background: #f1f9ff;
    }
    .employee-photo {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      object-fit: cover;
    }