.kpi-live{border-color:color-mix(in srgb,var(--secondary) 40%,var(--border))}.kpi-live>.btn{margin-top:auto;width:100%}.kpi-dialog{width:min(900px,calc(100% - 24px));max-height:90vh;border:1px solid var(--border);border-radius:20px;padding:0;background:var(--surface-elevated);color:var(--text-primary)}.kpi-dialog::backdrop{background:rgba(8,6,18,.58);backdrop-filter:blur(4px)}.kpi-shell{padding:20px;display:grid;gap:16px}.kpi-shell>header{display:flex;justify-content:space-between;gap:14px}.kpi-shell h2{font-size:1.8rem;margin:.25rem 0}.kpi-shell header p{margin:0;color:var(--text-secondary)}.kpi-close{width:40px;height:40px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text-primary);font-size:1.4rem;cursor:pointer}.kpi-main{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.kpi-main article{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.kpi-main article:last-child{grid-column:1/-1}.kpi-main small,.kpi-main strong,.kpi-main em{display:block}.kpi-main small{color:var(--text-muted);font-size:.68rem}.kpi-main strong{font-size:1.18rem;margin-top:2px}.kpi-main em{font-size:.62rem;font-style:normal;margin-top:4px}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.trend-flat{color:var(--text-muted)}.spark{height:44px;display:flex;gap:3px;align-items:flex-end}.spark i{flex:1;min-width:4px;border-radius:4px 4px 1px 1px;background:linear-gradient(var(--primary),var(--secondary));opacity:.78}.kpi-alerts{display:grid;gap:7px}.kpi-alerts article{padding:11px 12px;border:1px solid var(--border);border-left:5px solid var(--border);border-radius:10px;background:var(--surface)}.kpi-alerts article.good{border-left-color:var(--success)}.kpi-alerts article.warning{border-left-color:var(--warning)}.kpi-alerts article.danger{border-left-color:var(--danger)}.kpi-alerts article.info{border-left-color:var(--primary)}.kpi-alerts p{margin:.2rem 0 0;color:var(--text-secondary);font-size:.76rem;line-height:1.4}@media(max-width:680px){.kpi-main{grid-template-columns:1fr}.kpi-main article:last-child{grid-column:auto}.kpi-main article{grid-template-columns:1fr 90px}.kpi-shell{padding:14px}}