.payroll-page[data-v-312c0f75]{width:100%}.payroll-page__body[data-v-312c0f75]{height:calc(100vh - 96px);min-height:700px;padding:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;box-sizing:border-box;background:#f5f7fb}.card-shell[data-v-312c0f75]{background:#fff;border:1px solid #edf1f7;border-radius:10px;box-shadow:0 4px 14px rgba(15,23,42,.04)}.payroll-toolbar[data-v-312c0f75]{padding:10px 12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:12px}.payroll-toolbar__left[data-v-312c0f75]{gap:10px}.payroll-toolbar__left[data-v-312c0f75],.payroll-toolbar__right[data-v-312c0f75]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.payroll-toolbar__right[data-v-312c0f75]{gap:8px}.month-switch[data-v-312c0f75]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px}.month-switch__picker[data-v-312c0f75]{width:120px}.payroll-toolbar__search[data-v-312c0f75]{width:260px}.payroll-summary[data-v-312c0f75]{padding:10px 12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.summary-item[data-v-312c0f75]{padding:10px 12px;border-radius:8px;background:#f8fafc;border:1px solid #eef2f7}.summary-item__label[data-v-312c0f75]{font-size:12px;line-height:18px;color:#6b7280}.summary-item__value[data-v-312c0f75]{margin-top:6px;font-size:18px;line-height:24px;font-weight:700;color:#111827}.payroll-table[data-v-312c0f75]{-ms-flex:1;flex:1;min-height:0;padding:10px;overflow:hidden}.payroll-table__box[data-v-312c0f75]{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:0}.payroll-table__main[data-v-312c0f75]{-ms-flex:1;flex:1}.payroll-table__footer[data-v-312c0f75]{height:54px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:12px 2px 0;color:#4b5563;font-size:13px}.payroll-table__footer-amount[data-v-312c0f75]{font-size:18px;font-weight:700;color:#111827}.salary-input[data-v-312c0f75]{width:100%}.salary-input--days[data-v-312c0f75]{max-width:72px}.money-text[data-v-312c0f75]{display:inline-block;font-weight:700;color:#111827}.config-drawer[data-v-312c0f75]{padding:0 20px 20px}.config-drawer__head[data-v-312c0f75]{padding-bottom:18px;border-bottom:1px solid #eef2f7}.config-drawer__title[data-v-312c0f75]{font-size:20px;line-height:28px;font-weight:700;color:#111827}.config-drawer__desc[data-v-312c0f75]{margin-top:6px;font-size:13px;line-height:20px;color:#6b7280}.preset-section[data-v-312c0f75]{margin-top:20px}.config-group__title[data-v-312c0f75],.preset-section__title[data-v-312c0f75],.preview-panel__title[data-v-312c0f75]{font-size:14px;line-height:22px;font-weight:600;color:#111827}.preset-cards[data-v-312c0f75]{margin-top:12px;display:grid;grid-template-columns:1fr;gap:10px}.preset-card[data-v-312c0f75]{padding:14px 14px 12px;border:1px solid #e8eef8;border-radius:10px;background:#f8fafc;cursor:pointer;transition:all .2s ease}.preset-card[data-v-312c0f75]:hover{border-color:#bcd3ff;background:#f3f7ff}.preset-card__title[data-v-312c0f75]{font-size:14px;line-height:22px;font-weight:600;color:#111827}.preset-card__desc[data-v-312c0f75]{margin-top:4px;font-size:12px;line-height:18px;color:#6b7280}.config-group[data-v-312c0f75]{margin-top:20px}.config-list[data-v-312c0f75]{margin-top:10px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px}.config-item[data-v-312c0f75]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid #eef2f7;background:#fff}.config-item__main[data-v-312c0f75]{min-width:0;-ms-flex:1;flex:1}.config-item__title-row[data-v-312c0f75]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.config-item__title[data-v-312c0f75]{font-size:14px;line-height:22px;color:#111827;font-weight:600}.config-item__desc[data-v-312c0f75]{margin-top:4px;font-size:12px;line-height:18px;color:#6b7280}.config-item__badge[data-v-312c0f75]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:#f3f4f6;color:#6b7280;font-size:12px}.config-item__badge--required[data-v-312c0f75]{background:#eef4ff;color:#3d82f3}.preview-panel[data-v-312c0f75]{margin-top:22px;padding:14px;border-radius:10px;background:#f8fafc;border:1px solid #eef2f7}.preview-panel__meta[data-v-312c0f75]{margin-top:6px;font-size:12px;line-height:18px;color:#6b7280}.preview-tags[data-v-312c0f75]{margin-top:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.preview-tag[data-v-312c0f75]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#fff;border:1px solid #e5edf8;color:#111827;font-size:12px}.config-drawer__footer[data-v-312c0f75]{margin-top:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;gap:8px}[data-v-312c0f75] .payroll-config-drawer .el-drawer__header{margin-bottom:0;padding:16px 20px 0}[data-v-312c0f75] .payroll-config-drawer .el-drawer__body{overflow-y:auto}[data-v-312c0f75] .el-input-number .el-input__inner,[data-v-312c0f75] .el-input__inner,[data-v-312c0f75] .el-range-editor.el-input__inner{border-radius:8px}[data-v-312c0f75] .payroll-table .el-table{height:100%}[data-v-312c0f75] .payroll-table .el-table__footer-wrapper td,[data-v-312c0f75] .payroll-table .el-table__header-wrapper th{background:#f8fafc;color:#4b5563;font-weight:600}[data-v-312c0f75] .payroll-config-drawer .el-drawer__body::-webkit-scrollbar,[data-v-312c0f75] .payroll-table .el-table__body-wrapper::-webkit-scrollbar{width:10px;height:10px}[data-v-312c0f75] .payroll-config-drawer .el-drawer__body::-webkit-scrollbar-thumb,[data-v-312c0f75] .payroll-table .el-table__body-wrapper::-webkit-scrollbar-thumb{box-shadow:inset 0 1px 3px #bfbfbf;border-radius:10px;background-color:#bfbfbf}@media(max-width:1400px){.payroll-summary[data-v-312c0f75]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1200px){.payroll-page__body[data-v-312c0f75]{min-height:auto;height:auto}.payroll-toolbar[data-v-312c0f75]{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.payroll-toolbar__left[data-v-312c0f75],.payroll-toolbar__right[data-v-312c0f75],.payroll-toolbar__search[data-v-312c0f75]{width:100%}.payroll-summary[data-v-312c0f75]{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-table[data-v-312c0f75]{min-height:560px}}