.header[data-v-9a829171]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap}button[data-v-9a829171]{margin:8px 0;padding:6px 12px;font-size:16px}section[data-v-9a829171]{margin-bottom:24px}.header[data-v-bd9c86f8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap}input[data-v-bd9c86f8],select[data-v-bd9c86f8],button[data-v-bd9c86f8]{margin:6px;padding:4px}ul[data-v-bd9c86f8]{padding-left:20px}.header[data-v-7b3e09b4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap}h2[data-v-7b3e09b4]{margin:8px 0;font-size:16px}.assign-section>h4[data-v-7b3e09b4]{margin:6px 0 10px;font-size:13px}button[data-v-7b3e09b4]{margin:6px;padding:4px}label[data-v-7b3e09b4]{font-weight:700;display:block;margin-top:8px}.calendar[data-v-7b3e09b4]{margin:5px 0}.calendar[data-v-7b3e09b4] .fc-event{font-size:6.5px;padding:1px;margin:1px 0;border-radius:2px;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-container[data-v-7b3e09b4]{height:auto;overflow:visible;margin-bottom:20px}.calendar[data-v-7b3e09b4] .fc{height:100%!important}.calendar[data-v-7b3e09b4] .fc-toolbar-title{font-size:14px;font-weight:500}.calendar[data-v-7b3e09b4] .fc-col-header-cell{font-size:10px;font-weight:400;padding:1px}.calendar[data-v-7b3e09b4] .fc-daygrid-day-number{padding:1px;font-size:9px;font-weight:400;color:#666}.calendar[data-v-7b3e09b4] .fc-button{font-size:11px;padding:2px 6px;height:auto;line-height:1.2}.calendar[data-v-7b3e09b4] .fc-header-toolbar{margin-bottom:8px}.modal-overlay[data-v-7b3e09b4]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-7b3e09b4]{background:#fff;padding:20px;border-radius:8px;width:260px}.modal-content button[data-v-7b3e09b4]{margin:6px 4px}.attendance-edit[data-v-a05bdfbc]{max-width:900px;margin:0 auto;padding:20px}.page-header[data-v-a05bdfbc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.page-header h2[data-v-a05bdfbc]{color:#333;margin:0}.back-btn[data-v-a05bdfbc]{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:14px}.filter-section[data-v-a05bdfbc]{background:#f8f9fa;padding:20px;border-radius:10px;margin-bottom:30px;display:flex;gap:20px;align-items:end;flex-wrap:wrap}.filter-group[data-v-a05bdfbc]{display:flex;flex-direction:column;gap:5px}.filter-group label[data-v-a05bdfbc]{font-weight:700;color:#555;font-size:14px}.filter-group select[data-v-a05bdfbc],.filter-group input[data-v-a05bdfbc]{padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px}.search-btn[data-v-a05bdfbc]{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px}.attendance-list[data-v-a05bdfbc]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a}.attendance-list h3[data-v-a05bdfbc]{color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #007bff}.day-record[data-v-a05bdfbc]{margin-bottom:30px;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.date-header[data-v-a05bdfbc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.date-header h4[data-v-a05bdfbc]{color:#333;margin:0;font-size:18px}.work-hours[data-v-a05bdfbc]{background:#28a745;color:#fff;padding:5px 10px;border-radius:15px;font-size:14px}.attendance-types[data-v-a05bdfbc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.attendance-item[data-v-a05bdfbc]{background:#fff;padding:15px;border-radius:8px;border:1px solid #ddd;transition:all .3s ease}.attendance-item.has-issue[data-v-a05bdfbc]{border-color:#dc3545;background:#fff5f5}.type-label[data-v-a05bdfbc]{font-weight:700;color:#333;margin-bottom:10px;font-size:16px}.time-info[data-v-a05bdfbc]{display:flex;justify-content:space-between;align-items:center;gap:10px}.time[data-v-a05bdfbc]{font-size:18px;font-weight:700;color:#007bff}.status[data-v-a05bdfbc]{padding:3px 8px;border-radius:12px;font-size:12px;font-weight:700;text-align:center}.status-normal[data-v-a05bdfbc]{background:#d4edda;color:#155724}.status-late[data-v-a05bdfbc]{background:#f8d7da;color:#721c24}.status-early[data-v-a05bdfbc]{background:#fff3cd;color:#856404}.status-break[data-v-a05bdfbc]{background:#d1ecf1;color:#0c5460}.status-abnormal[data-v-a05bdfbc]{background:#e2e3e5;color:#383d41}.actions[data-v-a05bdfbc]{display:flex;gap:5px}.edit-btn[data-v-a05bdfbc],.delete-btn[data-v-a05bdfbc],.add-btn[data-v-a05bdfbc]{background:none;border:none;cursor:pointer;font-size:16px;padding:5px;border-radius:3px;transition:background .2s}.edit-btn[data-v-a05bdfbc]:hover{background:#e3f2fd}.delete-btn[data-v-a05bdfbc]:hover{background:#ffebee}.add-btn[data-v-a05bdfbc]{background:#007bff;color:#fff;padding:8px 15px;font-size:14px}.add-btn[data-v-a05bdfbc]:hover{background:#0056b3}.no-record[data-v-a05bdfbc]{text-align:center;color:#999;font-style:italic}.break-info[data-v-a05bdfbc]{margin-top:10px;padding:10px;background:#e3f2fd;border-radius:5px;font-size:14px;color:#333}.warning[data-v-a05bdfbc]{color:#dc3545;font-weight:700;margin-left:10px}.no-data[data-v-a05bdfbc],.select-employee[data-v-a05bdfbc]{text-align:center;padding:40px;color:#666;font-size:18px}.modal-overlay[data-v-a05bdfbc]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-a05bdfbc]{background:#fff;padding:30px;border-radius:10px;width:90%;max-width:500px;box-shadow:0 5px 20px #0003}.modal-content h3[data-v-a05bdfbc]{margin-top:0;margin-bottom:20px;color:#333}.form-group[data-v-a05bdfbc]{margin-bottom:20px}.form-group label[data-v-a05bdfbc]{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group select[data-v-a05bdfbc],.form-group input[data-v-a05bdfbc]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.form-actions[data-v-a05bdfbc]{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.save-btn[data-v-a05bdfbc],.delete-confirm-btn[data-v-a05bdfbc]{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}.delete-confirm-btn[data-v-a05bdfbc]{background:#dc3545}.cancel-btn[data-v-a05bdfbc]{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}.save-btn[data-v-a05bdfbc]:hover{background:#0056b3}.delete-confirm-btn[data-v-a05bdfbc]:hover{background:#c82333}.cancel-btn[data-v-a05bdfbc]:hover{background:#5a6268}@media (max-width: 768px){.attendance-edit[data-v-a05bdfbc]{padding:10px}.filter-section[data-v-a05bdfbc]{flex-direction:column;align-items:stretch}.attendance-types[data-v-a05bdfbc]{grid-template-columns:1fr}.time-info[data-v-a05bdfbc]{flex-direction:column;align-items:flex-start;gap:5px}.actions[data-v-a05bdfbc]{align-self:flex-end}.date-header[data-v-a05bdfbc]{flex-direction:column;align-items:flex-start;gap:10px}}.header[data-v-b4f9e563]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap}.checkin-buttons[data-v-b4f9e563]{display:flex;gap:10px;margin-bottom:12px}.checkin-buttons button[data-v-b4f9e563]{flex:1;padding:14px;font-size:16px;border-radius:8px;background-color:#2563eb;color:#fff;border:none;cursor:pointer}.checkin-buttons button[data-v-b4f9e563]:disabled{background-color:#94a3b8;cursor:not-allowed}.calendar-container[data-v-b4f9e563]{height:auto;overflow:visible;margin-bottom:20px}.calendar[data-v-b4f9e563]{margin:5px 0}.calendar[data-v-b4f9e563] .fc{height:100%!important}.calendar[data-v-b4f9e563] .fc-event{font-size:9px;padding:2px;margin:2px 0;border-radius:3px;background-color:#3b82f6!important;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar[data-v-b4f9e563] .fc-toolbar-title{font-size:16px;font-weight:500}.calendar[data-v-b4f9e563] .fc-col-header-cell{font-size:14px;font-weight:400;padding:1px}.calendar[data-v-b4f9e563] .fc-daygrid-day-number{padding:1px;font-size:14px;font-weight:400;color:#666}.calendar[data-v-b4f9e563] .fc-button{font-size:13px;padding:2px 6px;height:auto;line-height:1.2}.calendar[data-v-b4f9e563] .fc-header-toolbar{margin-bottom:8px}