.kpi-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
.kpi-card, .erp-metric-card {
    position: relative; overflow: hidden; min-height: 142px; background: var(--erp-surface);
    border: 1px solid var(--erp-border); border-radius: var(--erp-radius); padding: 1rem; box-shadow: var(--erp-shadow-soft);
}
.kpi-card::after, .erp-metric-card::after { content: ""; position: absolute; width: 140px; height: 140px; right: -54px; top: -54px; border-radius: 50%; background: rgba(36,84,214,.08); }
.kpi-icon, .metric-icon { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; margin-bottom: .85rem; }
.kpi-card p, .erp-metric-card span { margin: 0; color: var(--erp-muted); font-size: .86rem; font-weight: 650; }
.kpi-card h3, .erp-metric-card strong { display: block; margin: .22rem 0; font-size: 1.65rem; font-weight: 800; color: var(--erp-text); }
.kpi-meta, .erp-metric-card small { display: flex; justify-content: space-between; align-items: center; color: var(--erp-muted); font-size: .8rem; }
.module-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1rem; }
.module-card { position: relative; min-height: 150px; padding: 1rem; border: 1px solid var(--erp-border); border-radius: var(--erp-radius); background: var(--erp-surface); color: var(--erp-text); box-shadow: var(--erp-shadow-soft); transition: transform var(--erp-transition), box-shadow var(--erp-transition); }
.module-card:hover { transform: translateY(-3px); box-shadow: var(--erp-shadow); color: var(--erp-text); }
.module-icon { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; background: rgba(36,84,214,.12); color: var(--erp-primary); margin-bottom: .8rem; }
.module-card strong { display: block; font-size: 1rem; }
.module-card small { color: var(--erp-muted); }
.module-arrow { position: absolute; right: 1rem; bottom: 1rem; color: var(--erp-muted); }