.stat-card{background:var(--color-card);border:1px solid var(--color-border);box-shadow:0 2px 8px var(--color-shadow);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-shadow);z-index:60}.stat-card-header{display:flex;align-items:center;gap:.5rem}.stat-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:rgba(255,94,60,.12);color:var(--color-accent);flex-shrink:0}.stat-card-label{font-size:.875rem;font-weight:500;color:var(--color-muted)}.stat-card-value{font-size:2rem;font-weight:700;line-height:1;color:var(--color-content-text)}.stat-card-value.tone-accent{color:var(--color-accent)}.stat-card-value.tone-success{color:var(--color-success)}.stat-card-value.tone-warn{color:var(--color-warn)}.stat-card-value.tone-danger{color:var(--color-danger)}.stat-card-loading{height:32px;display:flex;align-items:center}.spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;display:inline-block;animation:stat-card-spin .6s linear infinite}@keyframes stat-card-spin{to{transform:rotate(1turn)}}.stat-card-trend{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;color:var(--color-muted)}.stat-card-trend.trend-up{color:var(--color-success)}.stat-card-trend.trend-down{color:var(--color-danger)}.stat-card-trend.trend-neutral{color:var(--color-muted)}.trend-arrow{font-size:.875rem;line-height:1}.trend-value{font-weight:600}.trend-label{color:var(--color-muted);margin-left:.25rem;font-weight:500}.stat-card-sub{font-size:.8rem;color:var(--color-muted)}.stat-card-extra{margin-top:.5rem}@media (max-width:480px){.stat-card{padding:1.25rem}.stat-card-value{font-size:1.5rem}}.skeleton-card{background:var(--color-card,rgba(0,0,0,.03));border:1px solid var(--color-border,rgba(0,0,0,.06));border-radius:8px;padding:1rem;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line{height:12px;border-radius:4px;background:var(--color-border,rgba(0,0,0,.08));margin-bottom:.5rem}.skeleton-line.short{width:40%}.skeleton-line.medium{width:65%}.skeleton-line.long{width:90%}.skeleton-stat-value{height:28px;width:60px;border-radius:4px;background:var(--color-border,rgba(0,0,0,.08));margin-top:.5rem}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.skeleton-card{animation:none}}