.analytics-grid .insight-card { min-height: 370px; }
.expense-content, .profit-content { grid-template-columns: 176px minmax(0, 1fr); align-items: start; }
.donut-block { display: grid; justify-items: center; gap: 10px; }
.donut-block .donut { margin: 0; }
.donut-hitmap { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; }
.donut-hitmap path { fill: transparent; cursor: help; }
.donut-hitmap path:hover { fill: #ffffff22; stroke: #fff; stroke-width: 1.5; }
.donut-total { max-width: 180px; color: var(--ink); font-size: 14px; line-height: 1.25; text-align: center; font-variant-numeric: tabular-nums; }
.donut-total small { display: block; margin-top: 3px; color: #8a95ad; font-size: 10px; font-weight: 650; }
.insight-table { min-width: 0; }
.insight-table-head { display: grid; grid-template-columns: minmax(0, 1fr) auto 48px; gap: 9px; padding: 0 8px 7px; border-bottom: 1px solid #dfe6f2; color: #99a4ba; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .035em; }
.insight-table-head span:nth-child(n+2) { text-align: right; }
.insight-list { max-height: 248px; }
.insight-list > div { min-height: 47px; }
.list-label, .product-name { display: flex; align-items: flex-start; gap: 8px; min-width: 0; }
.list-label i, .product-name > i { display: block; flex: 0 0 9px; width: 9px; height: 9px; margin-top: 4px; border-radius: 50%; box-shadow: 0 1px 3px #263c6026; }
.product-name > span { min-width: 0; }
.product-list b:first-child { display: -webkit-box; overflow: hidden; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.25; }
.product-list span small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-list > div { grid-template-columns: minmax(145px, 1fr) minmax(102px, auto) 48px; }
@media (max-width: 760px) { .analytics-grid .insight-card { min-height: 400px; }.expense-content, .profit-content { grid-template-columns: 130px minmax(0, 1fr); }.insight-table-head { font-size: 9px; }.insight-list > div { font-size: 11px; }.product-list > div { grid-template-columns: minmax(120px, 1fr) auto 42px; } }
@media (max-width: 430px) { .analytics-grid .insight-card { min-height: 0; }.expense-content, .profit-content { grid-template-columns: 1fr; }.insight-table { width: 100%; margin-top: 15px; }.donut { margin: auto; } }