.tsm-page-metric-tile-grid{box-sizing:border-box;flex-wrap:wrap;align-items:stretch;gap:.35rem .5rem;width:100%;min-width:0;margin:0;padding:.35rem 0;display:flex}.tsm-page-metric-tile-grid--card{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.85rem;padding:0;display:grid}.tsm-page-metric-tile-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;padding:0;display:grid}.tsm-page-metric-tile-grid--cols-3 .tsm-page-metric-tile--rail{flex:auto;width:100%;min-width:0}@media (width<=900px){.tsm-page-metric-tile-grid:not(.tsm-page-metric-tile-grid--card):not(.tsm-page-metric-tile-grid--cols-3){flex-direction:column;gap:.4rem}.tsm-page-metric-tile-grid--cols-3{grid-template-columns:1fr}}.tsm-page-metric-tile{--tsm-page-metric-accent:color-mix(in srgb, var(--link,#fde047) 90%, var(--text));min-width:0;color:var(--text);text-align:left;font:inherit;box-sizing:border-box;cursor:default;margin:0;display:flex}button.tsm-page-metric-tile{cursor:pointer}button.tsm-page-metric-tile:focus-visible{outline:2px solid var(--link,#60a5fa);outline-offset:2px}.tsm-page-metric-tile--rail{background:0 0;border:none;border-radius:0;flex-direction:row;flex:9rem;align-items:stretch;gap:.75rem;padding:.55rem .85rem .55rem 0;transition:background-color .16s,opacity .16s}button.tsm-page-metric-tile--rail:hover{background:color-mix(in srgb, var(--control-hover-bg,#ffffff14) 55%, transparent)}button.tsm-page-metric-tile--rail:focus-visible{border-radius:8px}button.tsm-page-metric-tile--rail:active{opacity:.92}.tsm-page-metric-tile--rail.tsm-page-metric-tile--active{background:color-mix(in srgb, var(--tsm-page-metric-accent) 7%, transparent);border-radius:10px;padding-left:.55rem}.tsm-page-metric-tile--rail.tsm-page-metric-tile--alert-active{background:color-mix(in srgb, var(--error,#f87171) 7%, transparent);border-radius:10px;padding-left:.55rem}.tsm-page-metric-tile--rail.tsm-page-metric-tile--active .tsm-page-metric-tile__rail,.tsm-page-metric-tile--rail.tsm-page-metric-tile--alert-active .tsm-page-metric-tile__rail{box-shadow:0 0 0 1px color-mix(in srgb, var(--tsm-page-metric-accent) 55%, transparent), 0 0 0 3px color-mix(in srgb, var(--tsm-page-metric-accent) 12%, transparent)}.tsm-page-metric-tile__rail{background:var(--tsm-page-metric-accent);width:5px;min-height:2.75rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--tsm-page-metric-accent) 35%, transparent);border-radius:999px;flex-shrink:0;align-self:stretch;margin:.1rem 0}.tsm-page-metric-tile__body{flex-direction:column;flex:auto;gap:.3rem;min-width:0;padding:.1rem 0;display:flex}.tsm-page-metric-tile--card{border-radius:var(--tsm-metric-tile-radius,8px);border:1px solid var(--settings-border);background:color-mix(in srgb, var(--settings-border) 25%, transparent);flex-direction:column;padding:.65rem .72rem;transition:border-color .16s,box-shadow .16s,transform .16s}button.tsm-page-metric-tile--card:hover{border-color:var(--control-hover-bg,#fff3)}button.tsm-page-metric-tile--card:active{transform:scale(.98)}.tsm-page-metric-tile--card.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--card.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;font-size:.625rem;font-weight:700;line-height:1.2}.tsm-page-metric-tile--card .tsm-page-metric-tile__label{margin-bottom:.35rem}.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:var(--tsm-page-metric-accent);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{--tsm-page-metric-accent:color-mix(in srgb, #93c5fd 88%, var(--text))}.tsm-page-metric-tile--hero-green{--tsm-page-metric-accent:color-mix(in srgb, #4ade80 92%, var(--text))}.tsm-page-metric-tile--hero-purple{--tsm-page-metric-accent:color-mix(in srgb, #c084fc 90%, var(--text))}.tsm-page-metric-tile--hero-amber{--tsm-page-metric-accent:color-mix(in srgb, var(--surface-tint,#fbbf24) 92%, var(--text))}.tsm-page-metric-tile--hero-alert{--tsm-page-metric-accent:color-mix(in srgb, var(--error,#f87171) 92%, var(--text))}:root[data-theme=light] .tsm-page-metric-tile{--tsm-page-metric-accent:color-mix(in srgb, #92400e 85%, var(--text))}:root[data-theme=light] .tsm-page-metric-tile--hero-accent-soft{--tsm-page-metric-accent:color-mix(in srgb, #1d4ed8 92%, var(--text))}:root[data-theme=light] .tsm-page-metric-tile--hero-green{--tsm-page-metric-accent:color-mix(in srgb, #15803d 92%, var(--text))}:root[data-theme=light] .tsm-page-metric-tile--hero-purple{--tsm-page-metric-accent:color-mix(in srgb, #6d28d9 90%, var(--text))}:root[data-theme=light] .tsm-page-metric-tile--hero-amber{--tsm-page-metric-accent:color-mix(in srgb, #b45309 88%, var(--text))}:root[data-theme=light] .tsm-page-metric-tile--hero-alert{--tsm-page-metric-accent:color-mix(in srgb, #be123c 88%, var(--text))}@media (prefers-color-scheme:light){:root:not([data-theme]) .tsm-page-metric-tile{--tsm-page-metric-accent:color-mix(in srgb, #92400e 85%, var(--text))}:root:not([data-theme]) .tsm-page-metric-tile--hero-accent-soft{--tsm-page-metric-accent: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:var(--tsm-page-metric-accent);background:color-mix(in srgb, var(--tsm-page-metric-accent) 18%, transparent);border:1px solid color-mix(in srgb, var(--tsm-page-metric-accent) 35%, transparent);border-radius:999px;flex-shrink:0;padding:.12rem .38rem;font-size:.5625rem;font-weight:800;line-height:1.2;display:inline-block}.tsm-page-metric-tile--card .tsm-page-metric-tile__badge{color:color-mix(in srgb, var(--surface-tint,#f97316) 92%, var(--text));background:color-mix(in srgb, var(--surface-tint,#f97316) 22%, transparent);border-color:color-mix(in srgb, var(--surface-tint,#f97316) 45%, transparent);border-radius:4px}:root[data-theme=light] .tsm-page-metric-tile--card .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:.15rem}.tsm-page-metric-tile--card .tsm-page-metric-tile__footer{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{pointer-events:none;min-height:4.25rem}.tsm-page-metric-tile-grid--loading .tsm-page-metric-tile--rail.tsm-page-metric-tile--skeleton .tsm-page-metric-tile__rail{background:color-mix(in srgb, var(--settings-border) 55%, transparent);box-shadow:none}.tsm-page-metric-tile-grid--loading .tsm-page-metric-tile--rail.tsm-page-metric-tile--skeleton .tsm-page-metric-tile__body{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%;border-radius:6px;min-height:2.75rem;animation:1.2s ease-in-out infinite tsm-page-metric-tile-shimmer}.tsm-page-metric-tile-grid--loading .tsm-page-metric-tile--card.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%;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 (width<=900px){.tsm-page-metric-tile--rail{flex:auto;padding-right:0}}@media (prefers-reduced-motion:reduce){.tsm-page-metric-tile-grid--loading .tsm-page-metric-tile--skeleton,.tsm-page-metric-tile-grid--loading .tsm-page-metric-tile--rail.tsm-page-metric-tile--skeleton .tsm-page-metric-tile__body{animation:none}button.tsm-page-metric-tile--card:active{transform:none}.tsm-page-metric-tile--rail,button.tsm-page-metric-tile--rail:active{transition:none}}