.stat-card{background:#fff;border:1px solid #F0E6D6;border-radius:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:flex-start}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.emp-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:.75rem;transition:background .15s}.emp-row:hover{background:#FBF7F0}
.emp-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #F0E6D6}
.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-inline-end:6px}
.status-dot.present{background:#6B9E6B}.status-dot.absent{background:#B87070}
.task-status{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:6px;white-space:nowrap}
.task-status.completed{background:rgba(107,158,107,.12);color:#6B9E6B}
.task-status.in-progress{background:rgba(166,124,82,.12);color:#a67c52}
.task-status.pending{background:rgba(196,169,90,.12);color:#C4A95A}
.task-status.late{background:rgba(184,112,112,.1);color:#B87070}
.top-emp{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;transition:background .15s}.top-emp:hover{background:#FBF7F0}
.progress-bar-bg{width:100%;height:6px;border-radius:3px;background:#F0E6D6;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#6B9E6B,#4f8a4f)}
.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e8d5b8;border-radius:10px}