.utm-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.utm-card{min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px;min-height:108px}.utm-card.large{grid-row:span 2;min-height:228px}.utm-card.wide{grid-column:span 2}.utm-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.utm-card-head i{width:7px;height:7px;border-radius:50%;background:var(--muted-2)}.utm-card.good .utm-card-head i{background:var(--green)}.utm-card.warn .utm-card-head i{background:var(--orange)}.utm-card.bad .utm-card-head i{background:var(--red)}.utm-card-value{display:block;margin-top:12px;font-size:24px;line-height:1;font-weight:800;letter-spacing:-.04em}.utm-card.good .utm-card-value{color:var(--green)}.utm-card.bad .utm-card-value{color:var(--red)}.utm-card small{display:block;margin-top:10px;color:var(--muted-2);font-size:10px}.utm-breakdown{display:grid;gap:11px;margin-top:15px}.utm-breakdown-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.utm-breakdown-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.utm-breakdown-row strong{font-size:11px}.utm-breakdown-row small{grid-column:1/-1;margin:0;height:4px;background:var(--surface-3);border-radius:8px;overflow:hidden}.utm-breakdown-row small i{display:block;height:100%;background:var(--yellow);border-radius:inherit}.utm-summary-empty{grid-column:1/-1;padding:32px;border:1px dashed var(--line-strong);color:var(--muted);text-align:center}.metric-grid,.dashboard-grid{display:none}@media(max-width:1100px){.utm-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.utm-summary{grid-template-columns:1fr}.utm-card.wide{grid-column:span 1}.utm-card.large{grid-row:span 1;min-height:180px}}