.trend__head{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--s-4) var(--s-4) 0}.trend__title{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.trend__unit{font-size:var(--fs-xs);color:var(--muted);margin-top:2px}.trend__change{display:inline-flex;align-items:center;gap:var(--s-1);padding:4px var(--s-2);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.trend__change svg{width:15px;height:15px}.trend__change.is-up{background:var(--success-soft);color:var(--success)}.trend__change.is-down{background:var(--danger-soft);color:var(--danger)}.trend__change.is-down svg{transform:scaleY(-1)}.trend__chart{position:relative;padding:var(--s-3) var(--s-2) 0}.trend__chart svg{width:100%;height:150px;display:block}.trend__line{stroke-dasharray:1;stroke-dashoffset:1;animation:trend-draw var(--dur-slow) var(--ease-emph) forwards}.trend__area{animation:trend-fade var(--dur-slow) var(--ease-out) both}.trend__tooltip{position:absolute;transform:translate(-50%,calc(-100% - 10px));display:flex;flex-direction:column;align-items:center;gap:1px;padding:var(--s-1) var(--s-2);border-radius:var(--r-sm);background:var(--ink);color:var(--bg);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-md);z-index:1;animation:trend-fade var(--dur-micro) var(--ease-out)}.trend__tooltip-period{font-size:var(--fs-xs);opacity:.7}.trend__tooltip-value{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.trend__axis{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-4) var(--s-3);font-size:var(--fs-xs);color:var(--muted)}.trend__periods{display:flex;gap:var(--s-6)}@keyframes trend-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes trend-fade{0%{opacity:0}to{opacity:1}}.zc__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-4)}.zc__title{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.zc__metric{font-size:var(--fs-xs);color:var(--muted);padding:3px var(--s-2);border-radius:var(--r-pill);background:var(--surface-3)}.zc__list{display:flex;flex-direction:column;gap:var(--s-4)}.zc__row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:var(--s-3);cursor:pointer;border-radius:var(--r-sm)}.zc__row:hover .zc__value{color:var(--accent)}.zc__row:hover .zc__bar{filter:brightness(1.08)}.zc__row.is-active .zc__value{color:var(--accent)}.zc__row.is-active .zc__bar{opacity:1;filter:brightness(1.12)}.zc__row.is-active .zc__name{color:var(--accent)}.zc__row:first-child .zc__bar{transition-delay:.06s}.zc__row:nth-child(2) .zc__bar{transition-delay:.12s}.zc__row:nth-child(3) .zc__bar{transition-delay:.18s}.zc__row:nth-child(4) .zc__bar{transition-delay:.24s}.zc__row:nth-child(5) .zc__bar{transition-delay:.3s}.zc__row:nth-child(6) .zc__bar{transition-delay:.36s}.zc__row:nth-child(7) .zc__bar{transition-delay:.42s}.zc__row:nth-child(8) .zc__bar{transition-delay:.48s}.zc__label{display:flex;flex-direction:column;min-width:0}.zc__name{font-size:var(--fs-sm);font-weight:var(--fw-medium)}.zc__sub{font-size:var(--fs-xs);color:var(--muted)}.zc__track{height:4px;background:var(--surface-3);overflow:hidden}.zc__bar,.zc__track{border-radius:var(--r-pill)}.zc__bar{height:100%;background:var(--accent);opacity:.5;transition:width var(--dur-slow) var(--ease-emph),filter var(--dur-fast) var(--ease-out)}.zc__bar.is-top{opacity:1}.zc__value{font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-align:right;min-width:72px;transition:color var(--dur-fast) var(--ease-out)}@media(max-width:560px){.zc__row{grid-template-columns:90px 1fr auto}}