2 lines
7.8 KiB
CSS
2 lines
7.8 KiB
CSS
.registration-stats[data-v-ef0d9631]{--ink: #17243a;--muted: #778598;--line: #e3e9ef;--canvas: #f4f6f8;--teal: #139a8c;--blue: #4f78e5;min-height:100%;padding:18px;color:var(--ink);background:var(--canvas)}.page-heading[data-v-ef0d9631],.filter-strip[data-v-ef0d9631],.panel[data-v-ef0d9631],.metric-card[data-v-ef0d9631]{border:1px solid var(--line);background:#fff}.page-heading[data-v-ef0d9631]{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:14px 18px;border-radius:13px}.heading-copy[data-v-ef0d9631],.heading-actions[data-v-ef0d9631],.filter-item[data-v-ef0d9631],.name-cell[data-v-ef0d9631],.chart-legend[data-v-ef0d9631]{display:flex;align-items:center}.heading-copy[data-v-ef0d9631]{gap:12px}.heading-mark[data-v-ef0d9631]{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;color:#fff;background:var(--teal);box-shadow:0 8px 20px #139a8c2e;font-size:20px}h1[data-v-ef0d9631],h2[data-v-ef0d9631],p[data-v-ef0d9631]{margin:0}h1[data-v-ef0d9631]{font-size:20px;line-height:1.3;letter-spacing:.01em}h2[data-v-ef0d9631]{font-size:15px;line-height:1.4}.heading-copy p[data-v-ef0d9631],.panel-heading p[data-v-ef0d9631]{margin-top:4px;color:var(--muted);font-size:12px}.heading-actions[data-v-ef0d9631]{gap:12px;color:var(--muted);font-size:12px}.scope-chip[data-v-ef0d9631]{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #cbe8e3;border-radius:7px;color:#127f75;background:#f1faf8}.filter-strip[data-v-ef0d9631]{display:flex;align-items:center;gap:22px;margin-top:14px;padding:11px 14px;border-radius:11px}.filter-item[data-v-ef0d9631]{gap:9px;color:#68778b;font-size:13px}.dept-select[data-v-ef0d9631]{width:220px}.employee-select[data-v-ef0d9631]{width:180px}.filter-summary[data-v-ef0d9631]{margin-left:auto;text-align:right}.filter-summary strong[data-v-ef0d9631]{display:block;font-size:13px}.filter-summary span[data-v-ef0d9631]{color:var(--muted);font-size:11px}.metric-grid[data-v-ef0d9631]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.metric-card[data-v-ef0d9631]{display:flex;align-items:center;gap:13px;min-height:114px;padding:18px;border-radius:12px}.metric-icon[data-v-ef0d9631]{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:11px;font-size:20px}.metric-card--teal .metric-icon[data-v-ef0d9631]{color:#107f75;background:#e9f7f5}.metric-card--blue .metric-icon[data-v-ef0d9631]{color:#416bd7;background:#edf1ff}.metric-card--violet .metric-icon[data-v-ef0d9631]{color:#7257c7;background:#f2efff}.metric-card--amber .metric-icon[data-v-ef0d9631]{color:#bc7428;background:#fff4e7}.metric-card span[data-v-ef0d9631]{display:block;color:#748296;font-size:13px}.metric-card strong[data-v-ef0d9631]{display:block;margin:4px 0 2px;font-size:27px;line-height:1.15}.metric-card small[data-v-ef0d9631]{color:#8b98a8;font-size:11px}.metric-card small.is-up[data-v-ef0d9631],.rate-text.is-up[data-v-ef0d9631]{color:#17956f}.metric-card small.is-down[data-v-ef0d9631],.rate-text.is-down[data-v-ef0d9631]{color:#e25858}.panel[data-v-ef0d9631]{margin-top:14px;border-radius:12px;overflow:hidden}.panel-heading[data-v-ef0d9631]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:15px 16px 13px}.panel-badge[data-v-ef0d9631]{padding:4px 8px;border-radius:6px;color:#758497;background:#f2f5f7;font-size:11px}.stats-table[data-v-ef0d9631]{--el-table-header-bg-color: #f7f9fb;--el-table-border-color: #e7ecf1}.stats-table[data-v-ef0d9631] th.el-table__cell{height:42px;color:#68778b;font-weight:500}.stats-table[data-v-ef0d9631] td.el-table__cell{height:47px}.stats-table[data-v-ef0d9631] .el-table__row--level-0{background:#fafcfd}.name-cell[data-v-ef0d9631]{gap:9px}.name-cell em[data-v-ef0d9631]{color:#8d99a7;font-size:11px;font-style:normal;font-weight:400}.name-cell.is-department strong[data-v-ef0d9631]{font-weight:700}.name-cell[data-v-ef0d9631] .el-avatar{color:#167e75;background:#e8f5f3;font-size:11px}.dept-dot[data-v-ef0d9631]{width:8px;height:8px;border-radius:3px;background:var(--teal)}.status-pill[data-v-ef0d9631]{display:inline-flex;align-items:center;gap:5px;color:#218d71;font-size:12px}.status-pill i[data-v-ef0d9631]{width:6px;height:6px;border-radius:50%;background:#34b38d}.rate-text[data-v-ef0d9631]{font-size:12px}.rate-text.is-neutral[data-v-ef0d9631]{color:#8b98a8}.target-layout[data-v-ef0d9631]{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(480px,1.2fr);border-top:1px solid #edf1f4}.target-summary[data-v-ef0d9631]{display:flex;flex-direction:column;justify-content:center;padding:24px 22px;border-right:1px solid #edf1f4}.target-numbers[data-v-ef0d9631]{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.target-numbers span[data-v-ef0d9631]{display:block;color:var(--muted);font-size:12px}.target-numbers strong[data-v-ef0d9631]{display:block;margin-top:5px;font-size:20px}.target-numbers .is-teal[data-v-ef0d9631]{color:var(--teal)}.target-summary p[data-v-ef0d9631]{margin-top:9px;color:var(--muted);font-size:11px}.target-summary .target-empty[data-v-ef0d9631]{color:#b17832}.target-chart-wrap[data-v-ef0d9631]{position:relative;min-height:238px;padding:10px 14px 4px}.target-chart[data-v-ef0d9631]{width:100%;height:225px}.chart-legend[data-v-ef0d9631]{position:absolute;z-index:2;top:11px;right:18px;gap:6px;color:#778598;font-size:11px}.chart-legend i[data-v-ef0d9631]{width:18px;height:3px;margin-left:8px;border-radius:2px}.chart-legend .actual[data-v-ef0d9631]{background:var(--teal)}.chart-legend .target[data-v-ef0d9631]{background:repeating-linear-gradient(90deg,var(--blue) 0 5px,transparent 5px 8px)}.ranking-grid[data-v-ef0d9631]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ranking-panel[data-v-ef0d9631]{min-height:286px}.ranking-list[data-v-ef0d9631]{padding:2px 16px 16px}.ranking-row[data-v-ef0d9631]{display:grid;grid-template-columns:30px minmax(86px,.8fr) minmax(64px,1fr) auto;align-items:center;gap:10px;min-height:43px;border-top:1px solid #eff2f5}.ranking-row>b[data-v-ef0d9631]{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;color:#8491a1;background:#f1f4f6;font-size:11px}.ranking-row>b.is-top[data-v-ef0d9631]{color:#fff;background:var(--teal)}.ranking-list--blue .ranking-row>b.is-top[data-v-ef0d9631]{background:var(--blue)}.ranking-row>span[data-v-ef0d9631]{overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ranking-row small[data-v-ef0d9631]{margin-left:6px;color:#939eab;font-size:10px;font-weight:400}.ranking-row>strong[data-v-ef0d9631]{text-align:right;font-size:12px}.rank-track[data-v-ef0d9631]{height:7px;overflow:hidden;border-radius:5px;background:#edf1f4}.rank-track i[data-v-ef0d9631]{display:block;height:100%;border-radius:inherit;background:var(--teal)}.ranking-list--blue .rank-track i[data-v-ef0d9631]{background:var(--blue)}.department-table[data-v-ef0d9631]{border-top:1px solid #edf1f4}.data-note[data-v-ef0d9631]{display:flex;align-items:center;gap:6px;padding:11px 2px 2px;color:#8b97a6;font-size:11px}@media (max-width: 1180px){.filter-strip[data-v-ef0d9631]{align-items:flex-start;flex-wrap:wrap}.filter-summary[data-v-ef0d9631]{margin-left:0}.target-layout[data-v-ef0d9631]{grid-template-columns:1fr}.target-summary[data-v-ef0d9631]{border-right:0;border-bottom:1px solid #edf1f4}}@media (max-width: 820px){.registration-stats[data-v-ef0d9631]{padding:10px}.page-heading[data-v-ef0d9631]{align-items:flex-start;flex-direction:column}.heading-actions[data-v-ef0d9631]{flex-wrap:wrap}.update-time[data-v-ef0d9631]{display:none}.metric-grid[data-v-ef0d9631],.ranking-grid[data-v-ef0d9631]{grid-template-columns:1fr}.filter-item[data-v-ef0d9631]{width:100%;justify-content:space-between}.dept-select[data-v-ef0d9631],.employee-select[data-v-ef0d9631]{width:calc(100% - 52px)}.filter-item--time[data-v-ef0d9631]{justify-content:flex-start}.target-numbers[data-v-ef0d9631]{grid-template-columns:1fr}}
|