.page-container.svelte-gauvw2{padding:2rem;max-width:1400px;margin:0 auto}.page-header.svelte-gauvw2{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-left.svelte-gauvw2 h1:where(.svelte-gauvw2){margin:0;font-size:1.75rem;color:#f1f5f9}.subtitle.svelte-gauvw2{color:#94a3b8;margin:.25rem 0 0}.header-actions.svelte-gauvw2{display:flex;gap:.75rem}.period-select.svelte-gauvw2{background:#1e293b;border:1px solid #334155;color:#f1f5f9;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.btn-primary.svelte-gauvw2{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500}.btn-primary.svelte-gauvw2:hover{background:#059669}.stats-row.svelte-gauvw2{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card.svelte-gauvw2{background:#1e293b;border-radius:.75rem;padding:1.25rem;text-align:center;border:1px solid #334155}.stat-value.svelte-gauvw2{display:block;font-size:1.75rem;font-weight:700;color:#10b981}.stat-label.svelte-gauvw2{color:#94a3b8;font-size:.875rem}.quick-links.svelte-gauvw2{display:flex;gap:.75rem;margin-bottom:1.5rem}.quick-link.svelte-gauvw2{background:#1e293b;border:1px solid #334155;color:#f1f5f9;padding:.75rem 1.25rem;border-radius:.5rem;text-decoration:none;font-size:.875rem;transition:border-color .2s}.quick-link.svelte-gauvw2:hover{border-color:#10b981}.payroll-table.svelte-gauvw2{background:#1e293b;border-radius:.75rem;padding:1rem;border:1px solid #334155;overflow-x:auto}table.svelte-gauvw2{width:100%;border-collapse:collapse}th.svelte-gauvw2{text-align:left;padding:.75rem;color:#64748b;font-weight:500;font-size:.75rem;text-transform:uppercase;border-bottom:1px solid #334155}td.svelte-gauvw2{padding:.75rem;border-bottom:1px solid #334155;color:#f1f5f9}tfoot.svelte-gauvw2 td:where(.svelte-gauvw2){border-top:2px solid #334155;border-bottom:none;background:#0f172a}.employee-cell.svelte-gauvw2{display:flex;align-items:center;gap:.75rem}.emp-avatar.svelte-gauvw2{width:32px;height:32px;background:linear-gradient(135deg,#10b981,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:600}.muted.svelte-gauvw2{color:#64748b}.commission.svelte-gauvw2{color:#10b981}.deduction.svelte-gauvw2{color:#ef4444}.net-pay.svelte-gauvw2{font-weight:600;color:#10b981}.status-badge.svelte-gauvw2{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.status-badge.pending.svelte-gauvw2{background:#f59e0b33;color:#f59e0b}