.payperiod-container[data-v-40e170e4]{--teal:#17a2b8;--teal-light:#d1ecf1;--teal-dark:#0c7489;--red:#dc3545;--red-light:#f8d7da;--orange:#ffc107;--orange-light:#fff3cd;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-700:#495057;--gray-900:#212529;--radius:8px;--shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--gray-700);background:#fff}.modal-mode[data-v-40e170e4]{background:#fff}.action-bar[data-v-40e170e4]{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:var(--radius);margin-bottom:1rem}.action-left[data-v-40e170e4],.action-right[data-v-40e170e4]{display:flex;gap:.5rem}.action-center[data-v-40e170e4]{flex:1;display:flex;justify-content:center;align-items:center;gap:.5rem}.action-center .form-label[data-v-40e170e4]{margin-bottom:0;font-weight:700;font-size:.875rem}.mode-badge[data-v-40e170e4]{font-size:.8rem;padding:.35rem .75rem;font-weight:500;display:inline-flex;align-items:center;line-height:1.2}.main-card[data-v-40e170e4]{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--gray-200);overflow:hidden;background:#fff}.card-section[data-v-40e170e4]{padding:1.5rem;border-bottom:1px solid var(--gray-200);background:#fff}.card-section[data-v-40e170e4]:last-of-type{border-bottom:none}.section-header[data-v-40e170e4]{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--teal);padding-bottom:.75rem;margin-bottom:1rem}.section-title[data-v-40e170e4]{color:var(--teal);font-weight:600;font-size:1rem;margin:0;display:flex;align-items:center}.form-group[data-v-40e170e4]{margin-bottom:0}.form-label[data-v-40e170e4]{font-weight:700;color:var(--gray-700);font-size:.875rem;margin-bottom:.5rem;display:block;text-align:left}.custom-input[data-v-40e170e4],.custom-select[data-v-40e170e4]{border-radius:.2rem;border:1px solid var(--gray-400);transition:all .2s ease;background:#fff}.custom-input[data-v-40e170e4]:focus,.custom-select[data-v-40e170e4]:focus{border-color:var(--teal);box-shadow:0 0 0 .2rem rgba(23,162,184,.15)}.custom-input[data-v-40e170e4]::-moz-placeholder{color:var(--gray-500);font-style:italic}.custom-input[data-v-40e170e4]::placeholder{color:var(--gray-500);font-style:italic}.card-section-modal[data-v-40e170e4]{padding:1rem;border-bottom:1px solid var(--gray-200)}.card-section-modal[data-v-40e170e4]:last-child{border-bottom:none}.section-title-modal[data-v-40e170e4]{color:var(--teal);font-weight:600;font-size:1rem;margin-bottom:1rem;display:flex;align-items:center}.info-box[data-v-40e170e4]{padding:.875rem 1rem;border-radius:6px;display:flex;align-items:flex-start;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.info-box-primary[data-v-40e170e4]{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.info-box .b-icon[data-v-40e170e4]{flex-shrink:0;margin-top:.125rem}.modal-section[data-v-40e170e4]{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:1rem;margin-bottom:1rem}.modal-section[data-v-40e170e4]:last-child{margin-bottom:0}.modal-section-title[data-v-40e170e4]{color:#17a2b8;font-size:.9rem;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #17a2b8;padding-bottom:.5rem}.modal-section .form-group[data-v-40e170e4]{margin-bottom:0}.modal-danger .modal-body-custom[data-v-40e170e4],.modal-info .modal-body-custom[data-v-40e170e4],.modal-primary .modal-body-custom[data-v-40e170e4],.modal-secondary .modal-body-custom[data-v-40e170e4],.modal-success .modal-body-custom[data-v-40e170e4],.modal-warning .modal-body-custom[data-v-40e170e4]{background:#f8f9fa!important}.modal-body-custom .modal-section .custom-select[data-v-40e170e4],.modal-body-custom .modal-section .form-control[data-v-40e170e4],.modal-body-custom .modal-section input.form-control[data-v-40e170e4],.modal-body-custom .modal-section select.custom-select[data-v-40e170e4],.modal-body-custom .modal-section select.form-control[data-v-40e170e4]{background:#fff!important;border:1px solid #ced4da!important;border-radius:.2rem!important;transition:all .2s ease!important}.modal-body-custom .modal-section .custom-select[data-v-40e170e4]:focus,.modal-body-custom .modal-section .form-control[data-v-40e170e4]:focus,.modal-body-custom .modal-section input.form-control[data-v-40e170e4]:focus,.modal-body-custom .modal-section select.form-control[data-v-40e170e4]:focus{border-color:#17a2b8!important;box-shadow:0 0 0 .2rem rgba(23,162,184,.15)!important}.modal-body-custom .modal-section .custom-select[data-v-40e170e4]:hover:not(:focus),.modal-body-custom .modal-section .form-control[data-v-40e170e4]:hover:not(:focus),.modal-body-custom .modal-section input.form-control[data-v-40e170e4]:hover:not(:focus),.modal-body-custom .modal-section select.form-control[data-v-40e170e4]:hover:not(:focus){border-color:#adb5bd!important}.info-box-warning[data-v-40e170e4]{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.info-box-info[data-v-40e170e4]{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.info-box ul[data-v-40e170e4]{padding-left:1.5rem}.info-box ul li[data-v-40e170e4]{margin:.25rem 0}.info-field[data-v-40e170e4]{display:flex;flex-direction:column;padding:.5rem;background:#f8f9fa;border-radius:4px;margin-bottom:.5rem}.info-label[data-v-40e170e4]{font-size:.75rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-40e170e4]{font-size:.95rem;color:#212529;font-weight:500;margin-top:.25rem}.deletion-ranges-grid[data-v-40e170e4]{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem}.deletion-range-item[data-v-40e170e4]{display:inline-flex;align-items:center;gap:.5rem;background:#fff8e1;border:1px solid #ffeaa7;border-radius:6px;padding:.35rem .75rem;width:auto}.range-index[data-v-40e170e4]{flex-shrink:0}.range-dates[data-v-40e170e4]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.range-date-block[data-v-40e170e4]{display:flex;flex-direction:column}.range-date-label[data-v-40e170e4]{font-size:.7rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.range-date-value[data-v-40e170e4]{font-size:.9rem;color:#212529;font-weight:600;white-space:nowrap}.range-arrow[data-v-40e170e4]{color:#856404;flex-shrink:0}@media (max-width:576px){.range-dates[data-v-40e170e4]{flex-direction:column;align-items:flex-start;gap:.4rem}.range-arrow[data-v-40e170e4]{transform:rotate(90deg)}}.totals-summary[data-v-40e170e4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem;margin-top:.75rem}.summary-item[data-v-40e170e4]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:#fff8e1;border:1px solid #ffeaa7;border-radius:8px;padding:.75rem .5rem;text-align:center}.summary-badge[data-v-40e170e4]{font-size:1.1rem;padding:.35rem .75rem;font-weight:700;min-width:40px;text-align:center}.summary-label[data-v-40e170e4]{font-size:.78rem;color:#856404;font-weight:500;line-height:1.2}.totals-loading-overlay[data-v-40e170e4]{position:absolute;inset:0;background:hsla(0,0%,100%,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;z-index:10;min-height:80px}@media (max-width:768px){.totals-summary[data-v-40e170e4]{grid-template-columns:1fr}}@media (max-width:991px){.payperiod-container[data-v-40e170e4]{padding:1rem}.action-bar[data-v-40e170e4]{flex-direction:column;align-items:stretch;gap:.75rem}.action-center[data-v-40e170e4],.action-left[data-v-40e170e4],.action-right[data-v-40e170e4]{justify-content:center}}@media (max-width:768px){.action-left[data-v-40e170e4],.action-right[data-v-40e170e4]{flex-wrap:wrap}.card-section[data-v-40e170e4]{padding:1rem}.section-header[data-v-40e170e4]{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width:576px){.payperiod-container[data-v-40e170e4]{padding:.5rem}.section-title-modal[data-v-40e170e4],.section-title[data-v-40e170e4]{font-size:.95rem}.form-label[data-v-40e170e4]{font-size:.8rem}}.modal-section .form-control,.modal-section input.form-control,.modal-section select.form-control{background:#fff!important;border:1px solid #ced4da!important;border-radius:.2rem!important;transition:all .2s ease!important}.modal-section .form-control:focus{border-color:#17a2b8!important;box-shadow:0 0 0 .2rem rgba(23,162,184,.15)!important}.modal-section .form-control:hover:not(:focus){border-color:#adb5bd!important}