:root{--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, .05)}.page-header.svelte-xrwy0e.svelte-xrwy0e{margin-bottom:32px}.page-title.svelte-xrwy0e.svelte-xrwy0e{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:8px}.page-description.svelte-xrwy0e.svelte-xrwy0e{font-size:1.125rem;color:var(--gray-600);margin:0}.stats-grid.svelte-xrwy0e.svelte-xrwy0e{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card.svelte-xrwy0e.svelte-xrwy0e{background:white;border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);display:flex;align-items:center;gap:20px;transition:transform .2s ease}.stat-card.svelte-xrwy0e.svelte-xrwy0e:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon.svelte-xrwy0e.svelte-xrwy0e{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--primary-color);color:#fff}.stat-content.svelte-xrwy0e h3.svelte-xrwy0e{font-size:.875rem;font-weight:500;color:var(--gray-600);margin:0 0 4px}.stat-number.svelte-xrwy0e.svelte-xrwy0e{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 4px}.stat-change.svelte-xrwy0e.svelte-xrwy0e{font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:12px}.stat-change.positive.svelte-xrwy0e.svelte-xrwy0e{background:#dcfce7;color:#166534}.stat-change.negative.svelte-xrwy0e.svelte-xrwy0e{background:#fee2e2;color:#dc2626}.stat-change.warning.svelte-xrwy0e.svelte-xrwy0e{background:#fef3c7;color:#d97706}.stat-change.info.svelte-xrwy0e.svelte-xrwy0e{background:#dbeafe;color:#2563eb}.filters-section.svelte-xrwy0e.svelte-xrwy0e{background:white;border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.date-picker.svelte-xrwy0e.svelte-xrwy0e{display:flex;flex-direction:column;gap:8px}.date-picker.svelte-xrwy0e label.svelte-xrwy0e{font-size:.875rem;font-weight:500;color:var(--gray-700)}.date-picker.svelte-xrwy0e input.svelte-xrwy0e{padding:8px 12px;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;background:white}.filter-controls.svelte-xrwy0e.svelte-xrwy0e{display:flex;gap:12px;align-items:center}.filter-controls.svelte-xrwy0e select.svelte-xrwy0e{padding:8px 12px;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;background:white;min-width:150px}.table-container.svelte-xrwy0e.svelte-xrwy0e{background:white;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden;margin-bottom:32px}.data-table.svelte-xrwy0e.svelte-xrwy0e{width:100%;border-collapse:collapse}.data-table.svelte-xrwy0e th.svelte-xrwy0e{background:var(--gray-50);color:var(--gray-700);font-weight:600;font-size:.875rem;padding:16px;text-align:left;border-bottom:1px solid var(--gray-200)}.data-table.svelte-xrwy0e td.svelte-xrwy0e{padding:16px;border-bottom:1px solid var(--gray-100);font-size:.875rem}.data-table.svelte-xrwy0e tr.svelte-xrwy0e:hover{background:var(--gray-50)}.employee-info.svelte-xrwy0e.svelte-xrwy0e{font-weight:500;color:var(--gray-900)}.employee-details.svelte-xrwy0e.svelte-xrwy0e{display:flex;flex-direction:column;gap:4px}.employee-code.svelte-xrwy0e.svelte-xrwy0e{font-size:.75rem;color:var(--gray-500);font-weight:400;font-family:monospace}.time-cell.svelte-xrwy0e.svelte-xrwy0e{text-align:center}.time.svelte-xrwy0e.svelte-xrwy0e{font-family:monospace;font-weight:500}.time.late.svelte-xrwy0e.svelte-xrwy0e{color:#dc2626;font-weight:600}.hours-cell.svelte-xrwy0e.svelte-xrwy0e{text-align:center}.hours.svelte-xrwy0e.svelte-xrwy0e{font-weight:600;color:var(--gray-900)}.overtime-cell.svelte-xrwy0e.svelte-xrwy0e{text-align:center}.overtime.svelte-xrwy0e.svelte-xrwy0e{font-size:.75rem;font-weight:500}.overtime.has-overtime.svelte-xrwy0e.svelte-xrwy0e{color:#059669;background:#dcfce7;padding:2px 6px;border-radius:4px}.actions.svelte-xrwy0e.svelte-xrwy0e{display:flex;gap:8px}.status-badge.svelte-xrwy0e.svelte-xrwy0e{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.success.svelte-xrwy0e.svelte-xrwy0e{background:#dcfce7;color:#166534}.status-badge.danger.svelte-xrwy0e.svelte-xrwy0e{background:#fee2e2;color:#dc2626}.status-badge.warning.svelte-xrwy0e.svelte-xrwy0e{background:#fef3c7;color:#d97706}.status-badge.info.svelte-xrwy0e.svelte-xrwy0e{background:#dbeafe;color:#2563eb}.status-badge.secondary.svelte-xrwy0e.svelte-xrwy0e{background:#f3f4f6;color:#6b7280}.quick-actions.svelte-xrwy0e.svelte-xrwy0e{background:white;border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.quick-actions.svelte-xrwy0e h3.svelte-xrwy0e{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0 0 20px}.actions-grid.svelte-xrwy0e.svelte-xrwy0e{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-card.svelte-xrwy0e.svelte-xrwy0e{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease}.action-card.svelte-xrwy0e.svelte-xrwy0e:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.action-icon.svelte-xrwy0e.svelte-xrwy0e{width:48px;height:48px;border-radius:12px;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 16px}.action-card.svelte-xrwy0e h4.svelte-xrwy0e{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 8px}.action-card.svelte-xrwy0e p.svelte-xrwy0e{font-size:.875rem;color:var(--gray-600);margin:0}.btn.svelte-xrwy0e.svelte-xrwy0e{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.btn-primary.svelte-xrwy0e.svelte-xrwy0e{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary.svelte-xrwy0e.svelte-xrwy0e:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-icon.svelte-xrwy0e.svelte-xrwy0e{width:32px;height:32px;border-radius:6px;background:var(--gray-100);color:var(--gray-600);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon.svelte-xrwy0e.svelte-xrwy0e:hover{background:var(--blue-100);color:var(--blue-600)}@media (max-width: 768px){.page-title.svelte-xrwy0e.svelte-xrwy0e{font-size:2rem}.stats-grid.svelte-xrwy0e.svelte-xrwy0e{grid-template-columns:1fr}.filters-section.svelte-xrwy0e.svelte-xrwy0e{flex-direction:column;align-items:stretch}.filter-controls.svelte-xrwy0e.svelte-xrwy0e{flex-direction:column}.data-table.svelte-xrwy0e.svelte-xrwy0e{font-size:.75rem}.data-table.svelte-xrwy0e th.svelte-xrwy0e,.data-table.svelte-xrwy0e td.svelte-xrwy0e{padding:8px}.actions-grid.svelte-xrwy0e.svelte-xrwy0e{grid-template-columns:1fr}}.dark .page-title.svelte-xrwy0e.svelte-xrwy0e{color:var(--text-primary)}.dark .page-description.svelte-xrwy0e.svelte-xrwy0e{color:var(--text-secondary)}.dark .stat-card.svelte-xrwy0e.svelte-xrwy0e,.dark .filters-section.svelte-xrwy0e.svelte-xrwy0e,.dark .table-container.svelte-xrwy0e.svelte-xrwy0e,.dark .quick-actions.svelte-xrwy0e.svelte-xrwy0e{background:var(--bg-secondary);border-color:var(--gray-300)}.dark .stat-content.svelte-xrwy0e h3.svelte-xrwy0e{color:var(--text-secondary)}.dark .stat-number.svelte-xrwy0e.svelte-xrwy0e{color:var(--text-primary)}.dark .data-table.svelte-xrwy0e th.svelte-xrwy0e{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--gray-300)}.dark .data-table.svelte-xrwy0e td.svelte-xrwy0e{border-color:var(--gray-300)}.dark .employee-info.svelte-xrwy0e.svelte-xrwy0e{color:var(--text-primary)}.dark .date-picker.svelte-xrwy0e input.svelte-xrwy0e,.dark .filter-controls.svelte-xrwy0e select.svelte-xrwy0e{background:var(--bg-tertiary);border-color:var(--gray-300);color:var(--text-primary)}.dark .btn-icon.svelte-xrwy0e.svelte-xrwy0e{background:var(--bg-tertiary);color:var(--text-secondary)}.dark .action-card.svelte-xrwy0e.svelte-xrwy0e{background:var(--bg-tertiary);border-color:var(--gray-300)}.dark .action-card.svelte-xrwy0e h4.svelte-xrwy0e{color:var(--text-primary)}.dark .action-card.svelte-xrwy0e p.svelte-xrwy0e{color:var(--text-secondary)}.brandkit-light .page-title.svelte-xrwy0e.svelte-xrwy0e{color:var(--brandkit-text-primary)}.brandkit-light .page-description.svelte-xrwy0e.svelte-xrwy0e{color:var(--brandkit-text-secondary)}.brandkit-light .stat-card.svelte-xrwy0e.svelte-xrwy0e,.brandkit-light .filters-section.svelte-xrwy0e.svelte-xrwy0e,.brandkit-light .table-container.svelte-xrwy0e.svelte-xrwy0e,.brandkit-light .quick-actions.svelte-xrwy0e.svelte-xrwy0e{background:var(--brandkit-bg-elevated);border-color:var(--brandkit-border-light)}.brandkit-light .stat-content.svelte-xrwy0e h3.svelte-xrwy0e{color:var(--brandkit-text-secondary)}.brandkit-light .stat-number.svelte-xrwy0e.svelte-xrwy0e{color:var(--brandkit-text-primary)}.brandkit-light .data-table.svelte-xrwy0e th.svelte-xrwy0e{background:var(--brandkit-bg-primary);color:var(--brandkit-text-secondary);border-color:var(--brandkit-border-light)}.brandkit-light .data-table.svelte-xrwy0e td.svelte-xrwy0e{border-color:var(--brandkit-border-light)}.brandkit-light .employee-info.svelte-xrwy0e.svelte-xrwy0e{color:var(--brandkit-text-primary)}.brandkit-light .date-picker.svelte-xrwy0e input.svelte-xrwy0e,.brandkit-light .filter-controls.svelte-xrwy0e select.svelte-xrwy0e{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light);color:var(--brandkit-text-primary)}.brandkit-light .btn-icon.svelte-xrwy0e.svelte-xrwy0e{background:var(--brandkit-bg-primary);color:var(--brandkit-text-secondary)}.brandkit-light .action-card.svelte-xrwy0e.svelte-xrwy0e{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light)}.brandkit-light .action-card.svelte-xrwy0e h4.svelte-xrwy0e{color:var(--brandkit-text-primary)}.brandkit-light .action-card.svelte-xrwy0e p.svelte-xrwy0e{color:var(--brandkit-text-secondary)}.brandkit-dark .page-title.svelte-xrwy0e.svelte-xrwy0e{color:var(--brandkit-text-primary)}.brandkit-dark .page-description.svelte-xrwy0e.svelte-xrwy0e{color:var(--brandkit-text-secondary)}.brandkit-dark .stat-card.svelte-xrwy0e.svelte-xrwy0e,.brandkit-dark .filters-section.svelte-xrwy0e.svelte-xrwy0e,.brandkit-dark .table-container.svelte-xrwy0e.svelte-xrwy0e,.brandkit-dark .quick-actions.svelte-xrwy0e.svelte-xrwy0e{background:var(--brandkit-bg-elevated);border-color:var(--brandkit-border-light)}.brandkit-dark .stat-content.svelte-xrwy0e h3.svelte-xrwy0e{color:var(--brandkit-text-secondary)}.brandkit-dark .stat-number.svelte-xrwy0e.svelte-xrwy0e{color:var(--brandkit-text-primary)}.brandkit-dark .data-table.svelte-xrwy0e th.svelte-xrwy0e{background:var(--brandkit-bg-primary);color:var(--brandkit-text-secondary);border-color:var(--brandkit-border-light)}.brandkit-dark .data-table.svelte-xrwy0e td.svelte-xrwy0e{border-color:var(--brandkit-border-light)}.brandkit-dark .employee-info.svelte-xrwy0e.svelte-xrwy0e{color:var(--brandkit-text-primary)}.brandkit-dark .date-picker.svelte-xrwy0e input.svelte-xrwy0e,.brandkit-dark .filter-controls.svelte-xrwy0e select.svelte-xrwy0e{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light);color:var(--brandkit-text-primary)}.brandkit-dark .btn-icon.svelte-xrwy0e.svelte-xrwy0e{background:var(--brandkit-bg-primary);color:var(--brandkit-text-secondary)}.brandkit-dark .action-card.svelte-xrwy0e.svelte-xrwy0e{background:var(--brandkit-bg-primary);border-color:var(--brandkit-border-light)}.brandkit-dark .action-card.svelte-xrwy0e h4.svelte-xrwy0e{color:var(--brandkit-text-primary)}.brandkit-dark .action-card.svelte-xrwy0e p.svelte-xrwy0e{color:var(--brandkit-text-secondary)}