button.siloss-kpi-card,.siloss-kpi-card{--kpi-lift:0 10px 24px -8px color-mix(in srgb, var(--kpi-color,#083a63) 28%, transparent);background-color:var(--card);border:1px solid var(--border);box-shadow:none;transition:transform .22s,box-shadow .22s,border-color .22s,background-color .22s;position:relative}.dark .siloss-kpi-card,[data-theme=dark] .siloss-kpi-card{--kpi-lift:0 12px 28px -10px #0009}.siloss-kpi-card:before{content:"";background:var(--kpi-tint,transparent);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}button.siloss-kpi-card:not(:disabled):hover,.siloss-kpi-card:not(:disabled):hover{transform:translateY(-3px);border-color:color-mix(in srgb, var(--kpi-color,var(--primary)) 55%, var(--border))!important;box-shadow:var(--kpi-lift)!important}.siloss-kpi-card:not(:disabled):hover:before{opacity:1}.siloss-kpi-card:not(:disabled):active{transform:translateY(-1px)}.siloss-kpi-card:focus-visible{outline:2px solid var(--kpi-color,var(--primary));outline-offset:2px}.siloss-kpi-card[data-active=true],.siloss-kpi-card[aria-pressed=true]{border-color:var(--kpi-color)}.siloss-kpi-card[data-active=true]:before,.siloss-kpi-card[aria-pressed=true]:before{opacity:1}.siloss-kpi-card__tile{background:linear-gradient(135deg, var(--kpi-color,#083a63) 0%, color-mix(in srgb, var(--kpi-color,#083a63) 72%, #000) 100%);box-shadow:0 4px 10px -2px color-mix(in srgb, var(--kpi-color,#083a63) 40%, transparent);transition:transform .3s cubic-bezier(.34,1.5,.64,1),box-shadow .22s}.dark .siloss-kpi-card__tile,[data-theme=dark] .siloss-kpi-card__tile{box-shadow:0 4px 12px -2px #00000080}.siloss-kpi-card:hover .siloss-kpi-card__tile{transform:translateY(-1px)scale(1.08)rotate(-6deg)}.siloss-kpi-card__icon{transition:transform .3s cubic-bezier(.34,1.5,.64,1)}.siloss-kpi-card:hover .siloss-kpi-card__icon{transform:scale(1.1)}.siloss-kpi-card__mark{width:5.5rem;height:5.5rem;color:var(--kpi-color,#083a63);opacity:.06;transition:transform .4s,opacity .3s;bottom:-.9rem;right:-.6rem;transform:rotate(-12deg)}.siloss-kpi-card[data-size=sm] .siloss-kpi-card__mark{width:3.5rem;height:3.5rem;bottom:-.6rem;right:-.4rem}.dark .siloss-kpi-card__mark,[data-theme=dark] .siloss-kpi-card__mark{opacity:.1}.siloss-kpi-card:hover .siloss-kpi-card__mark{opacity:.12;transform:rotate(-4deg)scale(1.08)}.siloss-kpi-card__value{transition:transform .22s}.siloss-kpi-card:hover .siloss-kpi-card__value{transform:translate(2px)}.siloss-kpi-card__line{background:linear-gradient(90deg, var(--kpi-color,#083a63), color-mix(in srgb, var(--kpi-color,#083a63) 30%, transparent));border-radius:0 3px 0 0;width:28%;height:3px;transition:width .35s;position:absolute;bottom:0;left:0}.siloss-kpi-card[data-size=sm] .siloss-kpi-card__line{height:2px}.siloss-kpi-card:hover .siloss-kpi-card__line,.siloss-kpi-card[data-active=true] .siloss-kpi-card__line,.siloss-kpi-card[aria-pressed=true] .siloss-kpi-card__line{border-radius:0;width:100%}.siloss-kpi-surface{border:1px solid var(--border);background:var(--card);box-shadow:none;transition:transform .2s,box-shadow .2s,border-color .2s}.siloss-kpi-surface:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));transform:translateY(-2px);box-shadow:0 8px 20px -10px #0f172a33}.dark .siloss-kpi-surface:hover,[data-theme=dark] .siloss-kpi-surface:hover{box-shadow:0 10px 24px -10px #0009}@media (prefers-reduced-motion:reduce){.siloss-kpi-card,.siloss-kpi-card:before,.siloss-kpi-card__tile,.siloss-kpi-card__icon,.siloss-kpi-card__mark,.siloss-kpi-card__value,.siloss-kpi-card__line,.siloss-kpi-surface{transition:none!important}.siloss-kpi-card:not(:disabled):hover,.siloss-kpi-surface:hover,.siloss-kpi-card:hover .siloss-kpi-card__tile,.siloss-kpi-card:hover .siloss-kpi-card__icon,.siloss-kpi-card:hover .siloss-kpi-card__mark,.siloss-kpi-card:hover .siloss-kpi-card__value{transform:none!important}}