.card{background-color:#fff;border-radius:14px;box-shadow:0 1px 4px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);border:1px solid #e9eef5;padding:1.5rem;margin-bottom:12px;transition:box-shadow .2s}.card[role=button]{cursor:pointer;transition:all .2s ease}.card[role=button]:hover{box-shadow:0 4px 16px rgba(32,178,170,.15),0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px);border-color:rgba(32,178,170,.3)}.card[role=button]:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.06)}.card[role=button]:focus{outline:2px solid var(--primary-color,#20b2aa);outline-offset:2px}.cardTitle{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.cardValue{margin-top:.25rem}.cardValueText{font-size:1.5rem;font-weight:700;color:#1e293b}.cardUnit{font-weight:400;margin-left:.25rem}.cardDescription,.cardUnit{font-size:.875rem;color:#64748b}.cardDescription{margin-top:.5rem}