.wpas-card {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    max-width: 300px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.status-bar {
    padding: 5px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 12px;
}
.not_started { background: #eee; color: #666; }
.at_work { background: #e3f2fd; color: #0d47a1; }
.completed { background: #e8f5e9; color: #1b5e20; }

.wpas-btn {
    cursor: pointer;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    color: #fff;
    width: 100%;
}
.clock-in { background: #2271b1; }
.clock-out { background: #d63638; }

.wpas-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}
.wpas-table th, .wpas-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}