2 lines
7.6 KiB
CSS
2 lines
7.6 KiB
CSS
|
b[data-v-00f0eac8]{font-weight:500}.dashboard[data-v-00f0eac8]{--c-primary: #1c2d56;--c-success: #28c76f;--c-warning: #ff9f43;--c-danger: #ea5455;--ink: #101828;--muted: #8a94a6;--line: #eef0f5;display:flex;flex-direction:column;gap:20px;min-width:0}.dash-head[data-v-00f0eac8]{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.dash-head__title[data-v-00f0eac8]{margin:0;font-size:16px;font-weight:500;color:var(--ink)}.dash-head__sub[data-v-00f0eac8]{margin:4px 0 0;color:var(--muted);font-size:13px}.dash-head__date[data-v-00f0eac8]{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--c-primary);font-weight:500;font-size:13px}.panel[data-v-00f0eac8],.kpi[data-v-00f0eac8]{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px #1018280a,0 8px 24px -12px #10182814}.panel[data-v-00f0eac8]{padding:20px;display:flex;flex-direction:column}.panel__head[data-v-00f0eac8]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel__title[data-v-00f0eac8]{margin:0;font-size:16px;font-weight:500;color:var(--ink)}.panel__sub[data-v-00f0eac8]{margin:2px 0 0;font-size:12px;color:var(--muted)}.pill[data-v-00f0eac8]{flex-shrink:0;padding:4px 12px;border-radius:999px;background:#1c2d560f;color:var(--c-primary);font-size:12px;font-weight:500}.dot[data-v-00f0eac8]{width:10px;height:10px;border-radius:50%;flex-shrink:0}.row[data-v-00f0eac8]{display:grid;gap:20px}.row--main[data-v-00f0eac8]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.row--half[data-v-00f0eac8]{grid-template-columns:repeat(2,minmax(0,1fr))}.row--single[data-v-00f0eac8]{grid-template-columns:minmax(0,1fr)}.kpi-grid[data-v-00f0eac8]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.kpi[data-v-00f0eac8]{--tone: var(--c-primary);--tone-bg: rgba(28, 45, 86, .08);position:relative;overflow:hidden;padding:18px 18px 14px;display:flex;flex-direction:column;gap:10px}.kpi[data-v-00f0eac8]:before{content:"";position:absolute;inset-inline-start:0;top:18px;bottom:18px;width:4px;border-radius:4px;background:var(--tone)}.kpi--success[data-v-00f0eac8]{--tone: var(--c-success);--tone-bg: rgba(40, 199, 111, .12)}.kpi--warning[data-v-00f0eac8]{--tone: var(--c-warning);--tone-bg: rgba(255, 159, 67, .14)}.kpi--danger[data-v-00f0eac8]{--tone: var(--c-danger);--tone-bg: rgba(234, 84, 85, .12)}.kpi__top[data-v-00f0eac8]{display:flex;align-items:center;gap:10px}.kpi__icon[data-v-00f0eac8]{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;font-size:16px;color:var(--tone);background:var(--tone-bg)}.kpi__label[data-v-00f0eac8]{font-size:12.5px;color:var(--muted);line-height:1.6}.kpi__value[data-v-00f0eac8]{font-size:16px;font-weight:500;line-height:1.2;color:var(--ink);display:flex;align-items:baseline;gap:6px}.kpi__value small[data-v-00f0eac8]{font-size:13px;font-weight:500;color:var(--muted)}.kpi__value--price[data-v-00f0eac8]{font-size:16px}.kpi__foot[data-v-00f0eac8]{margin-top:auto;padding-top:10px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted)}.kpi__foot b[data-v-00f0eac8]{color:var(--ink);font-weight:500}.kpi__spark[data-v-00f0eac8]{margin:auto -18px -14px}.trend-totals[data-v-00f0eac8]{display:flex;gap:24px;margin-bottom:8px;flex-wrap:wrap}.trend-totals__item[data-v-00f0eac8]{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.trend-totals__item b[data-v-00f0eac8]{font-size:16px;color:var(--ink)}.legend-list[data-v-00f0eac8]{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.legend-list li[data-v-00f0eac8]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f8f9fc;font-size:13px}.legend-list__label[data-v-00f0eac8]{flex:1;color:var(--ink);font-weight:500}.legend-list__meta[data-v-00f0eac8]{color:var(--muted);font-size:12px}.legend-list b[data-v-00f0eac8]{min-width:32px;text-align:left;color:var(--ink)}.metric-lis
|