.page-box[data-v-2e953739]{background-color:#f5f7fa;min-height:100vh;padding-bottom:20px}.card-list-container[data-v-2e953739]{padding:16px;min-height:700px}.card-grid[data-v-2e953739]{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.salary-card[data-v-2e953739]{background:#fff;border-radius:16px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.06);overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #e8e8e8}.salary-card[data-v-2e953739]:hover{-webkit-box-shadow:0 8px 24px rgba(0,0,0,.1);box-shadow:0 8px 24px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card-header[data-v-2e953739]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f70,#ff9233);color:#fff}.card-header[data-v-2e953739],.header-left[data-v-2e953739]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left[data-v-2e953739]{gap:12px}.month-badge[data-v-2e953739]{background:hsla(0,0%,100%,.25);padding:4px 14px;border-radius:20px;font-size:15px;font-weight:600;letter-spacing:1px}.emp-name[data-v-2e953739]{font-size:15px;font-weight:600;opacity:.95}.seq-badge[data-v-2e953739]{background:hsla(0,0%,100%,.15);padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.card-body[data-v-2e953739]{padding:16px 20px}.section[data-v-2e953739]{margin-bottom:16px}.section[data-v-2e953739]:last-child{margin-bottom:0}.summary-row[data-v-2e953739]{-ms-flex-pack:distribute;justify-content:space-around;padding:16px;background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:12px;border:1px solid #e8e8e8}.summary-item[data-v-2e953739],.summary-row[data-v-2e953739]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.summary-item[data-v-2e953739]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;-webkit-box-flex:1;-ms-flex:1;flex:1}.divider[data-v-2e953739]{width:1px;height:40px;background:#e8e8e8}.summary-label[data-v-2e953739]{font-size:13px;color:#8c8c8c}.summary-value[data-v-2e953739]{font-size:22px;font-weight:700;font-family:DIN Alternate,Helvetica Neue,monospace}.summary-value.plan[data-v-2e953739]{color:#f70}.real[data-v-2e953739]{color:#6dc741}.view-detail-btn[data-v-2e953739]{background:linear-gradient(135deg,#f70,#ff9233);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(255,119,0,.3);box-shadow:0 4px 12px rgba(255,119,0,.3);border:none;border-radius:20px;padding:10px 28px;font-size:14px;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.view-detail-btn[data-v-2e953739]:hover{background:linear-gradient(135deg,#ff9233,#f70);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(255,119,0,.4);box-shadow:0 4px 12px rgba(255,119,0,.4)}.view-detail-btn .el-icon[data-v-2e953739]{-webkit-transform:translateY(4px);transform:translateY(4px);margin-right:6px;font-size:18px}[data-v-2e953739] .salary-detail-dialog{border-radius:16px;overflow:hidden}[data-v-2e953739] .salary-detail-dialog .el-dialog__header{background:linear-gradient(135deg,#f70,#ff9233);padding:16px 20px;margin-right:0}[data-v-2e953739] .salary-detail-dialog .el-dialog__body{background-color:#fff;padding:0;max-height:70vh;overflow-y:auto}[data-v-2e953739] .salary-detail-dialog .el-dialog__title{color:#fff;font-weight:600;font-size:16px}[data-v-2e953739] .salary-detail-dialog .el-dialog__headerbtn .el-dialog__close{color:#fff;font-weight:700}[data-v-2e953739] .salary-detail-dialog .el-dialog__headerbtn:hover .el-dialog__close{color:#f0f0f0}.detail-dialog-content[data-v-2e953739]{padding:20px}.dialog-header-info[data-v-2e953739]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #fff1e6}.dialog-month-badge[data-v-2e953739]{background:linear-gradient(135deg,#f70,#ff9233);color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.dialog-emp-name[data-v-2e953739]{font-size:16px;font-weight:600;color:#666}.dialog-section[data-v-2e953739]{margin-bottom:20px;background:#fafbfc;border-radius:12px;padding:16px}.dialog-section-title[data-v-2e953739]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:15px;font-weight:600;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e8e8e8;color:#f70}.dialog-section-icon[data-v-2e953739]{font-size:18px}.dialog-amount-list[data-v-2e953739]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.dialog-amount-item[data-v-2e953739]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 12px;background:#fff;border-radius:8px;-webkit-transition:background .2s ease;transition:background .2s ease}.dialog-amount-item[data-v-2e953739]:hover{background:#f5f5f5}.dialog-amount-label[data-v-2e953739]{font-size:13px;color:#666}.dialog-amount-value[data-v-2e953739]{font-size:14px;font-weight:600;font-family:DIN Alternate,Helvetica Neue,monospace}.dialog-amount-value.positive[data-v-2e953739]{color:#f70}.dialog-amount-value.negative[data-v-2e953739]{color:#f56c6c}.dialog-subtotal[data-v-2e953739]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:12px;padding:12px 16px;background:-webkit-gradient(linear,left top,right top,from(#fff1e6),to(#ffe4cc));background:linear-gradient(90deg,#fff1e6,#ffe4cc);border-radius:8px;border-left:4px solid #f70}.dialog-subtotal-label[data-v-2e953739]{font-size:14px;font-weight:600;color:#f70}.dialog-subtotal-value[data-v-2e953739]{font-size:18px;font-weight:700;color:#f70;font-family:DIN Alternate,Helvetica Neue,monospace}.dialog-summary-section[data-v-2e953739]{margin-top:4px}.dialog-summary-row[data-v-2e953739]{-ms-flex-pack:distribute;justify-content:space-around;padding:16px;background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:12px;border:1px solid #e8e8e8}.dialog-summary-item[data-v-2e953739],.dialog-summary-row[data-v-2e953739]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dialog-summary-item[data-v-2e953739]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;-webkit-box-flex:1;-ms-flex:1;flex:1}.dialog-divider[data-v-2e953739]{width:1px;height:40px;background:#e8e8e8}.dialog-summary-label[data-v-2e953739]{font-size:13px;color:#8c8c8c}.dialog-summary-value[data-v-2e953739]{font-size:22px;font-weight:700;font-family:DIN Alternate,Helvetica Neue,monospace}.dialog-summary-value.plan[data-v-2e953739]{color:#f70}.dialog-summary-value.real[data-v-2e953739]{color:#6dc741}.empty-state[data-v-2e953739]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:16px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.06)}.empty-state img[data-v-2e953739]{width:120px;height:120px;margin-bottom:16px;opacity:.6}.empty-text[data-v-2e953739]{font-size:14px;color:#bfbfbf}.pagination-wrapper[data-v-2e953739]{padding:0 16px 20px}@media screen and (max-width:768px){.card-grid[data-v-2e953739]{grid-template-columns:1fr}.summary-row[data-v-2e953739]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.divider[data-v-2e953739]{width:60%;height:1px}[data-v-2e953739] .salary-detail-dialog{width:90%!important}}