.employee-table-container{max-width:900px;margin:auto;font-family:Arial,sans-serif}.employee-table{width:100%;border-collapse:collapse;background:#2a2c2c;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden}.employee-table th,.employee-table td{padding:10px;text-align:left}.employee-table th{background:#214165;color:#fff;text-transform:uppercase;font-size:14px}.delete-btn{padding:5px;font-size:14px;color:#fff;background-color:#a80710 !important;border:none;border-radius:4px;cursor:pointer}.delete-btn:hover{background-color:#c0001a !important}.grade-separator{background:#154782}.employee-table input,.employee-table select{width:100%;padding:5px;border:1px solid #ccc;border-radius:4px;font-size:14px}.btn{display:inline-block;padding:6px 12px;font-size:14px;font-weight:700;text-align:center;text-decoration:none;border-radius:4px;cursor:pointer;transition:all .3s ease-in-out;border:none}#add-employee-btn{background:#28a745;color:#fff}#add-employee-btn:hover{background:#218838}.edit-btn{background:#ffc107;color:#000}.edit-btn:hover{background:#e0a800}.validate-all{background:#6614b8 !important;color:#fff !important}.validate-all:hover{background:#8a2be2 !important}.save-btn{background:#007bff;color:#fff}.save-btn:hover{background:#0056b3}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}#employee-form{display:none;background:#f8f9fa;padding:15px;border-radius:8px;margin-top:10px;box-shadow:0 2px 6px rgba(0,0,0,.1)}@media screen and (max-width:768px){.employee-table th,.employee-table td{padding:8px;font-size:12px}}.grade-separator{background:#0e3764;color:#fff;font-weight:700;text-align:center !important;text-transform:uppercase;font-size:16px}.grade-separator td{padding:8px;text-align:center !important}.search-btn{width:100%;max-width:400px;margin:20px auto;display:flex;align-items:center;justify-content:center}.search-btn input{width:100%;padding:12px 20px;font-size:16px;border:2px solid #ccc;border-radius:25px;outline:none;transition:border-color .3s ease,box-shadow .3s ease;background:#f8f9fa}.search-btn input:focus{border-color:#007bff;box-shadow:0 0 8px rgba(0,123,255,.4)}.search-btn input::placeholder{color:#aaa;font-style:italic}.search-btn button{padding:10px 20px;margin-left:10px;background:#007bff;color:#fff;font-size:16px;border:none;border-radius:25px;cursor:pointer;transition:background .3s ease}.search-btn button:hover{background:#0056b3}@media screen and (max-width:768px){.search-btn{max-width:90%}}