.page-module__dxweaa__container{flex-direction:column;gap:24px;max-width:1400px;animation:.4s ease-out page-module__dxweaa__fadeInUp;display:flex}@keyframes page-module__dxweaa__fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-module__dxweaa__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-module__dxweaa__pageTitle{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:6px;font-size:28px;font-weight:700}.page-module__dxweaa__pageSubtitle{color:var(--text-muted);font-size:14px}.page-module__dxweaa__actions{align-items:center;gap:12px;display:flex}.page-module__dxweaa__monthSelector{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffff08;align-items:center;gap:8px;padding:6px 12px;display:flex}.page-module__dxweaa__monthSelector select{color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;outline:none}.page-module__dxweaa__kpiGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.page-module__dxweaa__kpiCard{border-radius:var(--radius-lg);background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);transition:all var(--transition-base);align-items:center;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.page-module__dxweaa__kpiCard:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-module__dxweaa__kpiIconWrapper{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.page-module__dxweaa__kpiIconWrapper.page-module__dxweaa__net{background:var(--accent-success-bg);color:var(--accent-success)}.page-module__dxweaa__kpiIconWrapper.page-module__dxweaa__gross{background:var(--accent-info-bg);color:var(--accent-info)}.page-module__dxweaa__kpiIconWrapper.page-module__dxweaa__penalty{background:var(--accent-danger-bg);color:var(--accent-danger)}.page-module__dxweaa__kpiIconWrapper.page-module__dxweaa__issues{background:var(--accent-warning-bg);color:var(--accent-warning)}.page-module__dxweaa__kpiInfo{z-index:1;flex-direction:column;gap:4px;display:flex}.page-module__dxweaa__kpiLabel{color:var(--text-muted);font-size:13px;font-weight:500}.page-module__dxweaa__kpiValue{color:var(--text-primary);letter-spacing:-.02em;font-size:22px;font-weight:700}.page-module__dxweaa__tabs{border-bottom:1px solid var(--border-color);gap:4px;padding-bottom:0;display:flex}.page-module__dxweaa__tab{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:14px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 18px;display:flex}.page-module__dxweaa__tab:hover{color:var(--text-secondary)}.page-module__dxweaa__tab.page-module__dxweaa__activeTab{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:0 0;border-top:none;border-left:none;border-right:none}.page-module__dxweaa__payslipGrid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.page-module__dxweaa__payslipCard{border-radius:var(--radius-lg);transition:all var(--transition-base);background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);flex-direction:column;gap:16px;padding:22px;display:flex;position:relative}.page-module__dxweaa__payslipCard:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-3px)}.page-module__dxweaa__payslipHeader{border-bottom:1px dashed #ffffff0f;justify-content:space-between;align-items:flex-start;padding-bottom:14px;display:flex}.page-module__dxweaa__payslipChannel{color:var(--text-primary);font-size:18px;font-weight:700;font-family:var(--font-mono,monospace)}.page-module__dxweaa__payslipEmp{color:var(--text-muted);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.page-module__dxweaa__netAmountContainer{text-align:right}.page-module__dxweaa__netLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:11px;font-weight:600}.page-module__dxweaa__netAmount{color:var(--accent-success);font-size:20px;font-weight:700}.page-module__dxweaa__payslipBody{flex-direction:column;gap:12px;display:flex}.page-module__dxweaa__pillRow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.page-module__dxweaa__detailRow{justify-content:space-between;align-items:center;display:flex}.page-module__dxweaa__detailLabel{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.page-module__dxweaa__detailValue{color:var(--text-primary);font-size:14px;font-weight:600}.page-module__dxweaa__grossValue{color:var(--accent-info)}.page-module__dxweaa__penaltyValue{color:var(--accent-danger)}.page-module__dxweaa__itemsList{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.page-module__dxweaa__itemTag{border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-secondary);background:#ffffff08;gap:4px;padding:3px 8px;font-size:12px;font-weight:500;display:flex}.page-module__dxweaa__itemTag .page-module__dxweaa__itemAmount{color:var(--accent-primary);font-weight:600}.page-module__dxweaa__missBadge{background:var(--accent-danger-bg);color:var(--accent-danger);border-radius:var(--radius-xs);border:1px solid #f8717126;padding:3px 8px;font-size:12px;font-weight:600}.page-module__dxweaa__cleanBadge{background:var(--accent-success-bg);color:var(--accent-success);border-radius:var(--radius-xs);border:1px solid #34d39926;padding:3px 8px;font-size:12px;font-weight:600}.page-module__dxweaa__payslipFooter{border-top:1px solid var(--border-color);justify-content:flex-end;padding-top:14px;display:flex}.page-module__dxweaa__btnOutline{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:13px;font-weight:500;font-family:var(--font-sans);background:0 0;align-items:center;gap:6px;padding:7px 14px;display:flex}.page-module__dxweaa__btnOutline:hover{border-color:var(--border-hover);color:var(--text-primary);background:#ffffff0a}.page-module__dxweaa__timeline{flex-direction:column;gap:12px;max-width:800px;display:flex}.page-module__dxweaa__timelineCard{border-radius:var(--radius-lg);background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);transition:border-color var(--transition-fast);align-items:flex-start;gap:16px;padding:18px;display:flex}.page-module__dxweaa__timelineCard:hover{border-color:var(--border-hover)}.page-module__dxweaa__timelineDate{color:var(--text-muted);min-width:90px;padding-top:4px;font-size:13px;font-weight:600}.page-module__dxweaa__timelineIcon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.page-module__dxweaa__timelineIcon.page-module__dxweaa__miss{background:var(--accent-danger-bg);color:var(--accent-danger)}.page-module__dxweaa__timelineIcon.page-module__dxweaa__exemption{background:var(--accent-success-bg);color:var(--accent-success)}.page-module__dxweaa__timelineContent{flex:1}.page-module__dxweaa__timelineHeader{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.page-module__dxweaa__timelineTitle{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.page-module__dxweaa__timelineChannel{border-radius:var(--radius-xs);border:1px solid var(--border-color);font-size:11px;font-family:var(--font-mono,monospace);background:#ffffff0a;padding:2px 7px}.page-module__dxweaa__timelineDesc{color:var(--text-muted);font-size:13px;line-height:1.5}.page-module__dxweaa__tabContent{animation:.3s ease-out page-module__dxweaa__fadeInUp}.page-module__dxweaa__terminationBadge{background:var(--accent-danger-bg);color:var(--accent-danger);border-radius:var(--radius-full);letter-spacing:.02em;padding:3px 8px;font-size:11px;font-weight:700}