.dashboard-trend,.dashboard-trend *{box-sizing:border-box}.dashboard-trend{--dashboard-trend-tone:var(--ui-color-primary-text,#0958d9);--dashboard-trend-soft:#e6f4ff;min-width:0;padding:20px;border:1px solid var(--ui-color-border-secondary,#f0f0f0);border-radius:var(--ui-radius-lg,12px);background:var(--ui-color-surface,#fff);color:var(--ui-color-text,rgba(0,0,0,.88));box-shadow:var(--ui-shadow-card,0 1px 2px rgba(0,0,0,.03));font:14px/1.5715 var(--ui-font-family,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}.dashboard-trend[data-tone="green"]{--dashboard-trend-tone:var(--ui-color-success-text,#237804);--dashboard-trend-soft:#f6ffed}.dashboard-trend[data-tone="purple"]{--dashboard-trend-tone:#722ed1;--dashboard-trend-soft:#f9f0ff}.dashboard-trend[data-tone="orange"]{--dashboard-trend-tone:var(--ui-color-warning-text,#874d00);--dashboard-trend-soft:#fff7e6}.dashboard-trend__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-trend__header>div{min-width:0}.dashboard-trend__header span{color:var(--dashboard-trend-tone);font-size:11px;font-weight:700;letter-spacing:.055em}.dashboard-trend__header h3{margin:4px 0 0;font-family:var(--ui-font-heading,"Mona Sans",Inter,sans-serif);font-size:18px;line-height:1.4}.dashboard-trend__header small{flex:0 0 auto;color:var(--ui-color-text-tertiary,rgba(0,0,0,.45));font-size:12px}.dashboard-trend__summary{display:flex;align-items:baseline;gap:10px;margin-top:16px}.dashboard-trend__summary strong{font-family:var(--ui-font-heading,"Mona Sans",Inter,sans-serif);font-size:26px;line-height:1.25;font-variant-numeric:tabular-nums}.dashboard-trend__summary em{padding:2px 8px;border-radius:999px;background:var(--dashboard-trend-soft);color:var(--dashboard-trend-tone);font-size:12px;font-style:normal;font-weight:600}.dashboard-trend__plot{display:grid;height:190px;grid-template-columns:repeat(12,minmax(12px,1fr));align-items:end;gap:8px;margin-top:18px;padding:18px 0 0;border-top:1px solid var(--ui-color-border-secondary,#f0f0f0);background:repeating-linear-gradient(to bottom,transparent 0,transparent 41px,var(--ui-color-border-secondary,#f0f0f0) 42px)}.dashboard-trend__bar{position:relative;display:grid;height:100%;grid-template-rows:minmax(0,1fr) 20px;align-items:end;justify-items:center;gap:4px}.dashboard-trend__bar i{display:block;width:min(22px,100%);height:var(--dashboard-trend-value,50%);min-height:5px;border-radius:6px 6px 2px 2px;background:linear-gradient(to top,var(--dashboard-trend-tone),color-mix(in srgb,var(--dashboard-trend-tone) 55%,white));transform-origin:bottom;animation:dashboard-trend-rise var(--ui-motion-slow,850ms) var(--ui-motion-ease,cubic-bezier(.2,0,0,1)) both}.dashboard-trend__bar em{color:var(--ui-color-text-tertiary,rgba(0,0,0,.45));font-size:10px;font-style:normal}.dashboard-trend__bar b{position:absolute;top:max(0px,calc(100% - var(--dashboard-trend-value,50%) - 26px));display:none;padding:2px 6px;border-radius:4px;background:var(--ui-color-text,#262626);color:#fff;font-size:10px;white-space:nowrap}.dashboard-trend__bar:hover b{display:block}@keyframes dashboard-trend-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}@media(max-width:767px){.dashboard-trend{padding:16px}.dashboard-trend__header{display:grid}.dashboard-trend__header small{font-size:11px}.dashboard-trend__summary strong{font-size:22px}.dashboard-trend__plot{height:154px;gap:5px}.dashboard-trend__bar i{width:min(16px,100%)}.dashboard-trend__bar em{font-size:9px}}@media(prefers-reduced-motion:reduce){.dashboard-trend__bar i{animation:none}}