.tsm-page-metric-tile-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));align-items:stretch;gap:.85rem;width:100%;min-width:0;display:grid}.tsm-page-metric-tile-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=900px){.tsm-page-metric-tile-grid--cols-3{grid-template-columns:1fr}}.tsm-page-metric-tile{border:1px solid var(--settings-border);background:color-mix(in srgb, var(--settings-border) 25%, transparent);min-width:0;color:var(--text);text-align:left;font:inherit;box-sizing:border-box;cursor:default;border-radius:8px;flex-direction:column;margin:0;padding:.65rem .72rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}button.tsm-page-metric-tile{cursor:pointer}button.tsm-page-metric-tile:hover{border-color:var(--control-hover-bg,#fff3)}button.tsm-page-metric-tile:focus-visible{outline:2px solid var(--link,#60a5fa);outline-offset:2px}button.tsm-page-metric-tile:active{transform:scale(.98)}.tsm-page-metric-tile--active{box-shadow:0 0 0 2px color-mix(in srgb, var(--link,#60a5fa) 45%, transparent);border-color:color-mix(in srgb, var(--link,#60a5fa) 55%, var(--settings-border))}.tsm-page-metric-tile--alert-active{border-color:color-mix(in srgb, var(--error,#f87171) 45%, var(--settings-border))}.tsm-page-metric-tile__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .35rem;font-size:.625rem;font-weight:700;line-height:1.2}.tsm-page-metric-tile__values{flex-direction:row;justify-content:space-between;align-items:baseline;gap:.5rem;width:100%;min-width:0;display:flex}.tsm-page-metric-tile__hero{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--link,#fde047) 90%, var(--text));flex-shrink:0;font-size:1.5rem;font-weight:800;line-height:1.05}.tsm-page-metric-tile--money .tsm-page-metric-tile__hero{letter-spacing:-.02em;font-size:clamp(.95rem,2.2vw,1.35rem)}.tsm-page-metric-tile__hero--accent-soft{color:color-mix(in srgb, #93c5fd 88%, var(--text))}.tsm-page-metric-tile__hero--green{color:color-mix(in srgb, #4ade80 92%, var(--text))}.tsm-page-metric-tile__hero--purple{color:color-mix(in srgb, #c084fc 90%, var(--text))}.tsm-page-metric-tile__hero--amber{color:color-mix(in srgb, var(--surface-tint,#fbbf24) 92%, var(--text))}.tsm-page-metric-tile__hero--alert{color:color-mix(in srgb, var(--error,#f87171) 92%, var(--text))}:root[data-theme=light] .tsm-page-metric-tile__hero{color:color-mix(in srgb, #92400e 85%, var(--text))}:root[data-theme=light] .tsm-page-metric-tile__hero--accent-soft{color:color-mix(in srgb, #1d4ed8 92%, var(--text))}:root[data-theme=light] .tsm-page-metric-tile__hero--green{color:color-mix(in srgb, #15803d 92%, var(--text))}:root[data-theme=light] .tsm-page-metric-tile__hero--purple{color:color-mix(in srgb, #6d28d9 90%, var(--text))}:root[data-theme=light] .tsm-page-metric-tile__hero--amber{color:color-mix(in srgb, #b45309 88%, var(--text))}:root[data-theme=light] .tsm-page-metric-tile__hero--alert{color:color-mix(in srgb, #be123c 88%, var(--text))}@media (prefers-color-scheme:light){:root:not([data-theme]) .tsm-page-metric-tile__hero{color:color-mix(in srgb, #92400e 85%, var(--text))}:root:not([data-theme]) .tsm-page-metric-tile__hero--accent-soft{color:color-mix(in srgb, #1d4ed8 92%, var(--text))}}.tsm-page-metric-tile__sub{text-align:right;min-width:0;color:var(--text-muted);margin:0;font-size:.65rem;font-weight:600;line-height:1.15}.tsm-page-metric-tile__sub--amber{color:color-mix(in srgb, var(--surface-tint,#fbbf24) 88%, var(--text-muted))}.tsm-page-metric-tile__sub--blue{color:color-mix(in srgb, #93c5fd 90%, var(--text-muted))}.tsm-page-metric-tile__sub--green{color:color-mix(in srgb, #4ade80 88%, var(--text-muted))}.tsm-page-metric-tile__sub--purple{color:color-mix(in srgb, #c084fc 88%, var(--text-muted))}.tsm-page-metric-tile__sub--rose{color:color-mix(in srgb, #fb7185 86%, var(--text-muted))}.tsm-page-metric-tile__sub--alert{color:color-mix(in srgb, var(--error,#f87171) 88%, var(--text-muted))}.tsm-page-metric-tile__sub--accent{color:color-mix(in srgb, var(--link,#60a5fa) 88%, var(--text-muted))}:root[data-theme=light] .tsm-page-metric-tile__sub--amber{color:color-mix(in srgb, #b45309 82%, var(--text-muted))}:root[data-theme=light] .tsm-page-metric-tile__sub--blue{color:color-mix(in srgb, #1d4ed8 78%, var(--text-muted))}:root[data-theme=light] .tsm-page-metric-tile__sub--green{color:color-mix(in srgb, #15803d 78%, var(--text-muted))}:root[data-theme=light] .tsm-page-metric-tile__sub--purple{color:color-mix(in srgb, #6d28d9 78%, var(--text-muted))}:root[data-theme=light] .tsm-page-metric-tile__sub--rose{color:color-mix(in srgb, #be123c 78%, var(--text-muted))}.tsm-page-metric-tile__badge{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--surface-tint,#f97316) 92%, var(--text));background:color-mix(in srgb, var(--surface-tint,#f97316) 22%, transparent);border:1px solid color-mix(in srgb, var(--surface-tint,#f97316) 45%, transparent);border-radius:4px;flex-shrink:0;padding:.12rem .38rem;font-size:.5625rem;font-weight:800;line-height:1.2;display:inline-block}:root[data-theme=light] .tsm-page-metric-tile__badge{color:color-mix(in srgb, #c2410c 90%, var(--text));background:#fb923c2e;border-color:#ea580c59}.tsm-page-metric-tile__footer{width:100%;min-width:0;margin-top:.45rem}.tsm-page-kpi-caption{color:var(--text-muted);margin:0 0 .65rem;font-size:.8125rem;line-height:1.35}.tsm-page-metric-tile-grid--loading .tsm-page-metric-tile--skeleton{border-color:var(--settings-border);background:linear-gradient(90deg, color-mix(in srgb, var(--settings-border) 20%, transparent) 0%, color-mix(in srgb, var(--settings-border) 35%, transparent) 50%, color-mix(in srgb, var(--settings-border) 20%, transparent) 100%);background-size:200% 100%;min-height:4.25rem;animation:1.2s ease-in-out infinite tsm-page-metric-tile-shimmer}@keyframes tsm-page-metric-tile-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.tsm-page-metric-tile-grid--loading .tsm-page-metric-tile--skeleton{animation:none}button.tsm-page-metric-tile:active{transform:none}}