.panel[data-v-78190452]{margin:12px 0;padding:12px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.panel-head[data-v-78190452]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.panel-head h3[data-v-78190452]{margin:0;color:#172033;font-size:15px;font-weight:600}.panel-head span[data-v-78190452]{color:#8a94a6;font-size:12px}.admin-attendance-head[data-v-78190452]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.admin-attendance-head>div[data-v-78190452]:first-child{min-width:0}.quick-range[data-v-78190452]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.attendance-overview-grid[data-v-78190452]{display:grid;grid-template-columns:repeat(6,minmax(108px,1fr));gap:8px;margin-bottom:10px}.overview-card[data-v-78190452]{min-height:58px;padding:8px 10px;background:#f8fafc;border:1px solid #e5e9f0;border-radius:4px}.overview-card span[data-v-78190452]{display:block;color:#6b7280;font-size:12px}.overview-card strong[data-v-78190452]{display:block;margin-top:5px;color:#172033;font-size:19px;line-height:1.1}.overview-card.success strong[data-v-78190452]{color:#16a085}.overview-card.working strong[data-v-78190452]{color:#2f80ed}.overview-card.danger strong[data-v-78190452]{color:#dc2626}.overview-card.muted strong[data-v-78190452]{color:#64748b}.attendance-dashboard[data-v-78190452]{display:grid;grid-template-columns:260px minmax(0,1fr) 340px;gap:12px}.attendance-daily-box[data-v-78190452],.attendance-status-box[data-v-78190452],.attendance-user-box[data-v-78190452]{min-width:0;padding:10px;background:#f8fafc;border:1px solid #e5e9f0;border-radius:4px}.mini-title[data-v-78190452]{margin-bottom:8px;color:#172033;font-size:13px;font-weight:600}.status-row[data-v-78190452]{display:grid;grid-template-columns:78px minmax(0,1fr) 36px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;min-height:32px}.status-row .ant-tag[data-v-78190452]{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:74px;min-width:0;margin-right:0;text-align:center}.status-row b[data-v-78190452]{color:#374151;font-weight:500;text-align:right;white-space:nowrap}.bar-track[data-v-78190452]{min-width:0;height:8px;overflow:hidden;background:#eef2f7;border-radius:8px}.bar-track i[data-v-78190452]{display:block;height:100%;background:#2f80ed;border-radius:8px}.attendance-chart-row[data-v-78190452]{display:grid;grid-template-columns:46px minmax(0,1fr) 48px;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:28px;color:#4b5563;font-size:12px}.attendance-chart-row label[data-v-78190452]{margin:0;color:#6b7280;font-weight:400}.attendance-chart-row b[data-v-78190452]{color:#172033;font-weight:500;text-align:right}.admin-chart-row[data-v-78190452]{grid-template-columns:46px minmax(0,1fr) 54px 82px}.admin-chart-row span[data-v-78190452]{color:#64748b;font-size:12px;text-align:right;white-space:nowrap}.user-attendance-row[data-v-78190452]{display:grid;grid-template-columns:78px 82px minmax(0,1fr);gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:28px;border-bottom:1px solid #eef2f7;color:#4b5563;font-size:12px}.user-attendance-row[data-v-78190452]:last-child{border-bottom:0}.user-attendance-row em[data-v-78190452],.user-attendance-row strong[data-v-78190452]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-attendance-row strong[data-v-78190452]{color:#172033;font-weight:600}.user-attendance-row span[data-v-78190452]{white-space:nowrap}.user-attendance-row em[data-v-78190452]{color:#64748b;font-style:normal}@media (max-width:1400px){.attendance-overview-grid[data-v-78190452]{grid-template-columns:repeat(3,minmax(120px,1fr))}.attendance-dashboard[data-v-78190452]{grid-template-columns:1fr}}@media (max-width:900px){.attendance-overview-grid[data-v-78190452]{grid-template-columns:repeat(2,minmax(120px,1fr))}.admin-chart-row[data-v-78190452]{grid-template-columns:46px minmax(0,1fr) 54px}.admin-chart-row span[data-v-78190452]{display:none}.user-attendance-row[data-v-78190452]{grid-template-columns:72px 74px minmax(0,1fr)}}@media (max-width:600px){.panel-head[data-v-78190452]{display:block}.quick-range[data-v-78190452]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:8px}.attendance-overview-grid[data-v-78190452]{grid-template-columns:repeat(2,minmax(0,1fr))}.user-attendance-row[data-v-78190452]{grid-template-columns:minmax(68px,.8fr) minmax(72px,.8fr) minmax(120px,1.4fr);overflow-x:auto}}.attendance-compact-range[data-v-a5ac9710]{display:grid;gap:8px}.panel[data-v-09865d4b]{margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.panel-head[data-v-09865d4b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.panel-head h3[data-v-09865d4b]{margin:0;color:#172033;font-size:15px;font-weight:600}.attendance-application-actions[data-v-09865d4b]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.muted-text[data-v-09865d4b]{color:#9ca3af;font-size:12px}.attendance-confirm-box[data-v-76b2366e]{display:grid;gap:12px}.attendance-confirm-row[data-v-76b2366e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #f0f2f5}.attendance-confirm-metrics span[data-v-76b2366e],.attendance-confirm-row span[data-v-76b2366e]{color:#6b7280;font-size:12px}.attendance-confirm-row strong[data-v-76b2366e]{color:#172033;font-weight:600;text-align:right}.attendance-confirm-metrics[data-v-76b2366e]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.attendance-confirm-metrics div[data-v-76b2366e]{display:grid;gap:4px;min-width:0;padding:10px;background:#f8fafc;border:1px solid #e5e9f0;border-radius:4px}.attendance-confirm-metrics strong[data-v-76b2366e]{color:#172033;font-size:18px;line-height:1.2;overflow-wrap:anywhere}.attendance-confirm-metrics .confirm-ok[data-v-76b2366e]{color:#237a4b}.attendance-confirm-metrics .confirm-miss[data-v-76b2366e]{color:#c53b3b}.attendance-confirm-box p[data-v-76b2366e]{margin:0;color:#6b7280;font-size:12px}@media (max-width:480px){.attendance-confirm-metrics[data-v-76b2366e]{grid-template-columns:1fr}}.panel[data-v-bcf5e068]{margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.panel-head[data-v-bcf5e068]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.panel-head h3[data-v-bcf5e068]{margin:0;color:#172033;font-size:15px;font-weight:600}.panel-head span[data-v-bcf5e068]{color:#8a94a6;font-size:12px}.attendance-filter[data-v-bcf5e068]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}@media (max-width:600px){.attendance-filter[data-v-bcf5e068] .ant-calendar-picker{max-width:100%}}.attendance-rule-tip[data-v-5cbf1b36]{display:grid;gap:8px;margin-bottom:12px;padding:10px;color:#4b5563;background:#f8fafc;border:1px solid #e5e9f0;border-radius:4px}.attendance-rule-tip strong[data-v-5cbf1b36]{margin-right:4px;color:#172033}.current-ip[data-v-5cbf1b36]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.attendance-rule-field[data-v-5cbf1b36]{margin-bottom:12px}.attendance-rule-field label[data-v-5cbf1b36]{display:block;margin-bottom:6px;color:#172033;font-weight:600}.attendance-rule-head[data-v-5cbf1b36]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;margin-bottom:8px}.attendance-rule-head>span[data-v-5cbf1b36]{color:#172033;font-weight:600}.attendance-rule-add[data-v-5cbf1b36]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.attendance-rule-sub[data-v-5cbf1b36]{margin:-2px 0 8px;color:#8a94a6;font-size:12px}@media (max-width:640px){.attendance-rule-head[data-v-5cbf1b36]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.attendance-rule-add[data-v-5cbf1b36]{width:100%}}.rule-toolbar[data-v-582bd988]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;margin-bottom:10px;color:#6b7280;font-size:12px}.rule-toolbar span[data-v-582bd988]{min-width:0;line-height:1.6}.rule-toolbar .ant-btn[data-v-582bd988]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.role-weight-toolbar[data-v-582bd988]{margin-top:14px}.rule-section-title[data-v-582bd988]{margin:4px 0 8px;color:#172033;font-size:13px;font-weight:600}@media (max-width:600px){.rule-toolbar[data-v-582bd988]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.panel[data-v-d3f86ca8]{margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.panel-head[data-v-d3f86ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.panel-head h3[data-v-d3f86ca8]{margin:0;color:#172033;font-size:15px;font-weight:600}.panel-head span[data-v-d3f86ca8]{color:#8a94a6;font-size:12px}.service-form[data-v-d3f86ca8]{padding:8px;background:#f8fafc;border:1px solid #e5e9f0;border-radius:4px}.service-form[data-v-d3f86ca8] .ant-form-item{margin-bottom:8px}.service-summary[data-v-d3f86ca8]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.service-summary div[data-v-d3f86ca8]{min-height:54px;padding:8px;background:#f8fafc;border:1px solid #e5e9f0;border-radius:4px}.service-summary span[data-v-d3f86ca8]{display:block;color:#6b7280;font-size:12px}.service-summary b[data-v-d3f86ca8]{display:block;margin-top:4px;color:#172033;font-size:18px;font-weight:600}.service-record-head[data-v-d3f86ca8]{margin:12px 0 8px}.service-filter[data-v-d3f86ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.service-record-table[data-v-d3f86ca8]{margin-top:8px}@media (max-width:900px){.service-summary[data-v-d3f86ca8]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.service-field[data-v-d3f86ca8]{width:100%}.service-filter[data-v-d3f86ca8] .ant-calendar-picker{max-width:100%}}.panel[data-v-73b0e636]{min-width:0;margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.panel-head[data-v-73b0e636]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;margin-bottom:8px}.panel-head h3[data-v-73b0e636]{margin:0;color:#172033;font-size:15px;font-weight:600}.panel-head span[data-v-73b0e636]{color:#8a94a6;font-size:12px;text-align:right}.log-analysis-layout[data-v-73b0e636]{display:grid;grid-template-columns:320px minmax(0,1fr);gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.analysis-column[data-v-73b0e636]{display:grid;gap:10px}.donut-card[data-v-73b0e636]{min-height:196px;padding:10px;background:#f8fafc;border:1px solid #e5e9f0;border-radius:4px}.donut-title[data-v-73b0e636]{color:#172033;font-size:13px;font-weight:600}.donut-body[data-v-73b0e636]{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px}.donut[data-v-73b0e636]{position:relative;width:104px;height:104px;border-radius:50%}.donut[data-v-73b0e636]:after{position:absolute;inset:23px;content:"";background:#f8fafc;border-radius:50%}.donut span[data-v-73b0e636]{position:absolute;inset:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#172033;font-size:20px;font-weight:600}.donut-legend[data-v-73b0e636]{min-width:0;max-height:136px;overflow:auto}.legend-row[data-v-73b0e636]{display:grid;grid-template-columns:10px minmax(0,1fr) 36px;gap:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:24px;color:#4b5563;font-size:12px}.legend-row i[data-v-73b0e636]{width:8px;height:8px;border-radius:50%}.legend-row span[data-v-73b0e636]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-row b[data-v-73b0e636]{color:#172033;font-weight:500;text-align:right}.attendance-chart-card[data-v-73b0e636]{min-height:178px}.attendance-chart[data-v-73b0e636]{margin-top:10px}.attendance-chart-row[data-v-73b0e636]{display:grid;grid-template-columns:46px minmax(0,1fr) 48px;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:28px;color:#4b5563;font-size:12px}.attendance-chart-row label[data-v-73b0e636]{margin:0;color:#6b7280;font-weight:400}.attendance-chart-row b[data-v-73b0e636]{color:#172033;font-weight:500;text-align:right}.bar-track[data-v-73b0e636]{min-width:0;height:8px;overflow:hidden;background:#eef2f7;border-radius:8px}.bar-track i[data-v-73b0e636]{display:block;height:100%;background:#2f80ed;border-radius:8px}.log-table[data-v-73b0e636]{min-width:0}@media (max-width:1400px){.log-analysis-layout[data-v-73b0e636]{grid-template-columns:1fr}.analysis-column[data-v-73b0e636]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.analysis-column[data-v-73b0e636]{grid-template-columns:1fr}}@media (max-width:600px){.panel[data-v-73b0e636]{padding:10px}.panel-head[data-v-73b0e636]{display:block}.panel-head span[data-v-73b0e636]{display:block;margin-top:4px;text-align:left}.donut-body[data-v-73b0e636]{grid-template-columns:96px minmax(0,1fr)}.donut[data-v-73b0e636]{width:96px;height:96px}}.monthly-panel[data-v-576c55f0]{margin-top:12px;margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.panel-head[data-v-576c55f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;margin-bottom:10px}.panel-head h3[data-v-576c55f0]{margin:0;color:#172033;font-size:15px;font-weight:600}.panel-head span[data-v-576c55f0]{color:#8a94a6;font-size:12px}.monthly-filter[data-v-576c55f0]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.archive-strip[data-v-576c55f0],.monthly-filter[data-v-576c55f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.archive-strip[data-v-576c55f0]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;margin:8px 0 10px;padding:8px 10px;color:#6b7280;background:#f8fafc;border:1px solid #e5e9f0;border-radius:4px;font-size:12px}.archive-strip>div[data-v-576c55f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.archive-strip span[data-v-576c55f0]{color:#172033;font-weight:600}.archive-strip em[data-v-576c55f0]{color:#6b7280;font-style:normal}.monthly-metrics[data-v-576c55f0]{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;margin-bottom:12px}.monthly-card[data-v-576c55f0]{min-height:62px;padding:9px 10px;background:#f8fafc;border:1px solid #e5e9f0;border-radius:4px}.monthly-card em[data-v-576c55f0],.monthly-card span[data-v-576c55f0]{display:block;color:#6b7280;font-size:12px;font-style:normal}.monthly-card strong[data-v-576c55f0]{display:inline-block;margin:4px 4px 0 0;color:#172033;font-size:18px;line-height:1.1}.monthly-card.success strong[data-v-576c55f0]{color:#15803d}.monthly-card.danger strong[data-v-576c55f0]{color:#dc2626}.monthly-card.clickable[data-v-576c55f0]{cursor:pointer}.monthly-card.clickable[data-v-576c55f0]:hover{border-color:#91caff;-webkit-box-shadow:0 2px 10px rgba(22,119,255,.12);box-shadow:0 2px 10px rgba(22,119,255,.12)}.monthly-layout[data-v-576c55f0]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.monthly-layout>div[data-v-576c55f0]{min-width:0}.mini-title[data-v-576c55f0]{margin-bottom:8px;color:#172033;font-size:13px;font-weight:600}.status-row[data-v-576c55f0]{display:grid;grid-template-columns:78px minmax(0,1fr) 36px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;min-height:32px}.status-row .ant-tag[data-v-576c55f0]{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:74px;min-width:0;margin-right:0;overflow:hidden;text-align:center;text-overflow:ellipsis}.bar-track[data-v-576c55f0]{min-width:0;height:8px;overflow:hidden;background:#eef2f7;border-radius:8px}.bar-track i[data-v-576c55f0]{display:block;height:100%;background:#2f80ed;border-radius:8px}.status-row b[data-v-576c55f0]{color:#374151;font-weight:500;text-align:right;white-space:nowrap}.monthly-table-head[data-v-576c55f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;margin-top:12px;padding:8px 10px;background:#fafafa;border:1px solid #f0f0f0;border-radius:4px}.monthly-table-head strong[data-v-576c55f0]{display:block;color:#262626;font-size:13px}.monthly-table-head span[data-v-576c55f0]{color:#8c8c8c;font-size:12px}.monthly-table-actions[data-v-576c55f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;gap:8px}.archive-table[data-v-576c55f0]{margin-top:12px}.archive-table .ant-table-tbody>tr>td[data-v-576c55f0],.archive-table .ant-table-thead>tr>th[data-v-576c55f0]{white-space:nowrap}.monthly-user-cell strong[data-v-576c55f0]{display:block;color:#262626;font-size:12px;line-height:18px}.monthly-user-cell span[data-v-576c55f0]{color:#bfbfbf;font-size:11px}.danger-link[data-v-576c55f0]{color:#cf1322;font-weight:600}.workflow-sub[data-v-576c55f0]{margin-top:2px;color:#dc2626;font-size:12px;line-height:1.25}@media (max-width:1200px){.monthly-metrics[data-v-576c55f0]{grid-template-columns:repeat(4,minmax(100px,1fr))}}@media (max-width:900px){.monthly-table-head[data-v-576c55f0],.panel-head[data-v-576c55f0]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monthly-filter[data-v-576c55f0]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.monthly-layout[data-v-576c55f0]{grid-template-columns:1fr}.monthly-table-actions[data-v-576c55f0]{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width:600px){.archive-strip[data-v-576c55f0]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monthly-metrics[data-v-576c55f0]{grid-template-columns:repeat(2,minmax(0,1fr))}}.panel[data-v-d9249e5c]{margin:12px 0;padding:12px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.panel-head[data-v-d9249e5c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.panel-head h3[data-v-d9249e5c]{margin:0;color:#172033;font-size:15px;font-weight:600}.panel-head span[data-v-d9249e5c]{color:#8a94a6;font-size:12px}.monthly-rank-list[data-v-d9249e5c]{display:grid;gap:2px}.monthly-rank-row[data-v-d9249e5c]{display:grid;grid-template-columns:24px minmax(72px,1fr) 70px;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:34px;border-bottom:1px solid #eef2f7;font-size:12px}.monthly-rank-row[data-v-d9249e5c]:last-child{border-bottom:0}.monthly-rank-row span[data-v-d9249e5c]{color:#64748b}.monthly-rank-row em[data-v-d9249e5c],.monthly-rank-row small[data-v-d9249e5c],.monthly-rank-row strong[data-v-d9249e5c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monthly-rank-row strong[data-v-d9249e5c]{color:#172033}.monthly-rank-row em[data-v-d9249e5c]{color:#15803d;font-style:normal;text-align:right}.monthly-rank-row small[data-v-d9249e5c]{grid-column:2/4;color:#6b7280}.metric-grid[data-v-e89860b0]{display:grid;grid-template-columns:repeat(8,minmax(108px,1fr));gap:10px;margin-top:12px}.metric[data-v-e89860b0]{min-height:82px;padding:12px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.metric em[data-v-e89860b0],.metric span[data-v-e89860b0]{display:block;color:#6b7280;font-style:normal}.metric strong[data-v-e89860b0]{display:inline-block;margin:8px 4px 0 0;color:#111827;font-size:22px;line-height:1.1}@media (max-width:1400px){.metric-grid[data-v-e89860b0]{grid-template-columns:repeat(4,minmax(120px,1fr))}}@media (max-width:900px){.metric-grid[data-v-e89860b0]{grid-template-columns:repeat(2,minmax(120px,1fr))}}.notice-panel[data-v-2f9c4af0]{margin-bottom:10px;background:#fff8e6;border:1px solid #f2d28c;border-radius:4px}.notice-row[data-v-2f9c4af0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(214,154,38,.18)}.notice-row[data-v-2f9c4af0]:last-child{border-bottom:none}.notice-icon[data-v-2f9c4af0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 26px;flex:0 0 26px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:26px;height:26px;background:#fff1b8;border-radius:4px}.notice-body[data-v-2f9c4af0]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.notice-title[data-v-2f9c4af0]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:13px}.notice-content[data-v-2f9c4af0]{margin-top:4px;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.performance-toolbar[data-v-0cd6c407]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;min-width:0;padding:12px 14px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.toolbar-heading[data-v-0cd6c407]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-width:0}.page-title[data-v-0cd6c407]{color:#172033;font-size:20px;font-weight:600}.page-sub[data-v-0cd6c407]{margin-top:4px;overflow:hidden;color:#6b7280;text-overflow:ellipsis;white-space:nowrap}.toolbar-filters[data-v-0cd6c407]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px;min-width:0}.date-filter[data-v-0cd6c407]{width:240px}.user-filter[data-v-0cd6c407]{width:160px}@media (max-width:900px){.performance-toolbar[data-v-0cd6c407]{display:block}.toolbar-filters[data-v-0cd6c407]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:10px}}@media (max-width:600px){.date-filter[data-v-0cd6c407],.user-filter[data-v-0cd6c407]{width:100%}}.notice-manage-layout[data-v-1548f8d8]{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px}.notice-history-layout[data-v-1548f8d8]{grid-template-columns:minmax(0,1fr)}.notice-editor[data-v-1548f8d8],.notice-list-box[data-v-1548f8d8]{min-width:0}.notice-editor[data-v-1548f8d8]{padding:12px;background:#f8fafc;border:1px solid #e5e9f0;border-radius:4px}.notice-editor-title[data-v-1548f8d8],.notice-list-head[data-v-1548f8d8]{margin-bottom:10px;color:#172033;font-weight:600}.notice-switch-row[data-v-1548f8d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:12px;-ms-flex-wrap:wrap;flex-wrap:wrap}.notice-color-option[data-v-1548f8d8]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.notice-color-option i[data-v-1548f8d8]{width:12px;height:12px;border:1px solid rgba(0,0,0,.12);border-radius:50%}.notice-editor-actions[data-v-1548f8d8],.notice-list-head[data-v-1548f8d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px}.notice-table-title[data-v-1548f8d8]{color:#172033;font-weight:600;line-height:1.4}.notice-table-sub[data-v-1548f8d8]{color:#8a94a6;font-size:12px;line-height:1.4}.notice-table-content[data-v-1548f8d8]{max-height:96px;overflow:auto;color:#3b4658;line-height:1.55;white-space:pre-wrap;word-break:break-word}.danger-link[data-v-1548f8d8]{color:#f5222d}.muted-text[data-v-1548f8d8]{color:#8a94a6}@media (max-width:768px){.notice-manage-layout[data-v-1548f8d8]{grid-template-columns:minmax(0,1fr)}}.reward-penalty-panel[data-v-8a651822]{margin-top:12px;margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.panel-head[data-v-8a651822]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;margin-bottom:10px}.panel-head h3[data-v-8a651822]{margin:0;color:#172033;font-size:15px;font-weight:600}.panel-head span[data-v-8a651822]{color:#8a94a6;font-size:12px}.reward-summary[data-v-8a651822]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.reward-summary-item[data-v-8a651822]{display:grid;grid-template-columns:minmax(70px,1fr) auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:64px;padding:10px 12px;border:1px solid #e5e9f0;border-left-width:3px;background:#fafbfc}.reward-summary-item.reward[data-v-8a651822]{border-left-color:#2f855a}.reward-summary-item.penalty[data-v-8a651822]{border-left-color:#cf3f3f}.reward-summary-item.net[data-v-8a651822]{border-left-color:#2f6f9f}.reward-summary-item span[data-v-8a651822]{color:#596273;font-size:13px}.reward-summary-item strong[data-v-8a651822]{grid-row:span 2;color:#172033;font-size:21px;font-variant-numeric:tabular-nums}.reward-summary-item em[data-v-8a651822]{color:#8a94a6;font-size:12px;font-style:normal}.reward-money[data-v-8a651822],.reward-summary-item .positive[data-v-8a651822]{color:#237a4b}.penalty-money[data-v-8a651822],.reward-summary-item .negative[data-v-8a651822]{color:#c53b3b}.reward-reason[data-v-8a651822]{overflow:hidden;color:#374151;text-overflow:ellipsis;white-space:nowrap}.reward-reason .ant-tag[data-v-8a651822]{margin-right:6px}.score-preview[data-v-8a651822]{margin-top:4px;color:#c53b3b;font-size:12px;line-height:1.4}.danger-link[data-v-8a651822]{color:#f5222d}@media (max-width:900px){.reward-summary[data-v-8a651822]{grid-template-columns:1fr}}@media (max-width:480px){.panel-head[data-v-8a651822]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.panel[data-v-2b5eda52]{margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.panel-head[data-v-2b5eda52]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.panel-head h3[data-v-2b5eda52]{margin:0;color:#172033;font-size:15px;font-weight:600}.panel-head span[data-v-2b5eda52]{color:#8a94a6;font-size:12px}.rank-item[data-v-2b5eda52]{display:grid;grid-template-columns:28px minmax(0,1fr) 78px;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:42px;border-bottom:1px solid #eef2f7}.rank-item>div[data-v-2b5eda52]{min-width:0}.rank-item[data-v-2b5eda52]:last-child{border-bottom:0}.rank-no[data-v-2b5eda52]{width:22px;height:22px;color:#fff;line-height:22px;text-align:center;background:#2f80ed;border-radius:50%}.rank-item small[data-v-2b5eda52],.rank-item strong[data-v-2b5eda52]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-item strong[data-v-2b5eda52]{color:#172033}.rank-item small[data-v-2b5eda52]{color:#8a94a6}.rank-item em[data-v-2b5eda52]{color:#4b5563;font-style:normal;text-align:right}.wecom-tip[data-v-5105653b]{margin-bottom:12px;padding:10px 12px;color:#4b5563;background:#f7fbff;border:1px solid #d7e8ff;border-radius:4px;line-height:1.6}.wecom-tip strong[data-v-5105653b]{color:#172033}.wecom-form .ant-form-item[data-v-5105653b]{margin-bottom:12px}.wecom-actions[data-v-5105653b],.wecom-status[data-v-5105653b]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.wecom-actions[data-v-5105653b]{margin-top:4px}.wecom-status[data-v-5105653b]{gap:16px;margin-top:12px;color:#6b7280;font-size:12px}.panel[data-v-8d4ae6bc]{margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.panel-head[data-v-8d4ae6bc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.panel-head h3[data-v-8d4ae6bc]{margin:0;color:#172033;font-size:15px;font-weight:600}.panel-head span[data-v-8d4ae6bc]{color:#8a94a6;font-size:12px}.bar-row[data-v-8d4ae6bc]{display:grid;grid-template-columns:48px minmax(0,1fr) 64px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;height:32px}.bar-row label[data-v-8d4ae6bc]{min-width:0;overflow:hidden;color:#6b7280;text-overflow:ellipsis;white-space:nowrap}.bar-row b[data-v-8d4ae6bc]{color:#374151;font-weight:500;text-align:right;white-space:nowrap}.bar-track[data-v-8d4ae6bc]{min-width:0;height:8px;overflow:hidden;background:#eef2f7;border-radius:8px}.bar-track i[data-v-8d4ae6bc]{display:block;height:100%;background:#2f80ed;border-radius:8px}.panel[data-v-fd7ba1c6]{min-width:0;margin-bottom:12px;padding:12px 12px 10px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.panel-head[data-v-fd7ba1c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;margin-bottom:8px}.panel-head h3[data-v-fd7ba1c6]{margin:0;color:#172033;font-size:15px;font-weight:600}.panel-head span[data-v-fd7ba1c6]{color:#8a94a6;font-size:12px}.workflow-actions[data-v-fd7ba1c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px;color:#6b7280;font-size:12px;text-align:right}.workflow-metrics[data-v-fd7ba1c6]{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;margin-bottom:10px}.workflow-metrics div[data-v-fd7ba1c6]{min-height:58px;padding:8px 10px;background:#f8fafc;border:1px solid #e5e9f0;border-radius:4px}.workflow-metrics span[data-v-fd7ba1c6]{display:block;color:#6b7280;font-size:12px}.workflow-metrics strong[data-v-fd7ba1c6]{display:block;margin-top:5px;color:#172033;font-size:19px;line-height:1.1}.workflow-metrics .danger strong[data-v-fd7ba1c6]{color:#dc2626}.workflow-layout[data-v-fd7ba1c6]{display:grid;grid-template-columns:290px minmax(0,1fr);gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.workflow-side[data-v-fd7ba1c6]{display:grid;gap:10px}.mini-title[data-v-fd7ba1c6]{color:#172033;font-size:13px;font-weight:600}.status-row[data-v-fd7ba1c6]{display:grid;grid-template-columns:78px minmax(0,1fr) 44px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;min-height:32px}.status-row .ant-tag[data-v-fd7ba1c6]{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:74px;margin-right:0;text-align:center}.status-row b[data-v-fd7ba1c6]{color:#374151;font-weight:500;text-align:right}.bar-track[data-v-fd7ba1c6]{min-width:0;height:8px;overflow:hidden;background:#eef2f7;border-radius:8px}.bar-track i[data-v-fd7ba1c6]{display:block;height:100%;background:#2f80ed;border-radius:8px}.health-title[data-v-fd7ba1c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px;margin-top:4px}.health-title a[data-v-fd7ba1c6]{font-size:12px;font-weight:400}.health-row[data-v-fd7ba1c6]{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:30px;border-bottom:1px solid #eef2f7;color:#4b5563;font-size:12px;cursor:pointer}.health-row[data-v-fd7ba1c6]:hover{color:#1677ff;background:#f7fbff}.health-row[data-v-fd7ba1c6]:last-child{border-bottom:0}.health-row span[data-v-fd7ba1c6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-row b[data-v-fd7ba1c6]{color:#dc2626;font-weight:600;text-align:right}.workflow-main[data-v-fd7ba1c6]{min-width:0}.workflow-filter[data-v-fd7ba1c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.workflow-table[data-v-fd7ba1c6] .ant-table{table-layout:fixed}.workflow-table[data-v-fd7ba1c6] .ant-table-tbody>tr>td,.workflow-table[data-v-fd7ba1c6] .ant-table-thead>tr>th{vertical-align:middle;white-space:nowrap}.workflow-table[data-v-fd7ba1c6] .ant-table-thead>tr>th{color:#172033;font-weight:600}.workflow-table[data-v-fd7ba1c6] .ant-table-tbody>tr>td{color:#374151}.workflow-table[data-v-fd7ba1c6] .ant-tag{margin-right:0}.workflow-content[data-v-fd7ba1c6]{max-width:520px;overflow:hidden;color:#374151;text-overflow:ellipsis;white-space:nowrap}.workflow-sub[data-v-fd7ba1c6]{margin-top:2px;color:#dc2626;font-size:12px;line-height:1.25}@media (max-width:1400px){.workflow-layout[data-v-fd7ba1c6]{grid-template-columns:1fr}}@media (max-width:900px){.workflow-metrics[data-v-fd7ba1c6]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.panel[data-v-fd7ba1c6]{padding:10px}.panel-head[data-v-fd7ba1c6]{display:block}.workflow-actions[data-v-fd7ba1c6]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:8px;text-align:left}}.health-dialog-body[data-v-7298c8cc]{max-height:calc(100vh - 170px);overflow-y:auto}.health-detail-toolbar[data-v-7298c8cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:10px;color:#6b7280;font-size:12px}.reason-filter[data-v-7298c8cc]{width:210px}.workflow-content[data-v-7298c8cc]{max-width:520px;overflow:hidden;color:#374151;text-overflow:ellipsis;white-space:nowrap}.workflow-sub[data-v-7298c8cc]{margin-top:2px;color:#dc2626;font-size:12px;line-height:1.25}.normal-sub[data-v-7298c8cc]{color:#6b7280}.muted-text[data-v-7298c8cc]{color:#9ca3af;font-size:12px}.health-action-cell[data-v-7298c8cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;line-height:1.4}@media (max-width:600px){.health-detail-toolbar[data-v-7298c8cc]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.reason-filter[data-v-7298c8cc]{width:100%}}.work-order-overview[data-v-69bdc94e]{min-width:0}.panel[data-v-69bdc94e]{margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e9f0;border-radius:4px}.panel-head[data-v-69bdc94e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.panel-head h3[data-v-69bdc94e]{margin:0;color:#172033;font-size:15px;font-weight:600}.panel-head span[data-v-69bdc94e]{color:#8a94a6;font-size:12px}.split-chart[data-v-69bdc94e]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.status-row[data-v-69bdc94e]{display:grid;grid-template-columns:78px minmax(0,1fr) 36px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;min-height:32px}.status-row .ant-tag[data-v-69bdc94e]{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:74px;margin-right:0;text-align:center}.status-row b[data-v-69bdc94e]{color:#374151;font-weight:500;text-align:right;white-space:nowrap}.bar-track[data-v-69bdc94e]{min-width:0;height:8px;overflow:hidden;background:#eef2f7;border-radius:8px}.bar-track i[data-v-69bdc94e]{display:block;height:100%;background:#2f80ed;border-radius:8px}.trend-row[data-v-69bdc94e]{display:grid;grid-template-columns:54px minmax(0,1fr) minmax(0,1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:30px;color:#4b5563}.trend-row label[data-v-69bdc94e],.trend-row span[data-v-69bdc94e]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-row label[data-v-69bdc94e]{color:#6b7280}.ticket-sub[data-v-69bdc94e],.ticket-title[data-v-69bdc94e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-title[data-v-69bdc94e]{color:#172033;font-weight:600}.ticket-sub[data-v-69bdc94e]{margin-top:3px;color:#8a94a6;font-size:12px}@media (max-width:900px){.split-chart[data-v-69bdc94e]{display:block}.trend-chart[data-v-69bdc94e]{margin-top:12px}}@media (max-width:600px){.panel[data-v-69bdc94e]{padding:10px}}.performance-page[data-v-3dab321a]{min-height:calc(100vh - 96px);padding:12px;background:#f5f7fb}.panel[data-v-3dab321a]{background:#fff;border:1px solid #e5e9f0;border-radius:4px}.danger-link[data-v-3dab321a]{color:#f5222d}.content-row[data-v-3dab321a]{margin-top:12px}.panel[data-v-3dab321a]{margin-bottom:12px;padding:12px}.panel-head[data-v-3dab321a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.panel-head h3[data-v-3dab321a]{margin:0;color:#172033;font-size:15px;font-weight:600}.panel-head span[data-v-3dab321a]{color:#8a94a6;font-size:12px}.attendance-filter[data-v-3dab321a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}