.monthly-attendance-page .ant-card-body{padding:16px}.monthly-attendance-shell{width:100%}.monthly-attendance-toolbar{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px}.monthly-attendance-filters{display:grid;flex:1;gap:8px;grid-template-columns:minmax(220px,2fr) minmax(120px,1fr) minmax(100px,1fr)}.monthly-attendance-actions{display:flex;flex-shrink:0;gap:8px}.monthly-attendance-events{cursor:pointer;list-style:none;margin:0;padding:0}.monthly-attendance-event{font-size:12px;line-height:1.4;min-width:0}.monthly-attendance-event-row{align-items:center;display:flex;gap:4px;min-width:0;white-space:nowrap}.monthly-attendance-status-dot{border-radius:50%;display:inline-block;flex:0 0 auto;height:6px;width:6px}.monthly-attendance-status-dot.is-success{background:#52c41a}.monthly-attendance-status-dot.is-warning{background:#faad14}.monthly-attendance-event-label{color:#0000008c;flex:0 0 auto}.monthly-attendance-event-time{min-width:0;overflow:hidden;text-overflow:ellipsis}.monthly-attendance-event-hours{display:block;font-size:13px;font-weight:700;margin-top:4px;white-space:nowrap}.monthly-attendance-selected-day{margin-top:12px}.monthly-attendance-selected-list{display:grid;gap:8px}.monthly-attendance-popover-content{display:grid;gap:8px;min-width:220px}.monthly-attendance-popover-item{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.monthly-attendance-popover-item>div{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:8px}.monthly-attendance-selected-label{color:#0000008c;display:block;font-size:12px;margin-bottom:2px}.monthly-attendance-side{display:grid;gap:12px}.monthly-attendance-summary-content{align-items:center;display:flex;gap:8px;justify-content:space-between}.monthly-attendance-summary-title{align-items:center;display:flex;gap:8px;min-width:0}.monthly-attendance-summary-title h4{margin:0}.monthly-attendance-summary-icon{font-size:24px}.monthly-attendance-summary-value{font-size:20px;font-weight:700;white-space:nowrap}.monthly-attendance-out-of-period{display:block;height:100%;opacity:.35}.payroll-calendar-grid{border:1px solid #f0f0f0;border-radius:8px;overflow:hidden}.payroll-calendar-grid__weekdays,.payroll-calendar-grid__row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.payroll-calendar-grid__weekdays{background:#fafafa;border-bottom:1px solid #f0f0f0}.payroll-calendar-grid__weekday{color:#00000073;font-size:14px;font-weight:500;padding:8px 0;text-align:center}.payroll-calendar-grid__row:not(:last-child){border-bottom:1px solid #f0f0f0}.payroll-calendar-grid__cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:0;border-right:1px solid #f0f0f0;cursor:pointer;display:flex;flex-direction:column;min-height:96px;padding:4px 8px 8px;text-align:left;width:100%}.payroll-calendar-grid__cell:last-child{border-right:0}.payroll-calendar-grid__cell:hover{background:#00000005}.payroll-calendar-grid__cell.is-selected{background:#e6f4ff}.payroll-calendar-grid__cell.is-today .payroll-calendar-grid__date{background:#1677ff;border-radius:4px;color:#fff}.payroll-calendar-grid__cell.is-empty{background:#fafafa;cursor:default;min-height:96px}.payroll-calendar-grid__date{display:inline-block;font-size:14px;font-weight:500;line-height:24px;margin-bottom:4px;min-width:24px;text-align:center}.payroll-calendar-grid__content{flex:1;min-height:64px;overflow:visible}.monthly-attendance-legend{width:100%}.monthly-attendance-legend .ant-card-body{align-items:center;display:flex;flex-wrap:wrap;gap:12px}@media (max-width: 768px){.monthly-attendance-page .ant-card-body{padding:0}.monthly-attendance-toolbar{align-items:stretch;flex-direction:column}.monthly-attendance-filters{grid-template-columns:1fr}.monthly-attendance-actions{justify-content:space-between}.monthly-attendance-calendar-card .ant-picker-calendar-header{padding-inline:0}.payroll-calendar-grid__cell,.payroll-calendar-grid__cell.is-empty{min-height:72px;padding:4px 4px 6px}.payroll-calendar-grid__content{min-height:48px}.payroll-calendar-grid__weekday{font-size:11px;padding:6px 0}.payroll-calendar-grid__date{font-size:12px;line-height:20px;min-width:20px}.monthly-attendance-calendar-card .ant-picker-content th,.monthly-attendance-calendar-card .ant-picker-cell{font-size:11px}.monthly-attendance-calendar-card .ant-picker-calendar-date{margin:0;padding:4px 1px}.monthly-attendance-calendar-card .ant-picker-calendar-date-content{height:auto!important;min-height:64px;overflow:visible}.monthly-attendance-event{font-size:9px;line-height:1.25}.monthly-attendance-event-row{gap:2px}.monthly-attendance-event-hours{font-size:10px;margin-top:2px}.monthly-attendance-status-dot{height:5px;width:5px}.monthly-attendance-event-label{font-size:8px}.monthly-attendance-event-time{letter-spacing:-.2px}.monthly-attendance-popover-content{min-width:180px}.monthly-attendance-popover-item{grid-template-columns:1fr}}*{padding:0;margin:0;box-sizing:border-box}.form-search{border-bottom:#f1ecec 1px solid!important;box-sizing:border-box}.table-list{margin-top:20px}.done{color:#17a317;font-size:larger;font-weight:700}.fail{color:#eb2416e7;font-size:larger;font-weight:700}.lds-dual-ring,.lds-dual-ring:after{box-sizing:border-box}.lds-dual-ring{display:inline-block}.lds-dual-ring:after{content:"  ";display:inline-block;width:24px;margin-bottom:-5px;height:24px;margin-top:10px;color:#00f;border-radius:50%;border:6.4px solid currentColor;border-color:currentColor transparent currentColor transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}