/* Raised pastel summaries; values and ratios remain server-calculated. */
.dashboard-metrics{perspective:1400px;gap:22px;padding-bottom:12px}
.dashboard-metrics .ratio-card{--ledge:#d6c4ee;--depth:#9b82bd2b;position:relative;isolation:isolate;border:1px solid #fff9;border-bottom:7px solid var(--ledge);border-radius:22px;box-shadow:inset 0 2px 1px #fffc,inset 1px 0 1px #fff8,0 4px 0 var(--ledge),0 13px 18px -10px var(--depth),0 22px 34px -20px #76608d50;transform:rotateX(3deg);transform-origin:center bottom;transition:transform .35s ease,box-shadow .35s ease;overflow:hidden}
.dashboard-metrics .ratio-card:nth-child(2){--ledge:#bddfcd;--depth:#679d7a35}
.dashboard-metrics .ratio-card:nth-child(3){--ledge:#efdbad;--depth:#b49a5635}
.dashboard-metrics .ratio-card:nth-child(4){--ledge:#e9c3bd;--depth:#bd827b35}
.dashboard-metrics .ratio-card:hover{transform:translateY(-7px) rotateX(0deg);box-shadow:inset 0 2px 1px #fffc,0 5px 0 var(--ledge),0 21px 28px -14px var(--depth),0 30px 42px -22px #76608d50}
.dashboard-metrics .ratio-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#fff5,transparent 42%,#fff2);z-index:-1}
.dashboard-metrics .ratio-card:after{content:"";position:absolute;width:120px;height:120px;right:-40px;bottom:-45px;border:16px solid #ffffff35;border-radius:50%;box-shadow:inset 0 2px 3px #ffffff50,0 2px 5px #9d82b509;pointer-events:none;transition:transform .6s ease}
.dashboard-metrics .ratio-card:hover:after{transform:rotate(12deg) translateY(-9px)}
.dashboard-metrics .metric-icon{border:1px solid #fff9;border-bottom:3px solid #ffffff70;box-shadow:0 5px 8px #7d679515,inset 0 1px 0 #fff;border-radius:11px;transform:rotate(-5deg)}
.dashboard-metrics .ratio-values strong,.dashboard-metrics .ratio-percent b{text-shadow:0 1px 0 #fff9,0 3px 5px #7d679511}
.dashboard-metrics .ratio-track{box-shadow:inset 0 2px 3px #7d679512,0 1px 0 #fff;border:1px solid #fff8;height:9px}
.dashboard-metrics .ratio-card small{position:relative;z-index:1}
@media(max-width:700px){.dashboard-metrics{gap:18px}.dashboard-metrics .ratio-card{transform:none}}
@media(prefers-reduced-motion:reduce){.dashboard-metrics .ratio-card,.dashboard-metrics .ratio-card:hover,.dashboard-metrics .metric-icon{transform:none;transition:none}}