body{
font-family: Arial;
padding: 30px;
}

table{
border-collapse: collapse;
margin-top: 20px;
}

th, td{
border: 1px solid black;
padding: 10px;
text-align: center;
width: 120px;
}

select{
margin-bottom: 5px;
}

.pay{
font-weight: bold;
color: green;
}

#service-rate{
font-size:16px;
padding:6px;
margin-bottom:20px;
}

body{
font-family: Arial;
background:#f4f4f4;
padding:40px;
}

.container{
background:white;
padding:25px;
border-radius:10px;
max-width:900px;
margin:auto;
}

.header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

table{
width:100%;
border-collapse:collapse;
}

th,td{
border:1px solid #ddd;
padding:10px;
text-align:center;
}

select{
width:100%;
padding:5px;
}

.shift-cell label{
font-size:12px;
margin-top:4px;
}