.hy-card{box-sizing:border-box;display:block}.hy-card--flat{background:var(--hy-bg-secondary);border:1px solid var(--hy-border-light);border-radius:var(--hy-radius-card)}.hy-card--glass{background:var(--hy-recessed-bg);border:var(--hy-glass-border);border-radius:var(--hy-radius-panel);box-shadow:var(--hy-glass-shadow);-webkit-backdrop-filter:blur(var(--hy-glass-blur))}.hy-card--inset{background:color-mix(in srgb, var(--hy-bg-tertiary) 70%, transparent);border:1px solid var(--hy-border-light);border-radius:var(--hy-radius-md);padding:var(--hy-padding-inset)}.hy-card--lifted{background:var(--hy-bg-tertiary);border:1px solid var(--hy-border-light);border-radius:var(--hy-radius-card);box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d}@media (width<=639px){.hy-card--lifted{box-shadow:inset 0 1px #ffffff0d}}.hy-card--lifted.hy-card--soft{background:var(--hy-bg-tertiary);border:1px solid var(--hy-border-light);border-radius:var(--hy-radius-card)}@media (width>=640px){.hy-card--lifted.hy-card--soft{box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff0d}}.hy-card--recessed{background:var(--hy-recessed-bg);border-radius:var(--hy-radius-card);box-shadow:var(--hy-recessed-shadow)}.hy-card--prominent{background:var(--hy-bg-tertiary);border:1px solid var(--hy-border-light);border-radius:var(--hy-radius-card);box-shadow:var(--hy-shadow-sm)}.hy-card--prominent[data-accent=true]{background:linear-gradient(135deg, color-mix(in srgb, var(--hy-prominent-accent) 12%, transparent) 0%, transparent 55%), var(--hy-bg-tertiary);border-color:color-mix(in srgb, var(--hy-prominent-accent) 22%, var(--hy-border-light))}.hy-card--p-none{padding:0}.hy-card--p-sm{padding:var(--hy-space-2)}.hy-card--p-md{padding:var(--hy-padding-card)}.hy-card--p-lg{padding:var(--hy-space-5)}.hy-metric{background:var(--hy-bg-secondary);border:1px solid var(--hy-border-light);border-radius:var(--hy-radius-md);box-sizing:border-box;font-family:var(--hy-font-primary);color:var(--hy-text-primary);text-align:left;flex-direction:column;display:flex;position:relative;overflow:hidden}.hy-metric--bare{background:0 0;border:none;border-radius:0;overflow:visible;padding:0!important}button.hy-metric{font:inherit;cursor:default;width:100%}.hy-metric--compact{padding:var(--hy-space-3);align-items:center;gap:var(--hy-space-3);flex-direction:row}.hy-metric--compact.hy-metric--interactive{min-height:var(--hy-control-height-tab)}.hy-metric--standard{padding:var(--hy-space-4);gap:var(--hy-space-1)}.hy-metric--hero{padding:var(--hy-space-5);gap:var(--hy-space-2)}.hy-metric-label{font-size:var(--hy-text-xs);letter-spacing:var(--hy-tracking-wide);text-transform:uppercase;color:var(--hy-text-tertiary);font-weight:var(--hy-weight-medium);line-height:var(--hy-leading-tight)}.hy-metric--standard .hy-metric-label,.hy-metric--hero .hy-metric-label{font-size:var(--hy-text-sm)}.hy-metric--compact .hy-metric-label{min-width:0;font-size:var(--hy-text-xs);flex:auto}.hy-metric-value-row{align-items:baseline;gap:.25em;min-width:0;display:flex}.hy-metric--compact .hy-metric-value-row{flex:none;justify-content:flex-end}.hy-metric-value{font-family:var(--hy-font-mono);font-variant-numeric:tabular-nums;font-weight:var(--hy-weight-semibold);line-height:var(--hy-leading-tight);color:var(--hy-text-primary)}.hy-metric--compact .hy-metric-value{font-size:.9375rem}.hy-metric--standard .hy-metric-value{font-size:1.25rem}.hy-metric--hero .hy-metric-value{font-size:var(--hy-text-hero);font-weight:var(--hy-weight-bold)}.hy-metric[data-empty=true] .hy-metric-value{color:var(--hy-text-tertiary);font-weight:var(--hy-weight-regular)}.hy-metric-unit{font-family:var(--hy-font-mono);font-variant-numeric:tabular-nums;font-size:var(--hy-text-sm);font-weight:var(--hy-weight-regular);color:var(--hy-text-tertiary);line-height:var(--hy-leading-tight)}.hy-metric--hero .hy-metric-unit{font-size:var(--hy-text-base)}.hy-metric-subtext{font-size:var(--hy-text-xs);color:var(--hy-text-tertiary);line-height:var(--hy-leading-normal)}.hy-metric-trend{font-size:var(--hy-text-xs);line-height:var(--hy-leading-tight);align-items:center;gap:.25em;display:inline-flex}.hy-metric-trend[data-direction=up]{color:var(--hy-positive)}.hy-metric-trend[data-direction=down]{color:var(--hy-negative)}.hy-metric-trend[data-direction=flat]{color:var(--hy-text-tertiary)}.hy-metric-trend-icon{font-family:var(--hy-font-mono);font-weight:var(--hy-weight-semibold)}.hy-metric-trend-slot{margin-top:var(--hy-space-1);display:block}.hy-metric-progress{background:color-mix(in srgb, var(--hy-border-light) 60%, transparent);height:6px;margin-top:var(--hy-space-2);border-radius:9999px;overflow:hidden}.hy-metric--compact .hy-metric-progress{border-radius:0;height:4px;margin-top:0;position:absolute;bottom:0;left:0;right:0}.hy-metric-progress-fill{background:var(--hy-border-medium);transform-origin:0;width:100%;height:100%;transition:transform .2s var(--hy-motion-curve)}.hy-metric[data-status=positive] .hy-metric-progress-fill{background:var(--hy-positive)}.hy-metric[data-status=warning] .hy-metric-progress-fill{background:var(--hy-warning)}.hy-metric[data-status=negative] .hy-metric-progress-fill{background:var(--hy-negative)}.hy-metric[data-status=info] .hy-metric-progress-fill{background:var(--hy-accent-primary)}.hy-metric--standard[data-status=positive]{border-top:3px solid var(--hy-edge-positive)}.hy-metric--standard[data-status=warning]{border-top:3px solid var(--hy-edge-warning)}.hy-metric--standard[data-status=negative]{border-top:3px solid var(--hy-edge-negative)}.hy-metric--standard[data-status=info]{border-top:3px solid var(--hy-edge-accent-primary)}.hy-metric--hero[data-status=positive]{background:color-mix(in srgb, var(--hy-positive) 7%, var(--hy-bg-secondary));border-color:color-mix(in srgb, var(--hy-positive) 21%, var(--hy-border-light))}.hy-metric--hero[data-status=warning]{background:color-mix(in srgb, var(--hy-warning) 7%, var(--hy-bg-secondary));border-color:color-mix(in srgb, var(--hy-warning) 21%, var(--hy-border-light))}.hy-metric--hero[data-status=negative]{background:color-mix(in srgb, var(--hy-negative) 7%, var(--hy-bg-secondary));border-color:color-mix(in srgb, var(--hy-negative) 21%, var(--hy-border-light))}.hy-metric--hero[data-status=info]{background:color-mix(in srgb, var(--hy-accent-primary) 7%, var(--hy-bg-secondary));border-color:color-mix(in srgb, var(--hy-accent-primary) 21%, var(--hy-border-light))}.hy-metric--interactive{cursor:pointer;transition:background-color var(--hy-motion-micro), transform var(--hy-motion-micro), box-shadow var(--hy-motion-micro)}@media (hover:hover) and (pointer:fine){.hy-metric--interactive:hover{background:color-mix(in srgb, var(--hy-bg-elevated) 60%, var(--hy-bg-secondary))}}.hy-metric--interactive:active{transform:translateY(1px)}.hy-metric--interactive:focus-visible{box-shadow:0 0 0 3px var(--hy-state-focus);outline:none}@media (hover:hover) and (pointer:fine){.hy-metric--hero.hy-metric--interactive[data-status=positive]:hover{background:color-mix(in srgb, var(--hy-positive) 11%, var(--hy-bg-secondary))}.hy-metric--hero.hy-metric--interactive[data-status=warning]:hover{background:color-mix(in srgb, var(--hy-warning) 11%, var(--hy-bg-secondary))}.hy-metric--hero.hy-metric--interactive[data-status=negative]:hover{background:color-mix(in srgb, var(--hy-negative) 11%, var(--hy-bg-secondary))}.hy-metric--hero.hy-metric--interactive[data-status=info]:hover{background:color-mix(in srgb, var(--hy-accent-primary) 11%, var(--hy-bg-secondary))}}.hy-moat-card{--moat-accent:var(--hy-text-tertiary);--moat-dot-color:var(--hy-text-tertiary);--moat-dot-inactive:color-mix(in srgb, var(--hy-text-tertiary) 45%, transparent)}.hy-moat-svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.hy-moat-stroke{stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .5s cubic-bezier(.22, 1, .36, 1), stroke .2s var(--hy-motion-curve)}.hy-moat-tint{transition:color .5s cubic-bezier(.22,1,.36,1)}.hy-moat-subtext{color:var(--hy-text-tertiary)}@media (hover:hover) and (pointer:fine){.hy-moat-card:hover .hy-moat-stroke,.hy-moat-card:focus-visible .hy-moat-stroke{stroke-dashoffset:0}.hy-moat-card:hover,.hy-moat-card:focus-visible{--moat-dot-color:var(--moat-accent)}.hy-moat-card:hover .hy-moat-tint,.hy-moat-card:focus-visible .hy-moat-tint{color:var(--moat-tint,var(--moat-accent))}}button.hy-moat-card{transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1)}button.hy-moat-card:active:not(:disabled){transition:transform 80ms ease-out,box-shadow 80ms ease-out;transform:translateY(1px)scale(.985);box-shadow:0 1px 3px #00000038,inset 0 1px 2px #0000002e}@media (prefers-reduced-motion:reduce){.hy-moat-stroke,.hy-moat-tint{transition-duration:1ms}button.hy-moat-card,button.hy-moat-card:active{transition:none;transform:none}}.hy-hovercard-content{background:color-mix(in srgb, var(--hy-bg-secondary) 98%, transparent);border:1px solid var(--hy-border-light);border-radius:var(--hy-radius-md);min-width:220px;max-width:320px;box-shadow:0 20px 50px color-mix(in srgb, var(--hy-bg-primary) 55%, transparent), 0 0 0 1px #ffffff0a inset;color:var(--hy-text-primary);font-family:var(--hy-font-primary);z-index:200;outline:none;padding:10px 12px;font-size:12px;line-height:1.5;animation:.12s ease-out hy-hovercard-fade-in}@keyframes hy-hovercard-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.hy-hovercard-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hy-hovercard-row+.hy-hovercard-row{margin-top:4px}.hy-hovercard-label{color:var(--hy-text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:600}.hy-hovercard-value{color:var(--hy-text-primary);text-align:right;font-weight:500}.hy-hovercard-trigger{color:var(--hy-text-tertiary);cursor:pointer;border-radius:var(--hy-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin:-4px;padding:4px;transition:color .12s,background .12s;display:inline-flex}.hy-hovercard-content--prose{max-width:min(400px,100vw - 24px);max-height:var(--radix-hover-card-content-available-height,70vh);padding:12px 14px;overflow-y:auto}.hy-hovercard-trigger:focus-visible,.hy-hovercard-trigger[data-state=open]{color:var(--hy-text-primary);background:color-mix(in srgb, var(--hy-text-primary) 8%, transparent);outline:none}@media (hover:hover) and (pointer:fine){.hy-hovercard-trigger:hover{color:var(--hy-text-primary);background:color-mix(in srgb, var(--hy-text-primary) 8%, transparent);outline:none}}
