body{margin:0;font-family:Arial,sans-serif;background-color:#f4f6f9}.container{display:flex;justify-content:space-between;margin-bottom:20px}.box{flex:1;margin:10px;padding:20px;text-align:center;font-family:Poppins,sans-serif;color:#fff;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.box-1{background-color:#0799b0}.box-2{background-color:#6955de}.box-3{background-color:#ffc107}.box h3{margin:0;font-size:2rem}.box-1 p,.box-2 p{margin:9px 5px;font-size:1.2rem;font-family:Poppins,sans-serif}.box-3 p{margin:10px 0 0;font-size:1.2rem;font-family:Poppins,sans-serif}.btn{padding:10px 15px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.btn-warning{background-color:#ffca28;color:#fff}.clock-in-box{border:none;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.clock-in-btn{padding:15px 30px;font-size:1.2rem;border:none;color:#fff;border-radius:8px;width:100%;font-family:Poppins,sans-serif}.task-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;width:1260px;margin-top:20px}.task-card-header{display:flex;justify-content:space-between;align-items:center}.task-card-header h4{margin:0;font-size:18px}.task-table{width:100%;margin-top:8px;border-collapse:collapse}.task-table th,.task-table td{border:1px solid #ddd;padding:10px;text-align:left}.task-table th{background-color:#f2f2f2}.task-card-container{gap:20px}.task-card{background-color:#fff;border-radius:15px;padding:20px;transition:all .3s ease;position:relative}.task-card-header span{color:#2980b9;font-size:14px}.calendar-icon{color:#2980b9;font-size:16px}.task-card-body{display:flex;flex-wrap:wrap;padding-top:10px;justify-content:flex-start}.task-card-item{width:25%;text-align:center;padding:10px}.task-card-item img{margin-bottom:5px}.task-card-description{font-size:16px;color:#34495e}.btn{border-radius:8px;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}.shadow-sm{box-shadow:0 8px 15px #0000001a}.task-card-body{display:flex;flex-direction:column;align-items:start}.task-card-description{text-align:left;margin-top:10px}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;width:400px;border-top:4px solid green}h3{text-align:center;color:#fff;margin-bottom:20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #ddd}.profile{display:flex;align-items:center}.profile img{width:40px;height:40px;border-radius:50%;margin-right:10px}.profile span{font-weight:700}th{font-weight:700;color:#333}